Mit der Zunahme der Bandbreite gibt es auf der Webseite immer mehr Objekte. Daher ist es immer noch ein wichtiges Thema, um die Öffnung von Webseiten zu beschleunigen. Es gibt drei Möglichkeiten, um die Öffnung von Webseiten zu beschleunigen: Eine besteht darin, die Netzwerkbandbreite zu erhöhen. Die zweite besteht darin, den Benutzer auf der lokalen Maschine zu optimieren, und die dritte besteht darin, die Webseiten durch Website -Designer zu optimieren. Dieser Artikel basiert auf der Perspektive eines Website -Designers und teilt einige Tipps zur Optimierung der Ladegeschwindigkeit der Webseite.
1. Optimieren Sie Bilder
Es gibt fast keine Webseite ohne Bilder. Wenn Sie das Alter von 56.000 Katzen erlebt haben, werden Sie auf jeden Fall keine Websites mit vielen Bildern mögen. Denn das Laden einer solchen Webseite dauert viel Zeit.
Noch jetzt hat die Netzwerkbandbreite viel verbessert, und 56.000 Katze hat nach und nach verblasst, und es ist immer noch erforderlich, Bilder zu optimieren, um Webseiten zu beschleunigen.
Das Optimieren von Bildern umfasst die Reduzierung der Anzahl der Bilder, die Reduzierung der Bildqualität und die Verwendung geeigneter Formate.
1. Reduzieren Sie die Anzahl der Bilder: Entfernen Sie unnötige Bilder.
2. Bildqualität reduzieren: Wenn dies nicht sehr erforderlich ist, versuchen Sie, die Qualität des Bildes zu verringern, insbesondere das JPG -Format.
3. Verwenden Sie das entsprechende Format: Siehe den nächsten Punkt.
Vor dem Hochladen von Bildern müssen Sie die Bilder bearbeiten. Sind Sie zu faul, um sie zu bearbeiten, möchten aber, dass Bilder Spezialeffekte haben? Sie können versuchen, JavaScript aufzurufen, um Bild -Spezialeffekte zu implementieren.
2. Auswahl des Bildformats
Es gibt drei Bildformate, die auf Webseiten verwendet werden, nämlich JPG, PNG und GIF. Zeit der Webseite.
1. JPG: Fotos, die im Allgemeinen zum Anzeigen von Landschaften, Charakteren und künstlerischen Fotos verwendet werden. Manchmal wird es auch auf Computer -Screenshots verwendet.
2. GIF: Es gibt weniger Farben und können an einigen Stellen verwendet werden, an denen keine hohe Nachfrage nach Farben besteht, wie z. B. Website -Logos, Schaltflächen, Ausdrücke usw. Eine wichtige Anwendung von GIF ist natürlich Animationsbilder. Wie ein Reflexionsbild aus Lunapic.
3. PNG: Das PNG -Format kann einen transparenten Hintergrund liefern und ist ein Bildformat, das speziell für die Webseitenanzeige erfunden wurde. Es wird im Allgemeinen auf Webseiten verwendet, die eine transparente Hintergrundanzeige oder eine hohe Bildqualität erfordern.
3.. CSS optimieren
CSS Overlay Style Sheets machen Webseiten effizienter, um das Browsererlebnis zu laden und zu verbessern. Bei CSS kann die Formularlayout -Methode im Ruhestand gezogen werden.
Aber manchmal, wenn wir CSS schreiben, verwenden wir weitere wortreiche Sätze, wie zum Beispiel diesen Satz:
Rand: 10px;
Rand-Rechts: 20px;
Randboden: 10px;
Rand-Links: 20px;
Sie können es vereinfachen zu:
Rand: 10px 20px 10px 20px;
Oder dieser Satz:
＜ p class = "dekoriert"> Ein Absatz aus dekorierter Text ＜/p>
＜ p class = "dekoriert"> Zweiter Absatz ＜/p>
＜ p class = "dekoriert"> dritter Absatz ＜/p>
＜ p class = "dekoriert"> Forth Absatz ＜/p>
Sie können DIV verwenden, um zu enthalten:
＜ div class = "dekoriert">
＜ p> ein Absatz dekorierter Text ＜/p>
＜ P> Zweiter Absatz ＜/p>
＜ p> dritter Absatz ＜/p>
＜ P> Forth Absatz ＜/p>
＜/div>
Vereinfachtes CSS kann redundante Attribute beseitigen und die betriebliche Effizienz verbessern. Wenn Sie nach dem Schreiben von CSS zu faul sind, um sie zu vereinfachen, können Sie einige Online -vereinfachte CSS -Tools wie CleanCSs verwenden.
4. Fügen Sie einen Schrägstrich auf der Rückseite der URL hinzu
Einige URLs beispielsweise, wenn ein Server eine solche Adressanforderung empfängt, braucht es Zeit, um den Dateityp der Adresse zu bestimmen. Wenn das Web ein Verzeichnis ist, können Sie der URL genauso gut einen zusätzlichen Schrägstrich hinzufügen, damit der Server eindeutig wissen kann, dass er im Verzeichnis auf die Index- oder Standarddatei zugreifen kann und so die Ladezeit speichert.
V. Zeigen Sie Höhe und Breite an
Dies ist wichtig, aber viele Menschen ignorieren es aufgrund von Faulheit oder anderen Gründen immer. Wenn Sie Bilder oder Tabellen auf einer Webseite hinzufügen, sollten Sie ihre Höhe und Breite angeben, dh die Höhe und die Breite der Breite. Wenn der Browser diese beiden Parameter nicht findet, muss er die Größe beim Herunterladen des Bildes berechnen. Dies wirkt sich nicht nur auf die Geschwindigkeit aus, sondern wirkt sich auch auf das Browsererlebnis aus.
Hier ist ein relativ freundlicher Bildcode:
＜ img id = "mond" height = "200" width = "450" src = " />
Wenn der Browser die Parameter der Höhe und der Breite kennt, wird das Bild auf der Seite freigelassen und dann wird der nachfolgende Inhalt weiterhin geladen. Daher ist die Ladezeit schneller und das Browsererlebnis besser.
6. HTTP -Anfragen reduzieren
Wenn ein Browser eine Webseite öffnet, gibt der Browser viele Objektanforderungen (Bilder, Skripte usw.) aus. Wenn es auf der Webseite viele Objekte gibt, kann dies viel Zeit in Anspruch nehmen.
Daher müssen wir die Belastung für HTTP -Anfragen verringern. Wie kann man die Belastung reduzieren?
1. Entfernen Sie einige unnötige Objekte.
2. Kombinieren Sie die beiden nahe gelegenen Bilder in einem.
Fusionieren Sie CSS
Schauen Sie sich den folgenden Code an und Sie müssen drei CSS laden:
＜ Link rel = "Stylesheet" type = "text/css" href = "/body.css"/>
＜ Link rel = "Stylesheet" type = "text/css" href = "/side.css"/>
＜ Link rel = "Stylesheet" type = "text/css" href = "/footer.css"/>
Wir können es zu einem synthetisieren:
＜ Link rel = "Stylesheet" type = "text/css" href = "/style.css"/>
Dies reduziert HTTP -Anfragen.
7. Andere Tipps (vom Übersetzer hinzugefügt)
1. Entfernen Sie unnötige Add-Ins.
2. Wenn Sie Widgets von anderen Websites auf der Webseite einbetten, müssen Sie eine schnelle auswählen, wenn Sie Platz für die Wahl haben.
3. Versuchen Sie, Bilder anstelle von Flash zu verwenden, was auch für SEO vorteilhaft ist.
4. Wenn einige Inhalte statisch sein können, ist es statisch, die Belastung des Servers zu verringern.
5. Statistischer Code wird am Ende der Seite platziert.