1. HOME
  2. Web

「PageSpeed Insights」 WEBサイトのスピードテストと改善案を提案

投稿日:2015年4月2日/更新日:2016年1月19日
page-speed-insights

Googleのサービス
特別な設定不要で気軽にWEB上でサイトのスピードテストが行えます。
またスピード結果を元にいろいろな改善策を提案してくれます。

PageSpeed Insights

上記にアクセスして「ウェブページのURLを入力」欄にURLを入れて「分析」 page-speed-insights01

分析中 page-speed-insights02

最初に「モバイル」のテスト結果と改善策が表示されます。 page-speed-insights03

「パソコン」のタブをクリックするとパソコンサイトのテスト結果と改善策が表示されます。 page-speed-insights04

「モバイル」「パソコン」いずれのページにも下段に「このページ向けに最適化された画像、JavaScript、CSS リソースをダウンロードできます。」と表示されました。 page-speed-insights05

もしかして改善策だけでなくダウンロードも!?

早速、ダウンロードしてみると「optimized_contents.zip」という名称のZIP形式でダウンロードされ開くと「CSS」「image」「js」のフォルダがありました。 optimized_contents01

開いてみると速度改善用に変更されたファイルが多数ありました。
※利用する時はバックアップと充分なテストを行ってください。 page-speed-insights06

一例ですがcssはコメントが削除され文字化けはなし、画像ファイルは見た目はほどんど区別がつかなく半分程度の容量になってるファイルもあります。 css

サイトの修正を行ってる箇所もあり、すぐに全てを利用することはできないですが今後活用してスピードアップを図る予定です。

参考サイト
PageSpeed Insights について

Leave a Reply





PAGE
TOP