Ideen zur Verbesserung der Ladegeschwindigkeit von Websites?

22

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.

rauben
quelle

Antworten:

23
  1. Yahoo-Tipps zur Verbesserung der Seitengeschwindigkeit
  2. Googles Tipps zur Verbesserung der Seitengeschwindigkeit
  3. Wenn Sie PHP verwenden, lesen Sie die Tipps von Google, um PHP schneller zu machen

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:

Update 2

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

John Conde
quelle
2
+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
1

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