当ブログで行ったGoogle Fontsの読み込み最適化を紹介します。CLSを大幅に改善できたので個人的にはこれが最適解だと思っています。 結論いきなり結論ですが、次のHTMLのhrefの値を使用しているGoogle Fontsのそれに変更し、head内で読み込んでください。 <link rel="preconnect" href="https://fonts.googleapis.com" /> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> <link rel="preload" as="style" fetchpriority="high" href="{href}" /> <link rel="stylesheet" href="{href}" media="print" onload='
![【令和最新版】Google Fontsの読み込み最適化の結論 | TAKLOG](https://cdn-ak-scissors.b.st-hatena.com/image/square/74eed52de740e33e440626b120b375d917059c53/height=288;version=1;width=512/https%3A%2F%2Fwww.tak-dcxi.com%2Fog%2Foptimization-of-google-font-loading.png)