jQuery : Chargement paresseux pour JS

Question

Je lis http://ajaxpatterns.org/On-Demand_Javascript et je me suis intéressé au "lazy loading" de mon JS. Questions :

1. Quelqu'un peut-il recommander un bon plugin pour cela ?
2. Des conseils pratiques pour la mise en œuvre d'une telle stratégie ? Y a-t-il des problèmes auxquels je devrais faire attention ?

Answer 1

Aucun plugin n'est nécessaire. Vous pouvez utiliser la fonction $.getScript() . Il suffit de placer le javascript d'un événement particulier dans un fichier séparé, puis de lier un événement qui fait appel à $.getScript() .

$(function() {
    $('#yourElement').click(function() {
        $.getScript('/path/to/script.js');
    });
});

Cela vous permettra de ne jamais charger plus de javascript que nécessaire. Si l'utilisateur ne clique jamais sur l'élément, vous n'avez jamais chargé le javascript pour l'événement. Il y aura un petit délai pour la requête HTTP, donc vous devriez probablement indiquer une animation de chargement au clic pendant que le script se charge.