「表示高速化」のページ一覧

• 

  PageSpeed InsightsのCLSとは何か？CLSの原因や改善方法

  PageSpeed InsightsやLighthouseでの「CLS」とは何か？そしてCLSの原因を特定する方法やその改善方法について解説しています。

• 

  サイトの表示速度を速くするために何をすべきか？

  自分のサイトの表示速度を速くするのは一朝一夕には成し遂げられません。専門のプロに料金を払って依頼するのが最短なのですが、自分自身で実施するためには何をすべきか？

• 

  5Gが普及してもすべてのサイトの表示速度が爆速にはならない理由

  「5Gが普及すると、すべてのサイトの表示速度が爆速になる」と思っている人が世の中には結構いるようで、表示が遅いサイトなのに何もせず5Gの普及を待っている人がいる。結論から言ってしまうとそれは間違いである。そんな夢のようなことにはならない。

• 

  現在使用中のブラウザがWebP・AVIFに対応しているかを一発で判別できる画像

  iPhoneやiPadではWebP画像が表示されているかの確認がしづらいので、現在使用中のブラウザがWebP・AVIFに対応しているかを一発で判別できる画像を用意しました。

• 

  WebPのさらに次世代の画像フォーマット「AVIF」をJPG・WebPと画質・容量で比較してみる

  JPGやPNGの次世代フォーマットである「WebP」が業界標準になりつつありますが、それのさらに次世代の画像フォーマットである「AVIF」を実際に試し、容量・画質を比較してみます。

• 

  パーサーブロックとレンダリングブロックの違いについて解説

  サイトの表示速度を高速化させる際に避けては通れない「パーサーブロック」と「レンダリングブロック」の違いは何か？これをわかりやすく解説していきます。

• 

  なぜWordPressのサイトは表示速度が遅くなるのか？その原因を解説

  純粋なHTMLファイルでできている「静的サイト」に比べ、WordPressのような「動的サイト」はなぜ表示速度が遅くなるのか？その原因や症状を解説していきます。

• 

  Chromeのバージョン76から画像の遅延読み込み(lazyload)がネイティブで対応

  Chromeのバージョン76から画像の遅延読み込み(lazyload)がネイティブで対応されたので、さっそくこのサイトで試してみました。そのやり方やデメリット、そして正常に動作しているかの確認方法を解説します。

• 

  キャッシュを無効にしてページ表示速度を計測する方法

  ページの表示速度を速める作業をするには、現在どのぐらいの速度でページが表示されるかを正しく計測する必要があります。その時、キャッシュが有効な状態での表示速度を計測しても意味がありません。このページではキャッシュの仕組みや、キャッシュを無効にしてページ表示速度を計測する方法を解説します。