約20通りのプラクティスお問い合わせPageSpeedの採点ロジックPageSpeedスコアはブラックボックスだと思われることが多く、算定に公式があることはあまり知られていません。ページ表示の初期段階における5つの指標に注目することでPageSpeedは意図的に改善できます。弊社のブログで解説しているのでご参考ください。Insightsの真実。点数の公式と高得点をとれない理由。5項目の最適化をすることがスコアアップの近道。アイデアマンズブログhttps://blog.ideamans.com/2019/04/inside-pagespeed-insights.htmlスコアの公式に合わせた約20通りのプラクティス本レポートで検証する約20通りの表示高速化の試みのひとつひとつをプラクティスと呼びます。プラクティスでは、幅広いWebページに対しPageSpeedの改善が期待できる手法と、条件を変えてボトルネックを知るための実験的な変更があります。プラクティスがPageSpeedスコアに与える影響はページによって当たり外れがあり、正確な予測は困難です。そこで本サービスはどのプラクティスに効果が高いかを予測ではなく、リハーサルによる比較検証で特定します。本サービスで実施するプラクティスは予告なく変更される場合があります。実際に公開されているページです。オリジナルURLから複製しただけのコピーページです。HTMLソースコードを最小化します。CSSファイルそれぞれの内容を変えず、不要な空白などを削除します。JavaScriptファイルそれぞれの内容を変えず、不要な空白などを削除します。script要素をすべてbody要素の末尾に集約します。外部JavaScriptをdefer属性付きで参照して非同期読み込みを行います。JavaScriptの最小化、1ファイルに連結、async属性を付与してhead内に配置します。JavaScriptにより、オフスクリーンの画像をスクロール発生時に読み込みます。オフスクリーンの画像にloading=lazy属性を追加します。JavaScriptにより、オフスクリーンのHTMLをスクロール発生時に読み込みます。JpegとPNG画像をフォーマットをそのままにLightFileにより軽量化します。次世代画像フォーマットWebPによりJpegとPNG画像を軽量化します。ファーストビューのカルーセルスライダーや大判の画像を減らすなどを試行します。スナップショットをCDN(CloudFront)で配信します。外部ドメインについてdns-prefetchとpreconnectを設定します。TTFB(≒HTML応答時間)を意図的に半減させます。TTFB(≒HTML応答時間)を意図的に3秒延長させます。JavaScriptの影響を知るためすべて削除します。サードパーティJavaScriptの影響を知るためすべて削除します。DOMの影響を知るためbody要素内のCSSとJavaScript以外の要素をすべて削除します。安全性や難易度度外視して最も高いスコアを狙うプラクティスの組み合わせです。Disqus.サービス画像ファイルの自動軽量化LightFile画像ファイルを軽量化してWebページの表示を高速化。転送量やディスク上のデータ量を削減します。人気ランキング表示RankletGoogleアナリティクスのデータを元にあらゆるサイトで人気ページランキング表示ができます。Web画像ステップアップセミナーWebPの本格利用に備える個別の企業向けセミナー。プラグインスプレッドシート活用SheetAssetCSVやExcelファイルのデータを読み込み。表形式のデータ反映をスマートに実現できます。対応するので、予約変更にも利用できます。Instagram連携InstaPostInstagramに投稿された写真をリアルタイムにブログ記事にクロスポストします。モバイルサイト最適化KetitaiKitPCサイトはそのままに、スマートフォンとフィーチャーフォンに表示を最適化します。複合カスタムフィールドFlexField柔軟で直感的な編集フォームを実現するプラグイン。カスタムフィールド地獄を抜け出しましょう。Analytics連携機能を大幅強化。記事のアクセス数ランキング表示などを簡単に実現します。カテゴリ一括選択SelectCategoriesカテゴリーの全選択や子カテゴリも含む一括選択をサポート。階層の深い多数のカテゴリを駆使したサイトに。ソフトウェアWiki用便利ツールWikiSupportExcelシートの一部をPukiwiki形式のテキストに変換し、クリップボードにコピーするツールです。