Wie man Ihre Website wahnsinnig schnell

Also, wie Sie minimieren Sie Ihre Ladezeiten Ihre Einnahmen zu maximieren?

Nun, ich habe die Techniken unten zu optimieren Schnell Sprout verwendet, und ich habe um fünf Sekunden, um meine Ladezeit verbessert. Ergebnisse, natürlich variieren. aber wenn man die Techniken, die unten folgen, können Sie überall von vier auf sechs Sekunden Zeitersparnis erwarten.

Die Grundlagen

Für den Anfang ist der Schlüssel zu einer schnelleren Seiten Reduzierung der Ladezeit-Frontend. Für den Endverbraucher, 80% der Antwortzeit in HTTP-Anforderungen gebunden. Dies ist die Leistung goldene Regel. Das heißt, Sie müssen diese Anforderungen zu minimieren.

Hier ist, wie das zu tun:

Der Rest der Spieltechniken ich mit Ihnen teilen würde auch HTTP-Anfragen niedriger machen.

Kombinieren Sie Bilder mit CSS-Sprites

Wenn Sie viele Bilder auf Ihrer Seite haben, zwingen Sie mehrere Rundreisen des Servers alle Ressourcen gesichert zu bekommen. Dies verlangsamt Seite Geschwindigkeit.

Sprites kombinieren alle Hintergrundbilder auf einer Seite in einem einzigen Bild. Die richtige Bildausschnitt wird aufgrund der Eigenschaften CSS Hintergrund-Bild und Hintergrund-Position angezeigt werden.

CSS-Sprites reduzieren:

Verzögerungen durch Rundreisen als der Server heruntergeladen andere Ressourcen.
Anfrage-Overhead.
Gesamtzahl der Bytes eine Seite zum Download.

Sie können einen Service wie SpriteMe verwenden diesen Prozess einfach zu machen. Ansonsten können Sie die Sprite-Empfehlungen von Google folgen.

Komprimierung aktivieren

Sie müssen noch Ihre Inhalte für die Kompression optimieren. Es gibt zwei Dinge, die Sie tun müssen, um Ihre Web-Inhalte, um sicherzustellen, komprimiert effektiv:

Verbreiten Sie Ihre statische Inhalte mit CDNs

Da die Lage der Ladegeschwindigkeit Benutzer Auswirkungen Seite, verbreiten Sie Ihre Inhalte über mehrere Server wird diesen Prozess beschleunigen. Sie können ein Content Delivery Network (CDN) verwenden, damit dies geschieht.

Was genau ist ein CDN? Es ist nur eine Sammlung von Servern, die in der Welt an verschiedenen Orten existieren. CDNs zwei Dinge tun:

Senden Sie Dateien schneller - Im Cache-Dateien werden von Standorten gesendet werden, die näher an den angegebenen Benutzer sind.
Verkleinern Dateigröße - CDNs Inhalt liefern, die ohne Cookies ist. Keine aufgeblähten Dateien.

ein CDN zu verwenden ist eine ziemlich einfache Codeänderung, aber es kann teuer sein. Und während einige große Internet-Anbieter ihre eigenen CDN haben, ist es am besten, einen Dienstleister zu CDNs gewidmet zu verwenden.

Leverage Surfen Caching unter Verwendung von „gültig bis“ Header

Es gibt zwei Dinge über diese Regel, die Sie im Auge behalten:

Statische Komponenten - Legen Sie eine „Never verfallen“ Politik weit in die Zukunft. Diese Komponenten werden cachable, die Vermeidung zeitraubend und unnötige HTTP-Anfragen. „Expires“ Header sollte für Bilder, Flash, Scripts und Stylesheets verwendet werden.
Dynamische Komponente - Verwenden Sie einen Cache-Control-Header den Browser mit bedingten Anfragen zu helfen.

Die „gültig bis“ Header einen Server für die erzählen, wie lange ein Element zwischenzuspeichern. Die meisten statischen Dateien sollten auf ein Jahr in die Zukunft gesetzt werden.

Apache-Server sollten den ExpiresDefault Befehl das Datum in der Zukunft setzen im Vergleich zu absoluter Zeit. Im oben genannten Beispiel würde der Befehl wie folgt aussehen:

ExpiresDefault „access plus 1 year“

Sie müssen die Dateinamen der Komponente ändern, wenn Sie diese Komponente in der Zukunft ändern. Von Google, können Sie sehen, welche Cache-Response-Header HTTP / 1.1 zur Verfügung stellt.

Aktivieren der HTTP-Keep-Alive-Response-Header

Hier sind zwei gemeinsame Wege zu ermöglichen, Keep-Alive:

Drei Performance-Test-Tools

Page Speed Insights

Vorschläge zur Leistungs gliedern sich in hoch, mittel, niedrig und experimentelle Priorität. Dies ist das Werkzeug, das ich oben verwenden die Empfehlungen zu kommen.