Ideen zur Verbesserung der Ladegeschwindigkeit von Websites?

Gibt es Möglichkeiten, die Ladegeschwindigkeit einer Website zu verbessern?

Ich weiß, dass Google die Ladegeschwindigkeit wirklich steigert. Angesichts der Beliebtheit mobiler Websites ist es jetzt unerlässlich, dass Websites schnell geladen werden.

optimization performance page-speed

— rauben
quelle

Hier ist eine grundlegende Liste aus dem Page Speed-Addon von Google (hier YSlow von Yahoo ):

Browser-Caching nutzen
Geben Sie die Bildabmessungen an
Vermeiden Sie CSS @import
Vermeiden Sie schlechte Anfragen
Kombinieren Sie Bilder zu CSS-Sprites
Verzögern Sie das Parsen von JavaScript
Keep-Alive aktivieren
Aktivieren Sie die Komprimierung
Inline Small CSS
Inline Small JavaScript
Zielseiten-Weiterleitungen können zwischengespeichert werden
CSS reduzieren
HTML minimieren
Minimieren Sie JavaScript
Weiterleitungen minimieren
Anforderungsgröße minimieren
Bilder optimieren
Optimieren Sie die Reihenfolge der Stile und Skripte
Bevorzugen Sie asynchrone Ressourcen
Fügen Sie CSS in den Dokumentenkopf ein
Entfernen Sie Abfragezeichenfolgen aus statischen Ressourcen
Stellen Sie Ressourcen über eine konsistente URL bereit
Servieren Sie skalierte Bilder
Geben Sie einen Vary: Accept-Encoding-Header an
Geben Sie einen Cache-Validator an
Geben Sie einen Zeichensatz an
Verzögern Sie das Laden von JavaScript
Unbenutztes CSS entfernen
Verwenden Sie effiziente CSS-Selektoren

Ich empfehle nachdrücklich, die Seitengeschwindigkeits-Add-Ons von Google oder Yahoo zu verwenden, um Ihre Seiten zu testen. Es ist schnell und einfach durchzuführen und bietet klare Anleitungen zur Verbesserung der Seitengeschwindigkeit.

aktualisieren

Wie von Nick in den Kommentaren empfohlen, finden Sie hier weitere gute Ressourcen und Informationen:

Tipps und Buch von Steve Souder :
Die Referenzen von Facebook, als sie ihre Website zum ersten Mal optimierten

Update 2

Hier sind gute Statistiken, die zeigen, warum die Seitengeschwindigkeit wichtig ist ( Quelle )

Amazon: 100 ms Verzögerung verursachten einen Umsatzrückgang .

Google: Die Verzögerung von 400 ms führte zu einem Rückgang der Suchanfragen pro Nutzer um 0,59% .

Yahoo !: 400 ms Verzögerung verursachten einen Rückgang des Datenverkehrs um 5-9% .

Bing: 2 Sekunden Verzögerung verursachten einen Umsatzrückgang von 4,3% pro Nutzer .

Mozilla beschleunigte die Download-Seite um 2,2 Sekunden und wurde mit einem Anstieg der Downloads um 15,4% belohnt .

Google Maps reduzierte das Dateivolumen um 30% und verzeichnete einen Anstieg der Kartenanforderungen um 30% .

Netflix, das Appdynamics zur Überwachung seiner Leistung verwendet, hat gzip auf dem Server aktiviert. Einfach durch diese einzelne Aktion wurden die Seiten 13-25% schneller und sparten 50% des Verkehrsvolumens !

Shopzilla gelang es, die Ladezeit von 7 auf 2 Sekunden zu verkürzen, wobei sich die Conversion-Rate um 7-12% erhöhte . Sie beobachteten einen Anstieg der Seitenanfragen um 25%. Sie konnten 50% ihrer Server stilllegen und so Energiekosten sparen .

AOL hat die Anzahl der Seitenaufrufe auf mehreren Websites beobachtet . Während die schnellsten Benutzer 7-8 Seiten anfragten, sahen die langsamsten nur 3-4.

Edmunds ist von über 10 Sekunden auf weniger als 2 Sekunden gesunken, was 17% mehr Seitenaufrufe und 3% mehr Umsatz bedeutet .

— John Conde
quelle

+1 Erwähnenswert sind auch die Tipps von Steve Souder: stevesouders.com/hpws/rules.php und sein Buch hier: stevesouders.com/blog/2009/04/23/even-faster-web-sites Dies waren die Referenzen von Facebook als sie ihre Site zum ersten Mal optimierten: facebook.com/note.php?note_id=307069903919

— Nick

Ich habe das Gefühl, dass etwas in meiner Kopfzeile die Site zum Toben bringt!

— Rob

Ich bin mir nicht sicher, ob mir diese Antwort gefällt, da sie nicht wirklich beschreibt, wie man eine schnelle Website erstellt, sondern nur das, woran man basteln kann, um sie schneller zu bekommen. Es ist ein bisschen so, als würde man sagen, man kann einem Auto einen Spoiler hinzufügen, aber man muss die allgemeinen Prinzipien der Aerodynamik verstehen, damit es Sinn macht und richtig gemacht wird.

— 15.

@Matthew, die Add-Ons und Seiten von Google und Yahoo beschreiben, warum diese Optimierungen hilfreich sind. Das informative sowie nützliche.

— John Conde

Hatte gerade eine Punktzahl von 89/100 für den Google Speed Check, ziemlich gut, wenn man bedenkt, dass ich keine Geschwindigkeitsoptimierungen versucht habe.

— Rob

Probieren Sie CloudFlare unter http://www.cloudflare.com/plans aus

CloudFlare ist ein Netzwerk zur Bereitstellung von Inhalten und ein verteilter Domain Name Server-Dienst, der zur Verbesserung der Leistung und Geschwindigkeit von Websites und zur Gewährleistung von Sicherheit vermarktet wird.

— AAssdff
quelle