Un équivalent à l'effet "Lazy Load" pour des display:none ?

Yop !

J'ai découvert le plugin Lazy Load et ses bienfaits pour le chargement d'une page et je me dit que la technique du scroll pourrait être détournée.
Quelqu'un en sait-il plus sur le lazy loading ?

J'ai du jquery (qui va donc s’exécuter après le chargement de la page) qui modifie la valeur display en "none" d'un div.
Mon rêve idéal : Lorsque l'utilisateur déclenche l'event associé, on affiche et on charge à ce moment là son contenu.

J'ai vu par ici (http://forum.alsacreations.com/topic-1-63360-1-Displaynone-et-chargement-de-media.html) que la technique pur css ne fonctionnait pas et je voudrais éviter l'ajax et l'iframe pour ne pas parasiter le référencement.
Merci !
Modifié par Ukberg (16 Feb 2013 - 15:19)

A moins que je n'ai mal compris, ce que tu veux faire c'est charger un div de manière asynchrone grâce à du javascript... Ce qui est la définition même de l'ajax

Par contre pour le référencement, il 'suffit' d'afficher la page complète aux navigateurs qui n'ont pas javascript (tels que les bots).

Parce que le but initial est quand même de réduire le temps de chargement, afficher tout le contenu sans javascript m’embête un peu...
Le 'suffit' veut donc dire : concevoir 2 versions du site ?


Du genre :

<NOSCRIPT>
 <P>Access the <A href="http://someplace.com/data">data.</A>
</NOSCRIPT>

Pour un humain ça ne pose pas de problème mais quand est-il de l'indexation par des bots ?
Modifié par Ukberg (16 Feb 2013 - 15:43)

Salut,

Ce n'est pas vraiment faire 2 versions du site... Si tu fais appel à un contenu via AJAX, ce contenu doit bien exister quelque part. Tu peux donner l'accès à ce contenu de façon classique, en affichant le contenu dans une nouvelle page HTML pour les visiteurs qui n'ont pas javascript activé...

Ton contenu sera ainsi indexable par les moteurs de recherche et accessible à tous, même sans JS.

Très bien ! Je vais me pencher la dessus ! Thanks !