PageSpeed InsightsやLighthouseでの「CLS」とは何か?そしてCLSの原因を特定する方法やその改善方法について解説しています。
自分のサイトの表示速度を速くするのは一朝一夕には成し遂げられません。専門のプロに料金を払って依頼するのが最短なのですが、自分自身で実施するためには何をすべきか?
「5Gが普及すると、すべてのサイトの表示速度が爆速になる」と思っている人が世の中には結構いるようで、表示が遅いサイトなのに何もせず5Gの普及を待っている人がいる。結論から言ってしまうとそれは間違いである。そんな夢のようなことにはならない。
iPhoneやiPadではWebP画像が表示されているかの確認がしづらいので、現在使用中のブラウザがWebP・AVIFに対応しているかを一発で判別できる画像を用意しました。
JPGやPNGの次世代フォーマットである「WebP」が業界標準になりつつありますが、それのさらに次世代の画像フォーマットである「AVIF」を実際に試し、容量・画質を比較してみます。
サイトの表示速度を高速化させる際に避けては通れない「パーサーブロック」と「レンダリングブロック」の違いは何か?これをわかりやすく解説していきます。
純粋なHTMLファイルでできている「静的サイト」に比べ、WordPressのような「動的サイト」はなぜ表示速度が遅くなるのか?その原因や症状を解説していきます。
Chromeのバージョン76から画像の遅延読み込み(lazyload)がネイティブで対応されたので、さっそくこのサイトで試してみました。そのやり方やデメリット、そして正常に動作しているかの確認方法を解説します。
ページの表示速度を速める作業をするには、現在どのぐらいの速度でページが表示されるかを正しく計測する必要があります。その時、キャッシュが有効な状態での表示速度を計測しても意味がありません。このページではキャッシュの仕組みや、キャッシュを無効にしてページ表示速度を計測する方法を解説します。