GoogleのPageSpeed Insightsとかでブログの表示速度等を見てみたら、結構洒落にならない感じでしたので、とりあえず標準的な表示速度にしたいと思いまして、なんか結構ネックになってそうな問題だった、

1. 圧縮を有効にする
2. スクロールせずに見えるコンテンツのレンダリングをブロックしている JavaScript/CSS を排除する
3. CSS を縮小する
4. HTML を縮小する

について対策しました。
　といっても、2~4つ目はまとめて対策したようなものです。

圧縮を有効にする(.htaccess)

Scribbling Block.

 

1 Pocket

圧縮を有効にする方法【PageSpeed Insights対応】

https://mtfield.net/dot-htaccess-compression/

PageSpeed Insightsの提案として良く見かける『圧縮を有効にする』に対処する方法をまとめます。

寝ログ

 

13 Tweets

4 Shares

20 Users

70 Pockets

リソースを圧縮して転送サイズを減らしブログを高速化する方法（CSS、JS、WEBフォントなどの圧縮）

http://nelog.jp/compress-components-with-gzip

先日から、ちょこちょこブログの高速化をしています。 この前は、ブラウザキャッシュの設定をしてPageSpeed Insightsのスコアが少し改善しました。 とりあえず、今回も1つずつ改善していきたいので、今回は「リソースを圧縮

HTML/CSS/Javascriptの最適化

　Autoptimizeで設定しました。参考にしたのは

エス技研

 

5 Shares

2 Users

10 Pockets

Autoptimizeで簡単設定！HTML、JS、cssを圧縮しWordPress高速化！

http://blog.s-giken.net/234.html

Autoptimizeを使って簡単にHTML、JavaScript、CSSを圧縮しサイトの表示を高速化しよう！基本設定、拡張設定とあり柔軟な設定で多彩な環境に対応出来ます。標準設定で不具合がある、高速化できない場合は拡張設定で調整しよう。

2016/11/30
先日、上記のものに加えて、ブラウザキャッシュなどの設定ができるプラグインである「WP Fastest Cache」を導入してそれも記事にしましたので、今更ですが、その記事へのリンクを以下に示しておきます。

鈍色スイッチ

WP Fastest Cacheを入れました。

https://donsyoku.com/website/add-wp-fastest-cache.html

プラグインの詳しい情報は等でどうぞ。過剰なキャッシュはせず、ブラウザキャッシュの設定を主に。もう少ししたら普通のキャッシュのほうに興味が出るかもですが、とりあえずブラウザキャッシュ弄れるプラグインがほしかったのでこれにしました。CDNは一寸考えます。あと、私はもう.htaccessに設定していたのであれだったのですが、GZIP圧縮もこのプラグインは出来るみたいです。世の中便利になったなあ。とりあえずこれで、普通の軽さは確保できたと思います。静的キャッシュはちょいこわいのでまだやめておきますが。