≫LINEにてブログ無料相談OKです。2019年9月8日SHAREツイートシェアはてブLINEPocketはじめブログ・サイトのページ表示速度が遅い...ページの表示速度を改善したい。本記事では上記の疑問にお答えしていきます。ブログ・サイトのページ表示速度は、ユーザビリティ・SEOに関わる非常に重要な要素ですよね。実際に私の運営しているこのブログは、この7つの高速化の施策によってページ表示速度が改善されました。この記事を読めば、ブログ・サイトのページ表示速度を改善する7つの高速化を理解することができますよ。ブログ・サイトのページ表示速度を改善する7つの高速化ブログ・サイトのページ表示速度を改善する7つの高速化の施策は以下の通りです。具体的に一つずつ解説していきますね。高性能レンタルサーバーに移行まず、ブログ・サイトのページ表示速度が遅い根本的な原因である性能が低い(遅い)レンタルサーバーから高性能サーバーに移行しましょう。理由は単純で、遅いレンタルサーバーを使っていては様々な高速化の施策を施したところで、限界があるからです。具体的に言うとロリポップやさくらインターネットの格安プランでは限界があります。性能が低い(遅い)レンタルサーバーの問題点をあげると以下の通りです。遅いサーバーの問題点ストレージがHDDWEBサーバーの性能が低いPHP動作方式の性能が低いSSL化サイトの表示が低速(HTTP/2&QUIC未対応)近年、サイトのSSL化は必要要素ですが、SSL化することによって情報処理は複雑になるので一般的に表示速度は遅くなります。HTTP/2&QUICに対応しているサーバーの場合、SSL化されたページの表示速度は速くなると言われています。利用するサーバーの性能によってブログ・サイトのページ表示速度は大きく変わってくるのです。このようなサーバーの処理速度を高めるための解決方法はサーバーを移行する以外方法はありません。高性能サーバーとは、mixhost・XSEREVR・ConohaWINGの3つです。個人的には、mixhostが最もおすすめですよ。※実際に私はXSERVERよりmixhostにサーバー移行し、表示速度が改善されました。趣味ブログであれば、ロリポップなどの格安プランもありかもですが、アフィリエイト(稼ぐ・集客)を目的に運営するブログであれば、この3択以外はないかなと。ブログで稼いでいるブロガー・アフィリエイターのほどんどがこの3つのどれかを使っていますからね。サーバー移行と聞くと難しそうと思うかもしれませんが、それほど難しい作業はありませんので表示速度で悩んでいる方は、サーバーを移行を行うことをおすすめします。アフィリエイトにおすすめのレンタルサーバーは3択です【断言】サーバーのPHPバージョンを最新へ既存のレンタルサーバーの高速化の設定として、「PHPバージョン」を最新のものに変更すれば現在のページ表示速度よりは改善が見込めます。PHP7と以前のバージョン(PHP5)では、動作スピードが2倍程度変わるといわれています。サーバー移行を行いたくないと言うことであれば、まずはあなたが使っているレンタルサーバーのPHPバージョンが最新のもの(PHP7)になっているか確認しましょう。次にブログ・サイトのページ表示速度に大きな影響を与える「画像」の最適化・軽量化を行いましょう。ページ容量の大半の割合を占めるのが「画像」になるため、画像の最適化・軽量化はかなり重要です。画像の軽量化には2種類があり、画像をWordPressにアップする前とアップした後に行う施策があります。画像を軽量化するためには、画像をWordPressにアップする前の圧縮・リサイズを徹底することが最も大事です。Optimizerで最適化」の手順で軽量化しましょう。画像の軽量化のやり方については以下の記事で詳しく解説していますので、そちらをご参考に。Insights」の「画像の改善項目」でも挙げられているのが「画像の読み込み遅延」です。画像の読み込み遅延とは、「スクロールされていない(まだ画面に表示されていない)画像を後から読み込む」ことです。画面に表示されていない画像の読み込みを後回しにする事で、ブログ・サイトのページ表示速度は改善されます。画像の読み込み遅延の設定は、WordPressプラグインで実装します。Loadなどのプラグインが代表的です。Load」が最もおすすめです。画像の読み込み遅延を実装することで、画面に表示される部分を優先的に表示させるようになるので、ページ表示速度の改善につながりますよ。コード(HTML/CSS/JS)の最適化HTML/CSS/JS(JavaScript)のコードが増えると、ブログ・サイトのページ表示速度の低下させる原因になります。そのため、HTML/CSS/JSのコードを圧縮・結合してあげることでページの表示速度を改善できます。コードの最適化についてもWordPressのプラグインを使って簡単に設定することが可能です。Minifyなどのプラグインがあり、コード圧縮の定番プラグインは「Autoptimize」です。「Autoptimize」でコード(HTML/CSS/JS)の最適化を行ってあげることで、読み込み時間の短縮につながり、ページ表示速度の改善につながりますよ。WordPressのテンプレートによっては、HTML/CSS/JSのコードの最適化を行うことによって、表示が崩れるケースもあるので自身でチューニングを行いましょう。WordPressデータベースの最適化WordPressを長期運用しているとデータベースには、不要なリビジョンなどのデータが大量に残っている状態になります。この不要なリビジョンがブログ・サイトのページ表示速度の低下の原因になるので、定期的に最適化・削除するのがおすすめ。ちなみにWordPressのリビジョンとは、記事のバックアップデータのことです。具体的には、こちら↓リビジョンはありがたい機能ですが、ブログ運営が長くなり、データベースを最適化しないでいると記事数が増えれば増えるほどリビジョンも増えて、データベースを肥大化させていきます。そんなリビジョンを最適化させるにはWordPressのプラグインを使いましょう。データベース最適化WP-OptimizeWP-DBManagerなどのプラグインがあり、データベース最適化の定番のプラグインは「WP-Optimize」です。定期的にリビジョンの削除などデータベースを最適化することでページ表示速度の改善につながります。プラグインの見直し・削除WordPressのプラグインによっては、ブログ・サイトのページ表示速度の低下の原因となるものも存在しています。不要なプラグインを多く有効化していることもページ表示速度低下の原因です。ページ表示速度の低下の原因となるプラグインの見直し・削除を行いましょう。代表的な重いプラグインは、以下のプラグインです。Posts」は重いプラグインとして有名ですので、表示速度を改善するのであれば見直しの検討が必要です。ぶっちゃけ、人気記事投稿って必要なのかな?と個人的には疑問です。不要なプラグインがインストールされていないかどうかを確認し、使っていないプラグインであれば削除し、プラグインの整理することをおすすめします。不要なプラグインを削除することでCSS/JSコードの削減につながり、ページ表示速度の改善につながりますよ。テンプレートの変更テンプレートによってもブログ・サイトのページ表示速度の低下をもたらします。テンプレートによるページ表示速度への影響は他の要素に比べて小さいと個人的には感じています。こちらの高速化については予備的な施策であると考えてOKです。ちなみに、私がページ表示速度改善におすすめのWordPressテーマ(テンプレート)だと感じているものは以下の3つです。10,800円)Cocoon(無料)SWALLOWとSANGOは表示速度には定評があるWordPressテーマですので個人的にはおすすめですよ。キャッシュの導入キャッシュの設定はブログ・サイトのページ表示速度の大幅な表示速度の改善してくれます。1ページ当たりの容量が大幅に削減されることから、転送量の節約につながり、より多くのアクセスに対応できるようになるというメリットがあります。ブログ・サイトのページ表示速度の本格的な改善にキャッシュ導入は、非常に有効的な高速化の施策であるといえます。※キャッシュの導入についてはバズ部でも推奨されており、さらにはmixhostでも推奨されています。注意キャッシュプラグインは、トラブルが起きやすい事でも有名です。導入する際はしっかりとバックアップを取っておきましょう。サーバーキャッシュの導入サーバー上にキャッシュを作成し、同じページにアクセスがあった場合、そのキャッシュを使いページをユーザーに表示させる方式です。このサーバーキャッシュ導入で最も定番なのが「キャッシュプラグイン」による導入です。定番のキャッシュプラグインは以下の3つです。Cache」がおすすめです。Technologiesが提供しているプラグインで、レンタルサーバーのWEBサーバーに「LiteSpeed」が採用されていないと使えません。WING・ColorfulBox・Futoka・JETBOYの5つだけです。Cache」が使えません。Cache」はサーバーと連携したキャッシュプラグインなのでトラブルも非常に少なく、ブログ・サイトのページ表示速度の高速化を一つで完結できちゃうとても優秀なプラグインです。Cache一つで以下の機能が全て使えます。(レイジーロード)画像の最適化・WebP自動変換CDNの簡単設定この記事で紹介している高速化の施策の半分以上をこのプラグイン一つで施すことが可能です。普通であれば、上記の機能をWordPressに入れるためには、プラグインが3~4つはインストールしなければいけません。Cache」は高速化の万能プラグインであるといえます。Cache」が使えるので、XSERVERよりもおすすめする理由の一つです。ブラウザキャッシュ設定ブログやサイトを閲覧しているユーザーのブラウザにキャッシュさせることでも、ページ表示速度の改善を図ることが可能です。サーバーキャッシュとは異なり、ユーザーそれぞれのブラウザにキャッシュさせる高速化の方法です。サーバーキャッシュよりは、効果は薄いですが、複数ページ閲覧してくれるユーザーに対しては効果があるのがブラウザキャッシュ。ブラウザキャッシュの導入方法は以下のコードを.htaccessファイルに追記すればOKです。month"</ifModule>参考:サルワカ(ブラウザキャッシュの設定方法)ブラウザキャッシュを設定すると自分自身のブラウザにもキャッシュが残るようになるので、ブログのデザインのカスタマイズの際にはキャッシュの削除を行わないとカスタマイズの変化が確認できません。別に大きな問題ではありませんが、その点だけは理解しておきましょう。ページ表示速度の分析・計測ツールはじめブログ・サイトのページ表示速度はどうやって計測するの?ブログ・サイトのページ表示速度を改善するためには、現状の表示速度を把握し、高速化の施策を行うことによってどれだけ速度が改善されたかを分析・計測する必要があります。ページ表示速度の分析・計測ツールは以下の4つを使えばOKです。Insights」をメインでページの表示速度の分析・計測すればOKです。Insights」です。モバイル・PCの両方の表示速度を計測することができるのが特徴。Insightsで提供される高速化の提案についても、インターネット上に多くの情報があふれていますので、改善にもとても取り組みやすいです。Googleアナリティクスとも連動しているので、アナリティクスから遅いページを直接確認することが可能です。Insights」を使っていればOKです。testmysite.withgoogleGoogleが提供しているもう一つのページ表示速度を分析・計測できるツールが「testmysite.withgoogle」です。こちらの分析・計測ツールは「モバイルのみ」となっており、さらに読込時間にかかる時間とユーザーの離脱率を計測してくれます。Insightsと合わせて、サブ的な要素で使えばOKでしょう。GTmetrix上記のGoogle以外のページ表示速度の分析・計測ツールでよく使われるのが「GTmetrix」です。こちらは、読み込み時間・ページ容量を計測してくれるため、キャッシュプラグイン導入などによるページ容量の削減効果を見たい時などに使えます。Insights」のサブとして使えばOKです。pingdom私はほとんど使いませんが、他にもページの表示速度の分析・計測ツールとして「pingdom」があります。こちらは、コンテンツで容量を多く占めている要素をパーセンテージ表示してくれるなど便利な点もありますが、基本は上記の3つで事足りるかなと言うのが印象です。Insights」を使ってブログのページ表示速度を分析・計測するのがおすすめです。まとめ今回は、ブログ・サイトのページ表示速度を改善する7つの高速化についてお話してきました。上記の7つの項目を改善すれば、ブログ・サイトのページ表示速度の高速化することが可能ですよ。WordPressブログの表示速度が遅くて困っているという方参考にしみてください。私は有料noteの販売も行っています。実際に私は2019年10月に確定7桁を達成することができたのですが、達成までに至ったノウハウ・考え方は全てこのnoteに書いています。以下に該当する方にはおすすめです。月7桁収入を目指したい方ただし、購入前の注意点として「楽して稼ぐ」というノウハウではありません。マーケティング・ブログ運営の知識を学び、個人として稼ぐ力をつけるためのノウハウになっています。「継続的に作業できない方」は無駄な出費になるので、本気で稼ぎたいと考えている方のみ読んでみてください。「mixhostでの表示速度が遅い」時に取るべき4つの高速化の...ツヨシ北海道在住のツヨシ(溝口剛)です。2017年1月よりアフィリエイトを始め、2019年10月に月収7桁達成。会社員を8年続けていきましたが、現在は好きなコトで生きていくをモットーにブロガーとして活動しています。27※当ブログはmixhostで運営してます。Posts「ファーストチャイルドボックス」は神です!申込み方法と中身を解説します。アフィリエイトのやるべき5つのSEO対策。アフィリエイトのキーワード選定ツールは3択でOKです。アフィリエイト用のおすすめのパソコン・スペックの選び方【初心者向け】スマホでWordPressの記事を更新・編集する方法について解説します。