エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
Cocoonテーマ同梱のWebフォントを先読みさせて表示を高速化させる方法
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
Cocoonテーマ同梱のWebフォントを先読みさせて表示を高速化させる方法
10ポイントの改善です。 体感速度の変化 手持ちのスマホ(iPhone、Android)でアクセスしてみると体感速... 10ポイントの改善です。 体感速度の変化 手持ちのスマホ(iPhone、Android)でアクセスしてみると体感速度が2倍くらいになりました。 Before:モサッ…モササッ……パッAfter:モ…パパパッ 体感速度はPagespeed Insightsのスコアには反映されないそうですが、ロードに時間がかかるとユーザの離脱率がガバッと上がることを考えると、改善して悪いことではないと思います。 高速化の方法 重たいWebフォントを、あとのほうじゃなくてページにアクセスした瞬間から読み込みはじめておきなさいよ、という旨の指示をブラウザに与えるコードを追加します。 コピペコード <!-- 同梱Webフォントのpreload --> <link rel="preload" href="(自分のブログのアドレス)/wp-content/themes/cocoon-master/webfonts/ic