PageSpeed Insightsの記事一覧

WordPress widthとheightを画像に自動追加する方法

WordPressで画像にwidthとheightを自動追加する方法です。 imgタグにwidthとheight属性がない場合、Lazy Loadなどの画像の遅延読み込みをおこなっていると、ブラウザが...

Googleフォントをpreloadで先読みして「ちらつき」を抑制する方法です。当サイトでは、パフォーマンス向上のためにGoogleフォントをCDNから読み込むのをやめてローカルに配置したものの、レ...

Google Fontsを非同期で高速に読み込みする方法です。当サイトではGoogle Fontsの「Noto+Sans+JP」を使っている。ところがモバイルでは表示スピードが遅く、パフォーマンス...

PageSpeed Insightsのパフォーマンス改善のためにやったことのまとめです。サイトの表示速度は検索順位に影響する。高速化することでSEO対策として有効となるのは、Webサイトを運営してい...

PageSpeed Insightsで「リンクに識別可能な名前が指定されていません」のエラーが出た時の改善方法です。この問題を解決すると、PageSpeed Insightsのパフォーマンス診断で...

PageSpeed Insightsで「フォームの要素にラベルが関連付けられていません」のエラーが出た時の改善方法です。この問題を解決すると、PageSpeed Insightsのパフォーマンス診断...

CLSを改善するのにやったことです。 CLS（Cumulative Layout Shift/累積レイアウトシフト数）とは、Webページを表示した際に生じる、レイアウト崩れを示す指標のこと。「Pag...

レイアウト・シフトをデバッグする方法です。事の発端は「PageSpeed Insights」で、「Cumulative Layout Shift (CLS)」に不良が確認されたから。「Google ...

Font Awesomeをローカルに配置して使用する方法です。「Font Awesome」をCDNで読み込んでいただけど、これが結構重くて「PageSpeed Insights」のパフォーマンスに影...

Googleフォントをローカルに配置して使う方法です。 Googleフォントの「Noto Sans JP」をCDNで読み込んでいたんだけど、これが結構重くて、PageSpeed Insightsのパフ...