<script> タグに async / defer を付けた場合のタイミング
HTML5 においては、`<script>` タグに、`defer` や `async` 属性を付与することで、これらの読込が HTML パースを妨害しないようにすることができます。これにより、サイトのメインコンテンツの読込がある程度高速化されます。 `async` にせよ `defer` にせよ、それほど詳細に動作を解説した記事が見つかりませんでしたので、本記事では、これらの動作について解説…
The Internet
HTML5 においては、`<script>` タグに、`defer` や `async` 属性を付与することで、これらの読込が HTML パースを妨害しないようにすることができます。これにより、サイトのメインコンテンツの読込がある程度高速化されます。 `async` にせよ `defer` にせよ、それほど詳細に動作を解説した記事が見つかりませんでしたので、本記事では、これらの動作について解説…
この記事では、Web サイト・Web アプリケーションのパフォーマンス分析のプロセスの概略を説明します。 筆者は JavaScript とその周辺技術を専門としているため、この記事ではフロントエンドからの分析が中心となり、バックエンドやインフラの分析は基本的に扱いません。 しかし、バックエンドやインフラにボトルネックがあるのか否かを判断するためには、まずはフロントエンドから分析を行い、Web …