Šablony stylů neblokují pouze vykreslování, ale také provádění JavaScriptu

Dnes jsem se dozvěděl, že když máte následující úryvek...

<link rel="stylesheet" href="app.css" />

<script>
  var script = document.createElement('script');
  script.src = "analytics.js";
  document.getElementsByTagName('head')[0].appendChild(script);
</script>

... vložený fragment kódu JavaScript nebude proveden před načtením šablony stylů. Když se nad tím zamyslíte, dává to velký smysl, protože se může stát, že JavaScript bude přistupovat k prvkům a jakýmkoli hodnotám souvisejícím se stylem. Nikdy jsem o tom ale nepřemýšlel.

Všechna sláva Harrymu Robertsovi, který toto chování popsal ve vynikajícím článku. Díky Harry!