Discussion :

[FredoMkb]

Bonjour à tous

Ceci est mon tout premier message sur ce forum.

J'ai codé mon premier plugin jQuery, plutôt basique, qui sert à afficher une galerie d'images.

Ce petit plugin est installé sur un site dont les articles sont chargés dynamiquement par Ajax avec la fonction "load()" de jQuery.

Lorsqu'un article dispose d'une galerie, le plugin est utilisé sur la balise "div" contenant les images afin de pouvoir les afficher.

Or, lorsque j'affiche deux articles, ou plus, contenant une galerie d'images, le plugin se charge intégralement pour chaque article et cela ralenti considérablement sont fonctionnement.

J'imagine qu'il faudrait "libérer" de la mémoire l'instance du plugin précédent avant de charger le suivant, mais je ne sais pas faire, malgré de nombreuses recherches sur le net, je n'ai pas trouvé de solution simple applicable dans mon cas de figure.

Si vous avez une idée de la technique à utiliser, je serai évidemment preneur.

Merci à tous pour vos lumières

[FredoMkb]

Bon, visiblement ma demande d'aide n'inspire pas grand monde, peut-être parce qu'elle n'est pas assez claire ? ... il manquerait des infos ? ... un bout de code ?

Dites-moi Svp si vous avez besoin de précisions car il m'est difficile de savoir ce qu'il vous faudrait pour me donner un petit coup de pouce.

En gros je fais ceci lorsque je charge et affiche un article :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$('#mon_article_N').monPlugin();

La lettre "N" à la fin du sélecteur étant le numéro de l'article.

Puis, lors de l'affichage d'un nouvel article c'est toujours le même code mais avec le sélecteur correspondant au numéro de l'article :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$('#mon_article_N').monPlugin();

En somme, si j'ai bien compris, à chaque appel du plugin un nouveau code est ajouté sans que le précédent, qui n'est plus nécessaire, soit effacé, du coup, cela cause un ralentissement de l'affichage... qui peut devenir gênant sur des galeries importantes.

Bref, existe-t-il une technique pour supprimer ou inhiber l'instance précédente du plugin afin que la suivante fonctionne sans ralentissement ?

J'espère que c'est un peu plus clair... n'hésitez pas à me dire si vous avez besoins de plus de précisions...

Merci pour votre aide

[danielhagnoul]

Bonsoir

Plus clair ? Pas vraiment !

Si votre plugin mobilise beaucoup de ressources, il doit disposer d'une méthode "destroy" pour les libérer.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
$( '#mon_article_3' ).monPlugin( "destroy" );
$( '#mon_article_3' ) = null;
 
$( '#mon_article_4' ).monPlugin( )

Mais un plugin bien conçu doit aussi supporter l'existence de plusieurs instances concomitantes.

Bref, il faut revoir l'écriture de votre plugin.

[FredoMkb]

Bonjour, merci pour votre réponse

Bonsoir
Si votre plugin mobilise beaucoup de ressources, il doit disposer d'une méthode "destroy" pour les libérer.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$( '#mon_article_3' ).monPlugin( "destroy" );

Oui, j'ai vu lors de mes recherches que certains plugins possédaient une telle méthode mais, à vrai dire, j'avais trouvé ça un peu compliqué... peut-être auriez-vous un exemple assez simple pour que je puisse l'intégrer dans mon projet ?

Bonsoir
Mais un plugin bien conçu doit aussi supporter l'existence de plusieurs instances concomitantes.

Ha, là c'est plus qu'intéressant, ce serait en effet exactement ce qu'il me faudrait, mais, où puisse-je trouver un modèle de structure de plugin capable de supporter l'existence de plusieurs instances ?

J'ai réalisé mon plugin en m'inspirant d'un autre déjà existant mais, visiblement, suivant votre observation, ce code que j'ai pris en exemple ne doit pas être optimisé pour une utilisation avec des multiples instances.

Existe-t-il un endroit où on puisse trouver différentes modèles de structure de plugin jQuery à utiliser suivant les besoins dans nos projets ?

Malgré mes recherches, je n'ai rien trouvé sur le site officiel de jQuery.

Merci encore pour votre réponse, je continue mes recherches...

[danielhagnoul]

Malgré mes recherches, je n'ai rien trouvé sur le site officiel de jQuery.

Dans la FAQ : Comment puis-je écrire un plugin ?

Il y a un article : Adapter jQuery à vos besoins

J'ai un autre article, qui est prêt et qui va sans doute paraître prochainement, sur la construction d'un plugin multitâche.

Sauf si c'est un secret militaire ou s'il fait 600 lignes, je vous conseille de poster le code.

[FredoMkb]

Bonjour et merci beaucoup pour ta réponse

Dans la FAQ : Comment puis-je écrire un plugin ?

Il y a un article : Adapter jQuery à vos besoins

J'ai un autre article, qui est prêt et qui va sans doute paraître prochainement, sur la construction d'un plugin multitâche.

Merci pour ces liens fort instructifs, j'ai hâte de découvrir ton article, n'hésites pas à me tenir au courant dès qu'il sera en ligne

Sauf si c'est un secret militaire ou s'il fait 600 lignes, je vous conseille de poster le code.

Non non, pas de secret d'État ni militaire, au contraire, c'est un projet libre et open-source que j'ai publié en ligne par ici : http://fredomkb.free.fr/qkdev/index.php?pge=101_qkGal

Une page démo par là : http://fredomkb.free.fr/qkdev/qkGal/index.html

Comme tu verras, il s'agit d'un tout petit code, assez basique, c'est mon tout premier plugin pour jQuery, donc forcément codé un peu maladroitement, mais pour une galerie simple ça marche assez bien

Évidemment, comme j'ai tenté de l'expliquer, les choses se compliquent un peu lorsque j'applique le plugin à plusieurs galeries...

Je dois sûrement faire quelques erreurs au niveau de la structure ou le fonctionnement du plugin, mais pour l'heure je suis incapable de savoir où et pourquoi.

Merci en tout cas pour ton message et pour les liens, ça va sûrement m'aider... enfin, j'espère