2
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

【備忘録】ページアクセススピードが早くならない場合

Last updated at Posted at 2020-10-28

#本稿について
PageSpeed Insightsにて計測をしている際、下記のクリティカルチェーンがページ読み込みの遅延になっていると予見される場合の対応をまとめておきます。
(2020年10月29日時点)
スクリーンショット 2020-10-24 20.32.39.png

#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' %>

以上

2
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
2
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?