beyondnone.com

DIY、本のレビュー、断捨離、不動産取得、洋服修繕、株式分析、webサイト運営、php開発、タウン情報、等のライフスタイルに関するお役立ち情報。

webサイト運営

wordpressサイトが遅いのでちょっといじってみた。googleのPageSpeed Insights のスコアが39点→66点に少し改善

投稿日:2019-08-24 更新日:

 

スポンサーリンク

WordPress サイトでいくつか高速可能手段を実行したら多少速くなった

まずここのサイトのスピードがどれくらいかチェック
スピードチェックに利用したサイトは以下 Google のものと GT メトリクスというものだ

https://developers.google.com/speed/pagespeed/insights/?hl=JA


最初モバイルが39点だった。

他にも以下のようなスピードチェックサイトがあるようだ今回の点数は参考にしていないあくまで Google のスピードチェック点数を上げるためのヒントを得るために利用した

Testmysite

https://www.thinkwithgoogle.com/intl/ja-jp/feature/testmysite/

GTmetrix

https://gtmetrix.com/reports/beyondnone.com/MDxWoMS2

 

スポンサーリンク

サイトのスピードを上げるために何をしたか

x-confファイルへの追記

Gtmetixで確認したらEnable gzip compressionとでたので以下の内容を x- conf ファイルに追記した

gzip on;
gzip_disable "MSIE [1-6].(?!.*SV1)";
gzip_vary on;
gzip_types text/plain text/css text/javascript image/svg+xml image/x-icon application/javascript application/x-javascript;

参考にしたサイトは以下の通り


後は以下サイトを参考にして キャッシュを有効化した

各種プラグインの追加

BJ Lazy Load

「レンダリングを妨げるリソースの除外」
がでてきたので
BJ Lazy Loadをいれた。

それと以下サイトを参考にして、
レンダリングをブロックする JavaScript を除去

をした。

https://shimota.app/wordpress%E3%81%A7%E3%83%AC%E3%83%B3%E3%83%80%E3%83%AA%E3%83%B3%E3%82%B0%E3%82%92%E3%83%96%E3%83%AD%E3%83%83%E3%82%AF%E3%81%99%E3%82%8Bjavascript%E3%82%92%E6%8E%92%E9%99%A4%E3%81%99%E3%82%8B%E6%96%B9/

PuSHPress の追加

WordPress Ping Optimizer の追加

PuSHPress
WordPress Ping Optimizer
を以下ブログをを参考にいれた。

画像サイズを小さくした

後は手動で読み込んでいる画像サイズを小さくしていった。

結果  モバイルのスコアが39点から66点に少し改善

ここまで色々やって、モバイルのスコアが39点から66点に、


今後も今後もメインはモバイルユーザと思うので、そこを重視して速度を改善していく。

The following two tabs change content below.
ビヨンド
・関東地方に住む ・DIY好きな ・男性

スポンサーリンク

スポンサーリンク

スポンサーリンク

スポンサーリンク

スポンサーリンク

スポンサーリンク

-webサイト運営

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

自宅サーバをSSL化する

 スポンサーリンク 自宅サーバをSSL化したいがどうすればいいのか 自宅サーバをSSL化したい。どうすればいいのか。NGINXも使ってるのでちょっと難しそう。以下を参考にして設定する。 Nginx+L …

SSL証明書の期限が切れたので更新した

 スポンサーリンク 参考サイト 以下のサイトを参考にした。 https://yoshinorin.net/2017/03/16/update-lets-encrypt/  スポンサーリンク 手順 まず …

URLからホスト名のWWWありでも無しでもアクセスできるように設定したい。

うーん、nginxで設定すればいいのだろうか。 https://keikenchi.com/nginx-www-url 上記を参考にしたらあっさりできた。 The following two tabs …

wordpressのサイト右ペインに人気記事ランキングを載せたい

どうやってやるのかぐぐってみよう。 このサイトが参考になりそうだ。https://bazubu.com/how-to-add-popular-posts-23487.html WordPress Po …

最近の投稿を画像付きで表示したい!

 スポンサーリンク 以下を参考に作業。 最近の投稿を画像付きで表示したい!プラグインRecent Posts Widget With Thumbnailsで実現しました。 参考に設定し、作業完了。   …