キャリコ

WordPress や STINGER5 のカテゴリを中心に徒然なるままに綴る個人ブログ「 Calico 」です。

Web サイトのページ表示速度が簡単に上がった方法はこの2つ

      2015/03/10

Web サイトのページ表示速度が簡単に上がった方法はこの2つ

歩きすぎて筋肉痛、キャリコ( @calicocatxyz )です。

予定を組むのを失敗して中途半端に時間が余っちゃって、どう暇を弄ぼうか悩んだ結果が電車を使わずに歩くこと。日本の新鮮さを感じながら歩くことトータル3時間!旅中は筋肉痛になることなかったのに体がなまってることを実感しました。。

さて、本日はブログの表示速度アップについてラテにお願いします。それじゃあ、よろしくね♪

ラテ

こんにちは、ラテにゃ。

一時期 Twitter でページ速度をテーマにした記事をいくつか見かけたんだけど、キャリコはどうなんだと調べた結果… スコアが悪すぎて驚愕したにゃ。でもたった2つのことをしただけで簡単に上がったから今日はそれを共有するにゃ。

Ads by Google

ブログの表示速度を上げる方法

Autoptimize をインストールする

プラグインAutoptimizeでブログの高速化をやってみたらエライ上がりました!

これまでに当ブログでは下記の内容でブログ高速化を図ってきました! PageSpeed Insightsでサイトスピードを計測したらヤバイこと

designlikes11.com

参考にしたのはこの記事でアイキャッチでも「 エラい上がりました! 」とのことで期待してインストールしてみたら、本当にエラい上がったにゃ。

ブログの表示速度が遅いとどんな悪影響があるのか、今回の記事で言いたいことのほとんどが書いてあるから、表示速度の重要性がわからない人や遅さで悩んでる人は一度目を通してみるといいにゃ。

.htaccess に追記する

これはどの記事を参考にしたのか忘れたけど、ただ追記するだけで表示速度が上がったのは確かにゃ。

これを # BEGIN WordPress と # END WordPress に追記するだけにゃ。

効果的な方法はブログにもよる

プラグイン外し

ほかにも色々と参考にした記事はあるんだけど、実際に表示速度が上がったのが上記の2つだけだったにゃ。WordPress はプラグインが重くなる原因と聞いたことがあって、どのプラグインが重いか調べる方法もあったにゃ。

WordPressが速くなった!ブログの重い原因がわかる「P3」でプラグイン外し

@まなしばです。 今日はWordPressに関する話です。 最近このブログを色々カスタマイズしていたら、遅いなー、重いなーと感じてきたため、何が遅くなっているのか、Page insightsなどでスピ

m.t-tu.com

ままはっくのまなしばさんの記事なんだけど、キャリコでも試した結果どうしてもはずしたくないものばかりだったから、プラグイン外しというのは諦めたにゃ。この方法は円グラフで見やすいし、プラグインをたくさんインストールしてる人には参考になると思うにゃ。

画像を圧縮する

今は記事数が少ないから使ってる画像もそんなに多くはないけど、今後も増えることを見越して画像を圧縮することにしたにゃ。

EWWW Image OptimizerプラグインでWordPress画像圧縮!表示も高速化

WordPressプラグイン「EWWW Image Optimizer」はブログで使用している写真・画像を圧縮・最適化してくれます。表示速度の高速化もはかれます。過去画像やサムネイルまで圧縮できます。

wispyon.com

これはいつもお世話になってるゆめぴょんさんの記事を参考にしたにゃ。過去の画像もまとめて圧縮することが出来るプラグインの導入なんだけど、キャリコの場合やっぱり表示速度に変わりはなかったにゃ。ただ、これから確実に増えていくものだから先手を打って対策しておくのは結果的に表示速度のアップに繋がると思うにゃ。

実際の効果

実際の効果

表示速度の測定には2つのサイトを利用したにゃ。

PageSpeed Insights

developers.google.com

PageSpeed Insights

モバイル

PageSpeed Insights モバイル

PageSpeed Insights モバイル

48 → 61
なんと14ポイントも上昇したにゃ!

パソコン

PageSpeed Insights パソコン

PageSpeed Insights パソコン

61 → 72
こちらは11ポイントも上昇したにゃ!

GTmetrix

GTmetrix 対策前

GTmetrix 対策後

Page Speed Grade が7ポイントアップで A 判定、YSlow Grade が10ポイントアップで C 判定になったにゃ。

まとめ

表示速度を遅くしてる原因を突き止めて対処できる人ならもっと早くすることが可能だと思うけど、素人がプラグインをインストールして .htaccess にコピペしただけで、これだけの結果を得られるなら大成功と言えると思うにゃ。表示速度でお困りの方がいたら試してみてはいかがかにゃ?

今日はここまで、じゃあにゃ~

関連リンク

ライター紹介

ラテ Web 担当、SNS 広報、イメージキャラクター

スコティッシュフォールドの女の子。主に Web 系のネタを中心にお届けする IT にゃんこです。

 - データ解析

この記事が気に入ったら
いいね!しよう

キャリコの最新情報をお届けします

Twitter でキャリコをフォローしよう!

【キ】 アドセンス用336px

【キ】 アドセンス用336px

  関連記事

Google アドセンスが公式ブログでオススメするスマホ向けサイトに最も合った設定の仕方

またまたアドセンスの記事ですみません、キャリコ( @calicocatxyz ) …

はてなブックマークが 300 USERS 超えた時の PV 数
はてなブックマークが 300 USERS 超えた時の PV 数

4回目のバズはレベルが違かった、キャリコ( @calicocatxyz )です。 …

w
Feedly 購読者数の謎

どれを信じたらいいかわからない、キャリコ( @calicocatxyz )です。 …

1
アクセスアップに悩む全てのブロガーに捧ぐ!月間10万PVへの近道

ブログはひとりでも多くの人に読まれたい、キャリコ( @calicocatxyz …

Google Analytics 壊れた?それとも STINGER5 がスゴイの?ブログ開設3週間で驚きの数値!

どうも、Google Analytics に翻弄されてるキャリコ( @calic …

初心者がブログを開設した際に Google でやった6つのこと

こんにちは、キャリコ( @calicocatxyz )です。 今回は備忘録として …

えっ、たったこれだけ?!5秒でサイトの表示速度をアップさせる方法
えっ、たったこれだけ?!5秒でサイトの表示速度をアップさせる方法

Google Developers のアドバイスは正確だった、キャリコ( @ca …

Google AdSense 停止から31時間で再開させた方法
Google AdSense 停止から31時間で再開させた方法

Google AdSense が復活、キャリコ( @calicocatxyz ) …

よろしい。Google AdSense を再開してやろう。
よろしい。Google AdSense を再開してやろう。

ありがたき幸せ、キャリコ( @calicocatxyz )です。 19日にポリシ …

たった5分の作業で1か月の PV を32.19%アップさせた方法
たった5分の作業で1か月の PV を32.19%アップさせた方法

PV が大幅にアップ、キャリコ( @calicocatxyz )です。 7月の …