Archief - Asynchroon laden van javascript

BramVroy zei:

Good meurning

Het werd mij eerder al aangeraden om JS asynchroon te laden, en ik dacht dat dat easy peasy was om uit te vinden hoe dit moest. Nu zit ik echter te zoeken op Google etc. en ik vind geen straight forward uitleg hoe ik dit moet doen.

Heeft iemand hier tutorials voor of kan iemand uitleggen hoe je dit het beste doet?

Klik om te vergroten...

[drone]-[1.05];15331558 zei:

Paar weken geleden een discussie gezien dat het lazy loaden van Javascript niet echt veel helpt en dat één file met al je JS files geconcateneerd nog altijd de beste oplossing is.

De volledige discussie vind je hier: https://github.com/paulirish/html5-boilerplate/issues/28
Bekijk vooral de comment van Jashkenas: https://github.com/paulirish/html5-boilerplate/issues/28#issuecomment-1773156


Is er een reden waarom je dit wenst te doen?

Klik om te vergroten...

benny zei:

Enkel de externe, zoals facebook like, google plus, ga zo maar door, laad ik asynchroon in, op deze manier vertraagt mijn site niet als de diensten weer eens traag zijn.

Voor gewoon gebruik, dus files van eigen domein, maakt het niets uit, denk ik

Klik om te vergroten...

BramVroy zei:

ArtzStudio » Blog Archive » Beating Blocking JavaScript: Asynchronous JS
Zoals je daar ziet is dat toch wel een pijnpunt. Uiteraard is dat enkel bij grotere sites, maar ik wil het liever nu al leren dan dat ik het binnen een paar jaar moet leren. Het laden (en uitvoeren?) van de javascript files blokkeert dus het laden van de content, dat wil ik voorkomen.

Ik ga morgen uw links eens doorlezen. Thanks


En heb je dan tips hoe je dit moet doen?

Klik om te vergroten...

<div id="fb-root"></div>
<script>
  window.fbAsyncInit = function() {
    FB.init({appId: 'idhier', status: true, cookie: true, xfbml: true});
  };
  (function() {
    var e = document.createElement('script'); e.async = true;
    e.src = document.location.protocol + '//connect.facebook.net/nl_BE/all.js';
    document.getElementById('fb-root').appendChild(e);
  }());
</script>

BramVroy zei:

Maar ik zoek eigenlijk dus ook een manier om alle JS (dus ook de lokale) asynchroon te laden. Niemand?

Klik om te vergroten...