Building the DOM faster: speculative parsing, async, defer and preload – Mozilla Hacks - the Web developer blog

Building the DOM faster: speculative parsing, async, defer and preload In 2017, the toolbox for making sure your web page loads fast includes everything from minification and asset optimization to caching, CDNs, code splitting and tree shaking. However, you can get big performance boosts with just a few keywords and mindful code structuring, even if you’re not yet familiar with the concepts above

[efcl]

JavaScriptやCSSなどのリソースのロードについて。 `async`属性、`defer`属性、`rel=preload`でのロードの違いについての解説。 リソースのロードとレンダリングのブロッキングについてを図解している。

[hc0001]

リソースを async、defer、preload で ロードし、DOM 構築を最適化する

[Rockridge]

HTML文書に指定された外部リソースを読み込むにあたって、処理のブロックが起きないことが重要。本記事では投機的パース、defer、async、プリロードとそれらの差異について説明が行われている。