ページ表示速度 Googleの PageSpeed Insights を100点にしたい！

Google の「 PageSpeed Insights」を満点にしたい！

PageSpeed Insights（ページスピードインサイト）では、ウェブページ、コンテンツをあらゆる端末でウェブページの読み込み時間を短くするための助言をしてくれます。

私もこの点数はかなり意識していますので、様々な対策をしています。

Google PageSpeed Insights はさまざまなカテゴリ（収益の最適化、サイトの状況など）で構成され、それぞれのスコアが表示されます。各カテゴリの提案や改善のヒントを参考にすると、現在のパフォーマンスをより正確に把握し、問題への対応策も確認できます。

ページの速度を測定し、現在の状態を知りたい方は以下のリンクからGoogle PageSpeed Insightsのページに飛べます。

fa-arrow-circle-rightGoogle PageSpeed Insights

PageSpeed Insightsは、グーグルのロボットに好かれる指針！

googleの検索は、googleロボットが巡回して情報収集しながらより良い情報を上位に表示するようにできていることはご存知かと思います。googleのアルゴリズムは変化しますが、現在から近未来において「あらゆる端末でウェブページの読み込み時間を短くする」という点はかなり重視される項目であることは確実です。

小手先のテクニックよりレンタルサーバーの性能にかなり影響される

Google PageSpeed Insightsの点数は直接的にSEOに効果を発揮するわけではないと言われていますが、ページの表示が遅い＝ユーザーの悪い体験となるため、ページがすぐ表示されて知りたい情報をすぐみれるというユーザーの良い体験のためにかなり重要です。この記事では、これ先のページ表示速度アップのためのテクニックをいくつか紹介しますが、何よりも重要なのはレンタルサーバーの性能です。動作が遅いパソコンでどんなに効率化をしようとしてもできないのと同じように、処理速度が遅いレンタルサーバーでどんなテクニックを使ってもページ表示速度が速くならないのです。さくらのレンタルサーバーやロリポップなどを使っている場合にはまずはレンタルサーバーの乗り換えから考えた方が良いと思います。

ワードプレス用レンタルサーバー辛口ランキング　速度・コスパ

2020.9.24

ワードプレスのサイトを運営する個人の方、初心者〜中級者へ向けて、利用したからこそわかるレンタルサーバーを比較・ランキングを紹介します。ワードプレスと相性の良い、エックスサーバー、シ...

ページ速度はアドセンスにも良い！

グーグルの検索順位についてその詳細は明らかにされていませんが、ページの読み込み速度はグーグルの方針の一部を表していることは確かです。

その延長として、スマホでgoogleを使ったときに「AMP」と表示さるシンプルなページが検索上位に増えてきました。

レスポンシブデザイン＋AMPページでフル装備

googleはAMPページの作成を推奨しており、レスポンシブデザイン＋AMPページというフル装備を勧めています。

アドセンス広告を掲載していると、最適化で満点はとれない

私のサイトはレスポンシブデザインのサイトですが、スマホの時に表示/非表示を切り替えることもできます。

もしスマホの時にはスマホ用の広告という形で用意できるならば、モバイルサイズの推奨サイズの広告を用意するべきです。

レスポンシブデザインもしくはキャリアで振り分け設定を

マルチデザイン・レスポンシブデザインとは、パソコンでもスマートフォンでもタブレットでもなんでも違和感なく表示できるかということです。

最近のデザインはこれがとても重視されています。グーグルも「どんな端末にもフレンドリーか」という部分を評価しています。

サイトの状況では、表示速度、ページのソースの正確さとわかりやすさ、画像の圧縮など

PageSpeed InsightsではCSSやJavascript、サーバー応答時間など、いろいろな点で改善策を講じてくれます。

デザインに優れたページ（芸術的な意味で）は、スクリプトが多く、ページの読み込みに時間がかかります。

ブランディングのためには必要かもしれませんが、SEO対策（キーワード検索からの流入を増やす）という意味では低評価です。ページが表示しやすく、読者が探しやすい構造になっているかをチェックされます。画像はページを読み込むときに、文章に比べてサイズが大きいためチェックされます。

これらを包括的に対策できるプラグインもいろいろありますが、特におすすめなのが「WP Rocket」です。こちらの記事で詳しく紹介しています。

WP Rocket ワードプレスの高速化に効果絶大のプラグイン！使い方解説

2021.1.5

「WP Rocket」はワードプレスのページ表示高速化プラグインでは最強だと思っていますので購入方法、インストール、使い方について詳しく紹介します！WP Rocketの最大の特徴は、体感的にも測定値的にもワードプレスサイトのページ表示速度を高速化することに優れいているプラグインであることです。WP ...

jpgファイル、pngファイルの画像サイズを圧縮・縮小

jpgファイルを圧縮するためには、画像のサイズも設定しておく必要があります。

デジカメでとった写真などはとてもサイズが大きいので、あらかじめ横幅が800px以下くらいになるようにしておきましょう。ただし、Googleが進めているページ軽量化のプロフジェクトである「AMP」に対応させるためには、画像サイズは1200px以上が推奨されています。

ワードプレスの画像の最大サイズは横幅1200pxか1280pxを推奨する理由

2021.2.7

ワードプレスのウェブサイトで使用する画像サイズについて解説します。AMPの観点から画像最大サイズ横幅1200pxを推奨します。しかし、AMPがいまいち重要視されていない現状から、Y...

ワードプレスの「メディア設定」画像サイズのおすすめ設定方法

2021.2.9

ワードプレスのメディア設定の画像の設定について、おすすめの画像サイズやサムネイル画像の設定について紹介します。画像をアップロードすると自動でサムネイル画像・中サイズの画像・大サイズ...

画像の品質を落としてファイルサイズを小さくするというプラグイン「EWWW Image Optimizer」もあります。これは有効化しておくだけで画像のサイズや品質を Web 上で表示しやすい状態に自動変換してくれるので便利です。

EWWW Image Optimizer　画像圧縮･リサイズ･WebPも対応の無料プラグイン

2021.2.7

EWWW Image Optimizerの画像のリサイズ、自動画像サイズ圧縮、メタデータを削除、遅延読み込み、WebP 変換などの機能の使い方と仕組みを紹介。EWWW Image ...

ご自身のサイトに合わせて調整してみてください！

ブログ初心者の方、ワードプレスでお困りの方
画面を一緒に見ながら問題を解決します！

 

•  自分でワードプレスでいろいろやりたいけど、行き詰ってしまった！
•  一気にブログやサイトの問題点を見つけ出して解決してしまいたい！
•  ワードプレスでブログを作ってみたものの、プラグインや設定があっているのか自信がない…

このような方に、ココナラでビデオチャット（画面共有）で一緒に画面を見ながら相談に乗り、解決への道筋を見つけます！初めての方は招待コード「PS6SK」で1000ptもらえるのでお得です！

ワードプレスを画面共有でアドバイス・問題解決します 自分でブログ・ホームページ運営、改善などをしたい方におすすめ