BJ Lazy Load

L’effet Lazy Load appli­qué à vos images

J’avais tes­té il y a long­temps l’effet Javas­cript Lazy Load sur mon blog mais je n’avais pas été satis­fait par le résul­tat. Pour ceux qui l’ignorent, ce script per­met d’appeler les images dans un navi­ga­teur que lorsque le visi­teur est à même de voir cette image. C’est à dire que toutes les images qui n’apparaissent pas à l’écran ne sont pas appe­lées. Le gros inté­rêt de la chose, c’est d’alléger sub­stan­tiel­le­ment le poids de vos pages pour le visi­teur qui arrive si vos pages contiennent beau­coup d’images. Les plu­gins que j’avais tes­té à l’époque met­taient un temps fou à affi­cher les images quand on en avait besoin et j’avais lais­sé tom­ber. Depuis, de nom­breux nou­veaux plu­gins sont appa­rus dont BJ Lazy Load.

Ce der­nier à l’avantage de pro­po­ser diverses options utiles. Vous pou­vez l’appliquer au conte­nu des articles ou pas, aux minia­tures, aux gra­va­tars, aux iframes, choi­sir à quel endroit appe­ler le script, reti­rer les images pos­sé­dant une classe CSS par­ti­cu­lière, adap­ter le script aux thèmes qui affichent le site avec un dérou­le­ment infi­ni (infi­nite scroll)…

Options

bj-lazyload

Remarque

Comme tous ces plu­gins qui fonc­tionnent à base de Javas­cript, il vous faut véri­fier qu’il est bien com­pa­tible avec les autres plu­gins voire votre thème. Dans le cas de celui-ci, il y a incom­pa­ti­bi­li­té avec Device Theme Swit­cher ce qui m’a un peu déçu mais j’espère un cor­rec­tif prochain.

- site de l’extension : http://​word​press​.org/​e​x​t​e​n​d​/​p​l​u​g​i​n​s​/​b​j​-​l​a​z​y​-​l​o​ad/
– com­pa­ti­bi­li­té à ce jour : WP 3.3 > WP 3.5.1
– ver­sion tes­tée : 0.6.8

Par­ta­gez

Si vous avez trou­vé une faute d’orthographe, infor­mez-nous en sélec­tion­nant le texte en ques­tion et en appuyant sur Ctrl + Entrée s’il vous plaît,.

12 réponses sur BJ Lazy Load ”
  1. Oula, c’est un argu­ment un peu tiré par les che­veux puisque ça concerne les sites gra­tuits à forte fré­quen­ta­tion qui font leur beurre sur le com­por­te­ment des gens. Avec le même rai­son­ne­ment, il faut s’abstenir d’utiliser Google et je conseille même d’éteindre l’ordinateur.

  2. Bah s’interroger sur l’utilisation de Google n’est pas un mal, hein :)
    L’IP tra­cking, la bulle, etc. sont des notions pertinentes :)
    Après, c’est vrai que si le “lazy load” est une pra­tique presque sans risque sur les petites sites, sur les sites dont le coeur de métier est le réfé­ren­ce­ment des visi­teurs, c’est une chose à prendre en compte.

  3. Salut Li, je suis tom­bé sur cet article après avoir effec­tué des recherches sur les plu­gins exis­tants de Lazy Load pour les images. J’ai moi-même cher­ché un plu­gin pour ça mais je n’ai pas été vrai­ment séduit car sou­vent trop d’options… (bien que BJ Lazy Load semble être cor­rect). Du coup, j’ai crée mon p’tit plu­gin qui ne se charge que de l’essentiel, cad faire du Lazy Loard. Pas d’administration, juste de l’activation/désactivation pour mettre en marche ou non, l’effet Lazy. Si t’es tou­jours inté­res­sé par ça, je t’invites à le tes­ter et à me dire ce que t’en penses… je viens tout juste d’écrire un article des­sus : http://​unmil​lion​.net/​p​l​u​g​i​n​-​w​o​r​d​p​r​e​s​s​-​i​m​g​-​l​a​z​y​-​l​o​a​d​i​ng/.
    PS : n’hésites pas à faire tes remarques sur le plu­gin car il est tout frais, il se peut qu’il faille l’améliorer ;-)

    1. Est-ce que vous allez le mettre sur le dépôt ? Je pré­fère tes­ter les plu­gins sur le dépôt qui ont eu un mini­mum de véri­fi­ca­tions ou bien ceux de pro­gram­meurs recon­nus – là, “éco­no­mi­sez un mil­lion”, ça donne pas super confiance côté programmation :-)

      1. Oui, j’ai effec­tué l’ajout au dépôt cet AM. J’attends leurs retours car je suis dans le file d’attente (ils ont 70 plu­gins à véri­fier encore). Si tu ne fais confiance qu’au dépôt, aucun pro­blème je com­prends. Par contre, si tu fais un peu de dev, je t’invite à consul­ter le code source des fichiers. Tu y ver­ras, comme je le pré­cise dans l’article, que le plu­gin est très sim­pliste, qu’il n’y a même pas 100 lignes de code si on retire les com­men­taires et qu’il est écrit en JS natif, donc pas besoin de librai­ries ni d’appels à des requêtes externes.

        Sinon mon site est tout nou­veau, oui. Il s’agit d’un blog dédié à mon objec­tif, celui de réus­sir à éco­no­mi­ser un jour un mil­lion d’euros pour être indé­pen­dant finan­ciè­re­ment. Un site dans lequel j’y par­tage mon expé­rience et d’autres trucs en rap­port avec l’épargne, l’économie, le déve­lop­pe­ment per­son­nel. Comme j’suis déve­lop­peur web, je donne éga­le­ment des tuyaux pour opti­mi­ser son blog (qui est un outil de moné­ti­sa­tion incon­tour­nable de nous jours), d’où l’idée de déve­lop­per mon propre plu­gin de Lazy Load et de le par­ta­ger sur la toile.

        Quoi qu’il en soit, pas de sou­cis, j’te tiens au jus ;-)

          1. @noaneo > ta remarque est juste. Quitte à ajou­ter un petit plu­gin utile sur les dépôts word­press, autant que ce soit bien fait. Je viens d’ajouter un screen­shot + la tra­duc­tion en fran­çais. Mer­ci de m’y avoir fait penser ;-)

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Notifiez-moi les commentaires à venir via email. Vous pouvez aussi vous abonner sans commenter.

Aucun support n’est fourni pour les extensions testées. Vous pouvez utiliser Markdown pour les commentaires.