Comment nous réduisons le temps de chargement de notre page de 10 secondes

La vitesse et le social ne semblent tout simplement pas fonctionner ensemble lorsqu'il s'agit d'un excellent site Web. Nous avons migré notre site vers Volant (lien affilié) et cela a considérablement amélioré les performances et la stabilité de notre site. Mais la conception de notre site - avec un pied de page épais qui promouvait notre activité sociale sur Facebook, Twitter, Youtube et sur notre podcast - a ralenti notre site à une exploration.

C'était mauvais. Alors qu'une bonne page se charge en 2 secondes ou moins, notre site prenait plus de 10 secondes pour qu'une page se complète. Le problème n'était pas WordPress ou Flywheel, le problème était tous les éléments interactifs que nous avons chargés à partir d'autres services… Widgets Facebook et Twitter, images de prévisualisation Youtube, notre application Podcast, je ne pouvais tout simplement pas contrôler la lenteur de leur chargement. Jusqu'ici.

Vous remarquerez maintenant que nos pages se chargent en 2 secondes environ. Comment avons-nous fait ça? Nous avons ajouté une section dynamique à notre pied de page qui ne se charge que lorsque l'utilisateur fait défiler jusqu'à ce point. Faites défiler jusqu'au bas de notre page dans un navigateur (pas mobile, application ou tablette) et vous verrez une image de chargement prendre le relais:

charge

En utilisant jQuery, nous ne chargeons pas réellement la base de la page jusqu'à ce que quelqu'un y fasse défiler. Le code est en fait assez simple:

$ (window) .scroll (function () {if (jQuery (document) .height () == jQuery (window) .scrollTop () + jQuery (window) .height ()) {if ($ ("# placetoload" ) .text (). length <200) {$ ("# supplementaire"). load ('[chemin complet de la page à charger]');}}});

Une fois que l'utilisateur fait défiler jusqu'à la base de la page, jQuery go extrait le contenu de la page du chemin spécifié et le charge dans le div que vous avez sélectionné.

Bien que le site ne profite plus du contenu qui y est chargé (car un moteur de recherche ne l'explore pas), nous sommes assez convaincus que la vitesse de la page aidera beaucoup plus notre classement, notre partage et notre engagement que d'avoir quelqu'un attendez avec impatience que notre page se charge extrêmement lentement. Mieux encore, la page contient toujours tous les éléments que nous voulons engager avec nos visiteurs… sans sacrifier la vitesse de la page.

Nous avons encore du travail à faire… mais nous y arrivons!

Que pensez-vous?

Ce site utilise Akismet pour réduire les spams. Découvrez comment sont traitées les données de vos commentaires..