#本稿について
PageSpeed Insightsにて計測をしている際、下記のクリティカルチェーンがページ読み込みの遅延になっていると予見される場合の対応をまとめておきます。
(2020年10月29日時点)
#htmlファイルにpreloadとcrossoriginを記載
私はこれをすることで読み込みスピードが落ち着きました。
※下記はbootstrapを導入した際に使われるフォントになります。stylesheet読み込む前に記載
参考サイト
https://developer.mozilla.org/ja/docs/Web/HTML/Preloading_content
https://developer.mozilla.org/ja/docs/Web/HTML/Attributes/crossorigin
application.html.erb
<link rel=”preload” as=”font” type=”font/woff2” href=”http://自分のサイトのドメインかIP/assets/bootstrap/glyphicons-halflings-regular-fe185d11a49676890d47bb783312a0cda5a44c4039214094e7957b4c040ef11c.woff2” crossorigin>
<link rel=”preload” as=”font” type=”font/woff” href=”http://自分のサイトのドメインかIP/assets/bootstrap/glyphicons-halflings-regular-a26394f7ede100ca118eff2eda08596275a9839b959c226e15439557a5a80742.woff” crossorigin>
<link rel=”preload” as=”font” type=”font/ttf” href=”http://自分のサイトのドメインかIP/assets/bootstrap/glyphicons-halflings-regular-e395044093757d82afcb138957d06a1ea9361bdcf0b442d06a18a8051af57456.ttf” crossorigin>
<%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track': 'reload' %>
以上