[Note] When the page access speed does not increase

About this article

Here is a summary of what to do if you anticipate that the following critical chain is delaying page loading when measuring with PageSpeed Insights. (As of October 29, 2020)

Describe preload and cross origin in html file

By doing this, I settled down the loading speed.

• The following are the fonts used when bootstrap is installed. Described before reading the stylesheet

Reference site https://developer.mozilla.org/ja/docs/Web/HTML/Preloading_content https://developer.mozilla.org/ja/docs/Web/HTML/Attributes/crossorigin

ruby:application.html.erb

<link rel=”preload” as=”font” type=”font/woff2” href=”http://Domain or IP of your site/assets/bootstrap/glyphicons-halflings-regular-fe185d11a49676890d47bb783312a0cda5a44c4039214094e7957b4c040ef11c.woff2” crossorigin>
<link rel=”preload” as=”font” type=”font/woff” href=”http://Domain or IP of your site/assets/bootstrap/glyphicons-halflings-regular-a26394f7ede100ca118eff2eda08596275a9839b959c226e15439557a5a80742.woff” crossorigin>
<link rel=”preload” as=”font” type=”font/ttf” href=”http://Domain or IP of your site/assets/bootstrap/glyphicons-halflings-regular-e395044093757d82afcb138957d06a1ea9361bdcf0b442d06a18a8051af57456.ttf” crossorigin>
<%= stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track': 'reload' %>

that's all