Salut à tous !
Voilà la question sur laquelle je bute actuellement :
J'aimerais différer le chargement de la bibliothèque Jquery ainsi que le script associé afin que ceux-ci ne se lancent qu'une fois la page chargée.
La page Google PageSpeed donne une indication pour faire ça.
Malheureusement je ne m'y connais pas assez pour comprendre comment adapter leur astuce à ma page.
Google préconise "deferredfunctions.js" : https://developers.google.com/speed/docs/insights/BlockingJS
Comment puis-je faire cela pour mes 3 scripts ?
Quelqu'un comprend comment faire ?
Merci par avance.
Modifié par Aessian (26 Sep 2013 - 12:20)
Voilà la question sur laquelle je bute actuellement :
J'aimerais différer le chargement de la bibliothèque Jquery ainsi que le script associé afin que ceux-ci ne se lancent qu'une fois la page chargée.
La page Google PageSpeed donne une indication pour faire ça.
Malheureusement je ne m'y connais pas assez pour comprendre comment adapter leur astuce à ma page.
Google préconise "deferredfunctions.js" : https://developers.google.com/speed/docs/insights/BlockingJS
Comment puis-je faire cela pour mes 3 scripts ?
<script src="js/jquery-1.10.2.min.js" async></script>
<script src="js/Js_flexslider_min.js" async></script>
<script src="js/photobox_min.js" async></script>
<script>
$(window).load(function() {
$('.flexslider').flexslider();
});
</script>
<script>
$('#gallery').photobox('a');
// or with a fancier selector and some settings, and a callback:
$('#gallery').photobox('a:first', { thumbs:false, time:0 }, imageLoaded);
function imageLoaded(){
console.log('image has been loaded...');
}
</script>
</body>
</html>
Quelqu'un comprend comment faire ?
Merci par avance.
Modifié par Aessian (26 Sep 2013 - 12:20)