{"id":228171,"date":"2022-10-05T15:25:00","date_gmt":"2022-10-05T12:25:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=228171"},"modified":"2022-11-09T01:32:14","modified_gmt":"2022-11-08T22:32:14","slug":"wordpress-lazy-load-choisir-le-meilleur-plugin-pour-le-travail","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/fr\/wordpress-lazy-load-choisir-le-meilleur-plugin-pour-le-travail\/","title":{"rendered":"WordPress lazy load : Choisir le meilleur plugin pour le travail"},"content":{"rendered":"\n

Il n’y a rien de plus frustrant pour les utilisateurs que d’attendre qu’un site Web soit t\u00e9l\u00e9charg\u00e9. De plus en plus de sites regorgent de vid\u00e9os et d’images, chaque image n\u00e9cessitant une nouvelle requ\u00eate HTTP. WordPress Lazy Load est la solution facile \u00e0 installer pour acc\u00e9l\u00e9rer un tel site Web rempli d’images<\/a>.<\/p>\n

Lors de la conception de notre site Web wpDataTables<\/a><\/strong>, nous avons \u00e9galement envisag\u00e9 la possibilit\u00e9 de cette complication, car nous utilisons beaucoup d’images et de vid\u00e9os.<\/p>\n

Qu’est-ce que le chargement paresseux\u00a0? Lazyload signifie que la vid\u00e9o, les images ou les iframes se chargent uniquement lorsqu’ils entrent dans la fen\u00eatre d’affichage et que les images restantes se chargent lorsque les t\u00e9l\u00e9spectateurs font d\u00e9filer la page de votre site Web. Cela am\u00e9liorera consid\u00e9rablement les temps de chargement de votre site et emp\u00eachera les utilisateurs de quitter votre site Web.<\/p>\n

Avantages du chargement paresseux<\/strong><\/h3>\n

L’avantage \u00e9vident de WordPress Lazy Load est des temps de chargement plus rapides. Comme vous ne chargez qu’une partie de votre page, son contenu s’affichera plus rapidement dans le navigateur. Par la suite, les visiteurs utilisent moins de bande passante, ce qui est un grand avantage pour ceux qui disposent d’une connexion de donn\u00e9es mobile.<\/p>\n

Ainsi, vos visiteurs pourront non seulement acc\u00e9der rapidement \u00e0 votre site web, mais ils \u00e9conomiseront \u00e9galement sur leur forfait data mobile: pourquoi utiliser leur trafic data pour charger des images dont ils n’ont pas besoin ou qu’ils ne veulent pas voir? Un plugin de chargement paresseux est une technique doublement b\u00e9n\u00e9fique dont tous les sites lourds en images ont besoin.<\/p>\n

Inconv\u00e9nients de Lazy Load<\/strong><\/h3>\n

Le lazyloading n’est pas toujours une technique conviviale pour les moteurs de recherche, car non seulement vous retardez le chargement du contenu pour vos utilisateurs, mais vous retardez \u00e9galement le chargement du contenu pour les robots des moteurs de recherche, c’est-\u00e0-dire que les moteurs de recherche n’indexeront pas tout ou partie de ce contenu. Pas bon pour le r\u00e9f\u00e9rencement !<\/p>\n

Lorsque le chargement paresseux de WordPress est utilis\u00e9 pour retarder le chargement des messages, pas seulement des images, c’est un gros probl\u00e8me.<\/p>\n

Un autre inconv\u00e9nient des images paresseuses est la r\u00e9duction de la qualit\u00e9 de l’exp\u00e9rience de vos utilisateurs. Tout le monde a connu l’effet secondaire du chargement paresseux lors du d\u00e9filement tr\u00e8s rapide d’une page. Dans le processus, les visuels r\u00e9els remplacent les images d’espace r\u00e9serv\u00e9 et le contenu de la page saute souvent.<\/p>\n

Tant que vous utilisez intelligemment le chargement paresseux de WordPress et gardez un \u0153il sur le r\u00e9f\u00e9rencement et l’exp\u00e9rience utilisateur, vous ne r\u00e9colterez que les avantages du chargement paresseux. En savoir plus sur le chargement paresseux des images, le meilleur plugin de chargement paresseux WordPress pour votre site Web et les images de chargement paresseux WordPress.<\/p>\n

\u00ab Je suis contre le chargement paresseux. Pour moi, cela se traduit par une mauvaise UX." dit, Jerry Low \u00e0 Web Hosting Secrets Revealed<\/a>, "Ma solution a toujours \u00e9t\u00e9 d’utiliser une simple astuce JavaScript pour diff\u00e9rer le chargement de l’image.<\/p>\n

Ceci est particuli\u00e8rement important si vous avez une page contenant beaucoup d’images. La derni\u00e8re chose que vous voulez, c’est que les utilisateurs qui d\u00e9filent rapidement se retrouvent devant un \u00e9cran vide.<\/p>\n

Activer LazyLoad sur WordPress<\/strong><\/h3>\n

La technique de lazyload est facile \u00e0 activer sur n’importe quel site Web WordPress \u00e0 l’aide d’un plugin WordPress Lazy Load. Il existe de nombreux plugins WordPress \u00e0 chargement paresseux parmi lesquels vous pouvez choisir et voici quelques-uns des plus populaires :<\/p>\n

    \n
  1. \n

    Acc\u00e9l\u00e9rer – Chargement paresseux<\/a><\/h3>\n<\/li>\n<\/ol>\n

    \"WordPress<\/a><\/p>\n

    Ce plugin, impl\u00e9mentant la technique du "Lazy Load", \u00e9vite le t\u00e9l\u00e9chargement d’images et d’iframe qui ne s’affichent pas \u00e0 l’\u00e9cran (par exemple, les images en bas de page) jusqu’\u00e0 ce que l’utilisateur les affiche. Cela am\u00e9liore la vitesse de chargement de la page et \u00e9conomise la bande passante.<\/p>\n

      \n
    1. \n

      BJ charge paresseuse<\/a><\/h3>\n<\/li>\n<\/ol>\n

      \"WordPress<\/a><\/p>\n

      BJLazy Load, ou BJLoad, est le meilleur plugin Lazy Load si vous souhaitez charger paresseusement des images et les remplacer par des espaces r\u00e9serv\u00e9s. Les images s\u00e9lectionn\u00e9es peuvent \u00eatre des images Gravatar, des images de publication, des vignettes ou des iFrames. Vous pouvez \u00e9galement personnaliser certains param\u00e8tres, y compris la s\u00e9lection d’espace r\u00e9serv\u00e9.<\/p>\n

      BJLazy est un plugin WordPress Lazy Load qui s’adresse aux images optimis\u00e9es<\/a> en taille, c’est-\u00e0-dire qu’il fournit automatiquement des images de taille r\u00e9duite dans des conceptions r\u00e9actives et fournit des images hiDPI pour l’affichage de la r\u00e9tine d’Apple et d’autres \u00e9crans hiDPI.<\/p>\n

        \n
      1. \n

        Chargement paresseux d’images Zedna WP<\/a><\/h3>\n<\/li>\n<\/ol>\n

        \"WordPress<\/a><\/p>\n

        Diminution du temps de chargement des pages par chargement progressif des images et autres \u00e9l\u00e9ments. Ils se chargeront juste au moment o\u00f9 ils atteindront la partie visible de l’\u00e9cran.<\/p>\n

        Le plugin affecte ces \u00e9l\u00e9ments\u00a0:<\/p>\n

          \n
        1. <img><\/code>\u00a0\u00e9l\u00e9ment<\/li>\n
        2. Propri\u00e9t\u00e9 CSS\u00a0background-image<\/code><\/li>\n
        3. images r\u00e9actives avec srcset<\/code>\u00a0attribut<\/li>\n
        4. <iframe><\/code>\u00a0\u00e9l\u00e9ment<\/li>\n
        5. <video><\/code>\u00a0\u00e9l\u00e9ment<\/li>\n<\/ol>\n

          Traits:<\/p>\n