Was sind die effektivsten Methoden zur Reduzierung der Bandbreite, die eine Website zum Rendern einer Seite benötigt?
Aggressives Caching? JS / CSS reduzieren? Gzip? CMS? Sprites?
bandwidth
compression
Mark Henderson
quelle
quelle
Antworten:
Einige grundlegende Methoden, die von jeder Website leicht implementiert werden können:
deflate
odergzip
wenn der Browser, der die Anfrage gestellt hat, dies unterstützt.Ein bisschen mehr beteiligt:
Verwenden Sie Sprites, die automatisch generiert werden . Ein Sprite ist ein einzelnes Bild mit mehreren Symbolen oder anderen kleinen Bildern. Anschließend wählen Sie aus, welches Bild mit der CSS-
background
Eigenschaft angezeigt werden soll . Beispiel .Der Vorteil besteht darin, dass der Client weniger HTTP-Anforderungen stellt (die Overhead haben).
Ich habe "automatisch" gewagt, weil es sich definitiv nicht lohnt, wenn Sie diese Dinge manuell erledigen, und die Codewartung zu einem Albtraum wird. In der Regel bedeutet dies automatisch, dass Sie ein benutzerdefiniertes Skript schreiben.
quelle
Google hat seine Empfehlungen erläutert, um die Nutzlastgröße zu minimieren . Sie umfassen die folgenden Techniken:
Diese Vorschläge sind Teil ihres Open-Source-Firefox / Firebug-Add-On-Projekts mit dem Namen Page Speed . Ähnlich wie das YSlow- Plugin von Yahoo! Das eigentliche Seitengeschwindigkeits-Add-On sucht nach viel mehr Optimierungen, als in dieser Liste ausführlich erläutert wird. Anweisungen zur Verwendung der Seitengeschwindigkeit werden ebenfalls angezeigt.
Die Best Practices von Yahoo! zur Beschleunigung Ihrer Website enthalten eine Reihe ähnlicher Best Practices:
(Die Liste von Yahoo! ist ~ 35 Elemente lang, es ist nicht erforderlich, sie vollständig zu zitieren.)
Sowohl mit YSlow ( Bildlink ) als auch mit Page Speed ( Bildlink ) können Sie Tests auf Ihren Seiten durchführen, indem Sie Vorschläge für mögliche Aktionen machen und zeigen, welche der Empfehlungen bereits implementiert sind.
quelle