PageSpeedサイトでパフォーマンスチューニングをしてみた。

2015/8/3で閉鎖予定のPageSpeedでパフォーマンスチューニングをしてみました。
参考
http://jp.techcrunch.com/2015/05/07/20150506google-shuts-down-pagespeed-service-for-accelerating-websites/

PageSpeedサイト
https://developers.google.com/speed/pagespeed/insights/

nginxとphp-fpmで最近作ったサイトを改良みました。

とりあえず初期状態。パソコンは64でした。
スクリーンショット 2015-05-21 5.15.56

静的ファイル圧縮対策後(DEFLATE,gzip)
Linux/nginxインストール/パフォーマンス向上
Html/パフォーマンスチューニング/画像圧縮ツール
49まで上昇。
スクリーンショット 2015-05-21 5.24.21

ブラウザのキャッシュ対策(max-age,expires)
スクロールせずに見えるコンテンツのレンダリングをブロックしているJavaScriptを排除するために
scriptタグにasyncを追加した結果
51で微上昇。
スクリーンショット 2015-05-21 6.14.41

今更だけどga.jsを非同期バージョンのanalytics.jsに修正
これは効果高かった。57に上昇
スクリーンショット 2015-05-21 7.48.26

外部画像をimgタグで貼り付けてたのをやめたら
76に上昇。
外部画像を不用意に使うのはいかんかったです。
パソコンは84でした。
スクリーンショット 2015-05-21 10.27.01

あとは広告用のcssやjsだったりbootstrap.cssだったりするのでこれ以上は難しそう。

画像のexpiresが有効になったせいか?スマホでの閲覧が、結構サクサクになりました。