Ladegeschwindigkeit der Website. 4 Hauptfaktoren.

Schlagworte: SEO

Ladegeschwindigkeit der Website. Wie kann ich die Download-Geschwindigkeit erhöhen? Hauptprobleme.

Empfohlen Seitenladegeschwindigkeit Google - 2 Sekunden. (Und jetzt schau dir deine Geschwindigkeit an)

(Wie überprüfe ich die Ladegeschwindigkeit der Website?Der einfachste und schnellste Weg ist das Öffnen Entwicklertools STRG+UMSCHALT+IWählen Sie als Nächstes die Registerkarte „Netzwerk“ und aktualisieren Sie die Seite, um die Download-Geschwindigkeit anzuzeigen, die Sie zum Aktualisieren der Seite benötigen. Ohne Cache aktualisieren: Sie müssen STRG + F5 / STRG + R drücken. Und unten wird die Download-Geschwindigkeit angezeigt.)

Überprüfen Sie die Ladegeschwindigkeit der Website
Nutzung eines Dienstes von Google: PageSpeed Insights

Die wichtigsten Punkte, die am meisten beeinflussen:

Zwischenspeicher
css (Stile)
JS (Skripte)
Bilder (ihr Gewicht, Größe – ja, genau die HxB-Größe, Metadaten – ja, so etwas gibt es, das sind ihre Angaben wie: Datum, Titel, Thema etc.)

Um nicht viele unnötige Informationen über kleine Momente zu malen, die sich nicht besonders auswirken oder eine vernachlässigbare Wirkung haben, werde ich nicht darüber schreiben.

#1 BARGELD

zwischenspeichern (oderZwischenspeicher) ist ein Puffer (ein Ort), an dem Daten gespeichert werden. In unserem Fall sind dies Bilder, Code, Stile und mehr.

Das einfachste was Sie selbst tun können, ist Caching auf dem Hosting aktivieren.
(Wenn Sie ein Ukraine.com.ua-Hosting haben, müssen Sie zu „Site-Einstellungen“ -> „Grundeinstellungen“ gehen und dort wird ein Punkt „Caching“ angezeigt, und dort wählen Sie die erforderliche Zeitdauer aus, für die Ihre Site verwendet werden soll zwischengespeichert werden. Von mir selbst empfehle ich, es auf 2 Wochen einzustellen - mit diesem Zwischenspeicherungszeitraum fügt Google Page Speed Insights viele Punkte hinzu.)

andere Methoden im Zusammenhang mit htaccess, Browser-Tags usw. finden sich im Internet für etliche Artikel und ich sehe keinen Sinn in einem Repaint. Über die Caching-Arten können Sie im Artikel zu Habré nachlesen.

#2 CSS (Stile)

CSS - (Cascading Style Sheets - Cascading Style Sheets).
Was kann man mit Stilen machen?
Brunnen Erstens drücke sie.
Zweitens die Anzahl der Dateien reduzieren, d.h. so viel wie möglich zusammenführen, um die Anzahl der Aufrufe an den Server zu reduzieren.
DrittensBetten Sie die Hauptstile, die die Anzeige des sichtbaren Teils des ersten Bildschirms beeinflussen, direkt in ein und belassen Sie den Rest in der Datei.

Ich hinterlasse auch ein paar nützliche Links:

CSS-Komprimierungsdienste
Wie kann ich CSS-Dateien komprimieren?

#3 JS (Skripte)

Hier haben wir auch mehrere Möglichkeiten, Skripte zu optimieren.

Laden des Skripts verschieben. Ziehen Sie es so tief wie möglich, legen Sie es hinter oder noch tiefer, manchmal hilft es, manchmal ist es keine Option. Aber Punkt Nummer 2 kommt zur Rettung.
ASYNC – asynchrones Laden von Skripten. Dies geschieht mit dem Parameter „async“.
Weitere Details zu Async finden Sie hier.
Ein wenig mehr Informationen über JS und seinen Einfluss.
Kleiner Punkt.
JS kann auch komprimiert werden. Auch in 1 Datei zusammenführen.

#4 Bilder

Sie können immer drei Dinge tun: Auf das Feuer schauen, auf das Wasser schauen und die Bilder optimieren.

Das Thema ist ziemlich umfangreich, daher werde ich versuchen, Ihnen nur wichtige Informationen zu geben.

Gewicht optimieren.

Wie? Durch ein Programm oder einen Dienst.

Programm für Massenarbeit mit Bildern Schnelles Steinbilddamit kannst du
Bilder massenhaft skalieren. Wie und was da schon googeln ist nicht schwer.
Faststone-Image herunterladen.
Dienst zum Verkleinern von Bildern - Panda. Oder besser TinyPNG & TinyJPG.
Der Hauptvorteil von ONLINE. Laden Sie einfach die Dateien hoch und erhalten Sie sie in einer komprimierten Version zurück - Die Qualität leidet überhaupt nicht (es ist Magic).
Links: tinypng.com & tinyjpg.com

Größe optimieren.

Die Größe, wie ich oben geschrieben habe, kann mit dem Programm geändert werden schnelles Steinbild.
Die Größe ist Höhe x Gewicht (Höhe mal Breite).

Beispiel:

Die Größe	Pixel	Dateigröße
100x100	10 000	39 KB
200x200	40 000	156 KB
300 x 300	90 000	351 KB
500 x 500	250 000	977 KB
800 x 800	640 000	2500 KB

(Wenn Sie mehr darüber wissen möchten, können Sie die Hilfe von Google zu diesem Thema lesen. ARTIKEL von Google, aber ich warne Sie, es ist in gewissem Maße nerdig.)

Zum Beispiel haben wir 2 Bilder:
1) Gewicht 100 KB, Größe 500 x 500
2) Gewicht 100 KB, Größe 2500 x 2500
Es scheint, dass es einen Unterschied macht, sie wiegen gleich, daher sollte das Laden gleich kompliziert oder einfach sein, aber es war nicht da, wenn Sie es mit Google Page Speed Insgiht überprüfen, es wird immer noch auf eine höhere Auflösung schwören Bild.

Zusammenfassend: Die Größe ist wichtig. Gewicht auch. (der Rest ist nicht so wichtig, aber nach den Argumenten einiger Experten hat es auch Auswirkungen, jetzt rede ich von Bild-Metadaten)

Ich habe nicht wirklich etwas über Metadaten geschrieben, na ja, hier gibt es nichts zu schreiben ...
Löschen Sie einfach alle Metadaten für alle Bilder, laut Legende können Sie die Größe um das 2-fache reduzieren. Ich habe es kürzlich herausgefunden (über die Auswirkung der Dateigröße fand ich sie ziemlich unbedeutend).

Kurz zur Veröffentlichung: