HTML・CSS・Javascriptなどのメモブログ│CODE-LIFE

WEB製作の仕事を始めたMaruのhtml・CSS・jsメモブログ。たまにExcelVBAの話もでます。

あなたのブログ最適化出来てますか? PageSpeed Insightsチェックすべし。

f:id:maru0014:20151012011852p:plain

Google Developers「PageSpeed Insights」を使えば自分のサイトの出来栄えというか改善すべき点をすべて洗い出してくれます。

100点満点中・・・61点! のように直感的にスコアが表示されるので分かりやすい!

 

ちなみにこのブログCODE-LIFEはスコア61でした。

 

そしていろいろ修正が必要な点を指摘されるわけですが、

 

GoogleJavaScriptを圧縮しろー」

Googleheadに入れてるJavaScriptCSS排除しろー」

Googleキャッシュつかえー」

Google画像圧縮しろー」

 

ってなかんじに。

 

まぁはてなブログのような外部ブログサービスだとやれることは限られてきますが、もっとも表示スピードアップに繋がるのはやはり画像の圧縮。

一番容量が大きいのが画像ファイルですからねー。

 

じゃあどうやって圧縮すればいいのか!

ふふふ・・・すでに圧縮してくれているのですよGoogleさんが!

f:id:maru0014:20151012012852p:plain

このページ向けに最適化された画像、JavaScriptCSSリソースをダウンロードできます。

をクリックすればzip形式でまとめてダウンロードされます!

 

あとはブログ内の画像と入れ替えるだけですね!

 

これが一番手っ取り早く効果を出せる最適化だと思います。

自分のブログの表示速度を上げることは読者を増やす一つの手助けになるでしょう!

 

Google Developer Day