JavaScriptで外部ファイルの読み込みを遅延させる PageSpeed Insightsでサイトの速度チェックをすると、次のような提案が出てくることがあります。 スクロールせずに見えるコンテンツのレンダリングをブロックしている JavaScript/CSS を排除する これは、headで読み込んだJavaScriptやCSSのファイルがコンテンツの表示を遅らせているためです。 ファーストビューに影響が出ないCSSは、コンテンツの描画後に読み込ませた方が良いでしょう。 ということで、外部CSSを読み込むタイミングを遅らせて、コンテンツの表示を速くしました。 当サイトではメインのCSSをインライン化しているのですが、外部ファイルも読み込んでいます。 使っているのは、Google FontsとFont AwesomeのCSSです。 導入方法 あらかじめGoogle FontsとFont A
![CSSの読み込みを遅延させるJavaScriptコード](https://cdn-ak-scissors.b.st-hatena.com/image/square/cf2be3ea812f1f07f5d7ea171b78c9057997d4f7/height=288;version=1;width=512/https%3A%2F%2Fwww.notitle-weblog.com%2Fwp%2Fwp-content%2Fuploads%2F2015%2F12%2Fblog-customize-2.jpg)