Chargement différé de WordPress: cos & # 39; Et comment l’ajouter à votre site

Ajouter un chargement lent à un site WordPress est un outil efficace pour accélérer les sites WordPress. Nous avons beaucoup écrit (et nous avons fait une étude de cas) sur les effets négatifs de la lenteur du chargement des pages sur les taux de conversion, le référencement et d’autres indicateurs de succès en ligne. Plus vite le site sera chargé, mieux ce sera. Les deux facteurs les plus importants qui ralentissent le site sont les requêtes http et le poids de la page. Bien sûr, plus le navigateur envoie de demandes au serveur, plus il faut de temps pour traiter le site. En même temps, plus la page est grande (par exemple, parce qu’elle contient beaucoup d’images), plus il faut de temps pour la charger.
Le chargement différé est une technique pour résoudre ces deux facteurs. Cela signifie retarder le chargement de certaines parties de la page Web jusqu’à ce qu’elles soient réellement nécessaires. C’est aussi le sujet de cet article. Ci – dessous vous apprendrez comment fonctionne le chargement différé, ses avantages et ses inconvénients, et comment ajouter le chargement différé à WordPress. J’espère que vous n’aurez pas la peine de continuer à lire! Qu’est – ce qu’une marchandise inerte et que pouvez – vous en faire? Comme nous l’avons mentionné précédemment, le chargement lent est un moyen d’empêcher un navigateur de charger initialement une partie d’une page Web (habituellement une image) et de la remplacer par un substituant. De cette façon, la page devient plus petite et moins de données sont transférées du serveur au navigateur.
Résultat: un site Web plus rapide à charger et plus heureux pour les utilisateurs. Mais attends, tu n’as pas besoin de ces parties de ton site? Sinon, ils ne seraient pas là, n’est – ce pas? Ça ne va pas détruire cette page? C’est le rôle des paresseux dans la charge des paresseux. Cette technologie n’empêche pas seulement les navigateurs de télécharger des ressources et des images, elle les retarde simplement au besoin. Par exemple, une image n’a pas besoin d’être affichée sur une page avant que le visiteur ne fasse défiler
En plus d’être en mesure de voir votre site plus rapidement, ils n’ont pas à gaspiller leurs plans sur des images qui pourraient ne jamais être vues. Inconvénients de l’utilisation du chargement différé sur votre site cependant, l’utilisation du chargement différé n’est pas totalement inutile. Cette technique présente également certains inconvénients.
Premièrement, il n’est pas toujours adapté aux moteurs de recherche. Faites de même avec Search Engine crawler lorsque vous retardez le téléchargement des ressources pour les visiteurs. Par conséquent, ils peuvent ne pas indexer une partie de votre contenu, ce qui, bien sûr, n’est pas très bon pour le référencement. Malgré d’autres solutions. Bien sûr, il s’agit d’un problème beaucoup plus important lorsqu’il s’agit d’utiliser le chargement différé pour les messages et pas seulement pour les images (c’est pourquoi beaucoup de gens s’en éloignent). Le deuxième problème est l’expérience utilisateur. Lorsque vous faites défiler rapidement un site Web, le remplacement d’une image de substituant par un effet visuel peut faire sauter le contenu de la page, ce qui peut être ennuyeux.
Alors, quelle est la conclusion sur les charges paresseuses? En bref: l’utilisation de cette technologie dans un nombre limité de domaines peut permettre à votre site WordPress de charger plus rapidement, mais vous devez vous concentrer sur le référencement et l’expérience utilisateur. Comment ajouter un chargement lent à WordPress via un plug – in bien que vous puissiez ajouter un chargement différé à WordPress manuellement (voir le tutoriel sur les thèmes élégants de jayhoffmann), il est plus facile d’utiliser l’un des plug – ins suivants. Bon nombre des produits listés ici sont des solutions simples \
Il me semble donc inutile d’ajouter un chargement lent à WordPress sans plugin (à moins que vous ne le fassiez pour améliorer vos compétences techniques, ce qui est une bonne raison). Pour la plupart des utilisateurs, il est préférable de choisir l’un des nombreux plugins slow Load disponibles dans WordPress Sphere
Doit être fourni. Notre premier candidat pour le chargement paresseux est la solution gratuite la plus populaire pour charger lentement les images. Il dispose de plus de 90 000 appareils et possède une cote stable de 4 étoiles. La contribution de l’équipe d’automatisation explique en partie sa popularité.
Le plug – in de chargement différé utilise jquery. Sonar télécharge l’image seulement si elle apparaît dans le viewport (le viewport fait partie du site que vous voyez sur votre appareil). Le plug – in décompressé n’est que de 20 Ko, tout ce que vous avez à faire est de l’installer et de l’activer. Aucune configuration n’est nécessaire. Bj charge inerte Le deuxième meilleur plugin wordpress à chargement lent est BJ lazy load. Il dispose de plus de 60 000 unités et est également bien coté. Le plug – in remplace toutes les images et iframes (y compris Youtube et les vidéos Vimeo) dans le contenu par des substituants jusqu’à ce qu’elles apparaissent. Installation, activation, tout va bien.
Charge inerte de la fusée WP Nous avons ici un plug – in du même fabricant que le plug – in populaire de mise en cache de clés WP. Il peut télécharger paresseusement des images et \/ ou des iframes, y compris des vignettes, du contenu Widget, des avatars et des émoticônes. De plus, le plug – in n’utilise aucune bibliothèque JavaScript. C’est peut – être l’une des raisons pour lesquelles il pèse moins de 10 Ko. Plus de 10 000 sites font confiance à WP Rocket pour sa charge de latence, il semble qu’il fonctionne bien. Le site plug – in dans le répertoire WordPress contient également du Code pour désactiver sélectivement le chargement différé sur une page ou une image ou pour modifier le seuil de chargement. Sinon, aucune option de configuration n’est disponible. A3 charge inerte A3 lazy Load prétend être \
Aller aux images, vidéos et iframes dans les messages, les pages, les widgets, les vignettes et \/ ou les avatars. Il est également adapté à l’intégration tardive et est compatible avec woocommerce (voir notre guide de démarrage woocommerce). A3 lazy Load fournit également des images des effets affichés sur le site Web. Comme si cela ne suffisait pas, il vous permet également de choisir de charger ou non son script dans l’en – tête ou le pied de page (charger un plug – in lent, charger lentement comme méta), et d’ignorer l’image ou la vidéo. Enfin, il est compatible avec une gamme de plug – ins mobiles et de réseaux de mise en cache et de distribution de contenu. J’ai commencé à réaliser que leurs affirmations n’étaient peut – être pas totalement infondées. Crazy Piggy L’une des principales raisons pour lesquelles j’ai rejoint ce plugin est son logo fantastique. Regarde cet escargot! En plus de cela, cependant, il s’agit d’un plug – in de téléchargement lent d’images qui utilise peu de ressources. Crazy lazy a une fonctionnalité commune qui empêche le téléchargement d’images avant qu’elles ne soient vues par l’utilisateur. Pas besoin de configuration, il suffit de l’ouvrir. Si vous souhaitez configurer quelque chose, vous pouvez configurer votre image de substituant via CSS (la page plug – in contient le Code pour cela) et exclure l’image (elle a également le Code pour cela). Accélération – charge inerte Un autre plug – in qui bloque le téléchargement d’images et d’iframes si nécessaire. Seulement 5 KB de lumière (qui sont ces développeurs concurrents pour faire le plus petit plug – in?) Aucune configuration n’est nécessaire. Il a un code court qui désactive le chargement différé partout où il n’est pas nécessaire et vous permet de le désactiver même pour une seule image. Toutefois, à ce jour, seuls 3 000 appareils ont une cote complète de cinq étoiles. Défilement illimité de WordPress – téléchargement Ajax plus Nous avons déjà discuté du défilement infini, et maintenant il y a un plug – in que vous pouvez ajouter à