-
Von der Eingabe einer URL in den Browser oder dem Öffnen einer Webseite über einen Link an anderer Stelle bis zum Laden der gesamten Webseite: Welche Dateien lädt der Browser während dieses Vorgangs? Schauen wir uns zunächst an, welche Teile der Webseite zusammengesetzt sind von, 1. Webdokument ist der auf der Webseite angezeigte Text. Dies ist ein relativ kleiner Teil. Bilder sind die auf der Webseite angezeigten Bilder. 3. Objekte sind Objektelemente wie Flash, Plug-in-Videos usw. 4. Skripte . Dies ist hauptsächlich eine JS-Datei, 5, ein Stylesheet, das den Anzeigeeffekt der Webseite steuert.
Je größer die Webseitendatei ist, desto länger dauert es, bis der Browser die Seite vom Server herunterlädt, um sie anzuzeigen. Dies ist sehr schlecht für die Website-SEO. Weitere Informationen finden Sie im Artikel „Wie wirkt sich die Ladegeschwindigkeit von Webseiten auf die SEO aus?“ Der Grund dafür ist möglicherweise auch Die Statusleiste des Browsers befindet sich immer im Anforderungsstatus. Daher umfasst die Gesamtdateigröße für eine Website den oben genannten Inhalt, HTML, externes CSS, externes Javascript und die Größe einiger Dateien wie Bilder, Sounds, Videos, Flash usw. auf der Webseite. Bei diesen Dateien handelt es sich um HTML-, CSS- und Javascript-Dateien, die nach dem Schreiben der Webseite formatiert werden können. Moderne Webserver verfügen jedoch über Textkomprimierungsfunktionen, die von Administratoren festgelegt werden können.
Allerdings machen Dateien wie Bilder, Töne, Videos und Flash einen großen Teil der Website aus, und diese Dateien sind viel größer als Textdateien. Sie sind ein wichtiger Faktor, der die Download-Geschwindigkeit beim Öffnen der Website beeinflusst.
Dies ist die Größe der Homepage eines inländischen B2C-Einkaufszentrums.
Dies ist die Größe der Taobao-Homepage
163 Homepage-Größe, im Vergleich zu Portal-Websites sind die Seiten von Mall-Websites tatsächlich relativ groß. Das Bild oben ist ein Plug-in in Firefox. Es gibt eine Funktion zum Überprüfen der Größe der Webseite. Dieses Tool ist sehr nützlich für die technische Analyse von Websites und verwenden Sie es. Es erfordert auch viel SEO. Analysieren Sie den zugrunde liegenden Code der Website, analysieren Sie die Website der Wettbewerber usw.
Was ist unter normalen Umständen die angemessene Größe jeder Seite? Selbst sogenannte Experten sind sich in dieser Frage im Allgemeinen nicht einig. Wenn Ihre Website Grafiken in professioneller Qualität erfordert, ist es unmöglich, die „20-KB-Regel“ einzuhalten In E-Commerce-Einkaufszentren sind der Verarbeitungseffekt von Bildern und das Gefühl der Verkaufsgebühren unterschiedlich. Beispielsweise erstellen einige Websites spezielle Themen, bei denen es sich größtenteils um Bilder handelt. Zu diesem Zeitpunkt können Sie beim Entwerfen der Seite die großen Bilder ausschneiden Kleinere Bilder, wie zum Beispiel das inländische Moonbas-Einkaufszentrum, teilen das Gesamtbild in viele kleine Teile, sodass die Webseite schneller geladen wird und die Website schneller geöffnet wird Stellen Sie sich vor, eine Website öffnet sich sehr langsam. Wie lange warten Sie normalerweise? Lassen Sie Benutzer nicht zu lange warten, sonst verlieren Sie potenzielle Benutzer oder Bestellungen.
Was sind also die besten Dinge, die Sie tun können, um auf den Webseiten Ihrer Website Gewicht zu verlieren?
1. Legen Sie die meisten CSS-Stylesheets und Javascript-Dateien in externe Dateien der Webseite ab, schreiben Sie sie in eine separate Datei und referenzieren Sie diese Dateien nur, wenn die Website zum ersten Mal vor dem Laden geöffnet wird. Dann kann jede Seite der Website diese Dateien wiederverwenden, ohne sie erneut herunterladen zu müssen. Obwohl diese Dateien möglicherweise nicht sehr groß sind, tragen sie auch zur Einsparung von Benutzerbandbreite bei, wenn sie jedes Mal geladen werden müssen, wenn eine neue Seite geöffnet wird.
2. Versuchen Sie nach Möglichkeit, Grafiken, Audio und Video auf verschiedenen Seiten zu verwenden. Diese Dateien werden auch bei der ersten Verwendung geladen.
3. Verwenden Sie keine unnötigen Bilder, Animationen und Töne, sei es aus praktischen Gründen oder um die Schönheit der Website zu steigern, jede Datei sollte einen Grund für ihre Existenz haben. Einige Bilder werden zum Ausfüllen der Lücken verwendet, wie z. B. diese Bilder kann entfernt werden.
4. Versuchen Sie, kleine Bilder anstelle von großen Bildern zu verwenden, da unter den gleichen Umständen kleine Bilder schneller heruntergeladen werden können. Wenn Sie keine hohen Anforderungen an Bildpixel haben, können Sie beispielsweise Bilder im GIF-Format verwenden Das Hintergrundbild kann in kleinen Größen wiederholt werden, anstatt ein großes Bild als Hintergrund zu verwenden. Beispielsweise können auf einigen Websites von Einkaufszentren die Bilder auf thematischen Seiten in kleine Bilder geschnitten werden, was das Öffnen Ihres Bildes beschleunigen kann Webseite.
5. Minimieren Sie die Verwendung von Bildern für Spiegelungseffekte in Navigationsschaltflächen, da unterschiedliche Bilder heruntergeladen werden müssen. Wenn hingegen Textlinks verwendet werden, kann der gleiche Effekt durch die Verwendung von CSS zur Steuerung des Spiegelns erzielt werden.
Das Obige listet im Wesentlichen die relevanten Faktoren auf, die sich auf die Größe der Webseite auswirken. Möglicherweise wurden einige nicht gefunden. Ich hoffe, dass einige Freunde weitere Faktoren herausfinden, die sich auf die Optimierung der Webseite auswirken.
Informationen zum Autor: Liu Yunweis Blog
Danke kitwer für deinen Beitrag