So verkürzen wir die Ladezeit unserer Seite um 10 Sekunden

Geschwindigkeit und soziale Netzwerke scheinen bei einer großartigen Website einfach nicht zusammenzuarbeiten. Wir haben unsere Site auf migriert Schwungrad (Affiliate-Link) und es hat die Leistung und Stabilität unserer Website erheblich verbessert. Aber unser Website-Design - mit einer fetten Fußzeile, die unsere sozialen Aktivitäten auf Facebook, Twitter, Youtube und in unserem Podcast bewarb - verlangsamte unsere Website auf ein Kriechen.

Es war schlecht. Während eine großartige Seite in maximal 2 Sekunden geladen wurde, dauerte es mehr als 10 Sekunden, bis eine Seite fertiggestellt war. Das Problem war nicht WordPress oder Flywheel, das Problem waren alle interaktiven Elemente, die wir von anderen Diensten geladen haben… Facebook- und Twitter-Widgets, Youtube-Vorschaubilder, unsere Podcast-Anwendung, ich konnte einfach nicht steuern, wie langsam sie geladen wurden. Bis jetzt.

Sie werden jetzt feststellen, dass unsere Seiten in ca. 2 Sekunden geladen werden. Wie haben wir das gemacht? Wir haben unserer Fußzeile einen dynamischen Abschnitt hinzugefügt, der nur geladen wird, wenn der Benutzer bis zu diesem Punkt scrollt. Scrollen Sie in einem Browser (nicht für Handys, Apps oder Tablets) ganz nach unten auf unserer Seite, und Sie sehen, wie ein Ladebild die Kontrolle übernimmt:

Belastung

Mit jQuery laden wir die Basis der Seite erst, wenn jemand dort einen Bildlauf durchführt. Der Code ist eigentlich ganz einfach:

$ (Fenster) .scroll (Funktion () {if (jQuery (Dokument) .height () == jQuery (Fenster) .scrollTop () + jQuery (Fenster) .height ()) {if ($ ("# placetoload") ) .text (). length <200) {$ ("# supplementary"). load ('[vollständiger Pfad der zu ladenden Seite]');}}});

Sobald der Benutzer zur Basis der Seite gescrollt hat, extrahiert jQuery go den Seiteninhalt des angegebenen Pfads und lädt ihn in das von Ihnen ausgewählte div.

Obwohl die Website nicht mehr von den dort geladenen Inhalten profitiert (weil eine Suchmaschine sie nicht crawlt), sind wir ziemlich zuversichtlich, dass die Geschwindigkeit der Seite unserem Ranking, Teilen und Engagement viel mehr helfen wird, als jemanden zu haben Warten Sie ungeduldig, bis unsere Seite unglaublich langsam geladen ist. Das Beste ist, dass die Seite immer noch alle Elemente enthält, die wir mit unseren Besuchern in Kontakt bringen möchten… ohne die Seitengeschwindigkeit zu beeinträchtigen.

Wir haben noch einiges zu tun ... aber wir kommen dorthin!

Was denken Sie?

Diese Seite verwendet Akismet, um Spam zu reduzieren. Erfahren Sie, wie Ihre Kommentardaten verarbeitet werden.