それはコンバージョン率と検索エンジン最適化されたウェブサイトを構築することになると、速度が重要です。

速いウェブサイトがなければ、人々はあなたが”コンバージョン”と言うよりも速くバウンスします。”

しかし、あなたのウェブサイトを高速化することは簡単な作業ではありません。

あなたの問題は、画像や大きなページ要素に不十分に書かれているコードから何かである可能性があります。

そうでない場合、Googleはあなたのウェブサイトを丁ますので、あなたは、迅速にこれらの問題を修正する必要があります。

より速くあなたのサイトのロード、直帰率が低くなります。 あなたの場所が速い場合、高い直帰率を運転する遅い場所上のGoogleのランキングのよりよいチャンスを有する。

ありがたいことに、Googleはあなたが修正する必要があるものを見つけるためにPageSpeed Insightsツールを提供しています。

残念ながら、彼らはあなたのスコアを100％にするための最良の指示を与えていません。

GoogleのPageSpeed Insightsで完璧な100％を獲得する方法と、この偉業を達成する必要がある理由は次のとおりです。

ページの速度が重要な理由

ページの速度は、Googleの検索エンジンの結果であなたのウェブサイトをより高くランク付けする上で重要な要因です。

あなたのウェブサイトが上の10の有機性ページと同等でなければ、最初のページでランク付けされない。

だから、ページの速度に焦点を当てることは、成功した会社と変換するウェブサイトを持つことに最優先です。

Backlinkoは最近、Googleの1100万件以上の検索エンジン検索結果ページ（Serp）を分析した調査を実施した。

彼らは、トップ10の結果にランク付けされたサイトの中で最も一般的な要因を把握したかったのです。

驚くべきことに、彼らはページの速度とランキングが相関していないように見えることがわかりました。 ただし、最初のページのサイトの平均ロード時間は1.65秒で、これはかなり高速です。

しかし、Googleはページ速度が重要だと言います。 それについての全体の更新さえありました。

その接続は、Googleの新しいPageSpeed業界ベンチマークによってバックアップされ、サポートされています。

彼らは、ページの読み込み時間が上がるにつれて、誰かがあなたのサイトからバウンスする可能性が劇的に増加することを発見しました:

つまり、ページの読み込みに10秒かかる場合、読み込み前に誰かがサイトを離れる可能性は120％以上増加することを意味します。

しかし、最近の500万サイト以上の調査によると、平均的なウェブサイトはデスクトップに完全にロードするのに10.3秒、27秒かかります。モバイルにロードするには3秒。

これは、パフォーマンスの速いウェブサイトを持つことになると、私たちのほとんどすべてがマークを欠いていることを意味します。

別の調査では、BigCommerceは、電子商取引ウェブサイトのコンバージョン率が1〜2％の範囲のどこかで平均していることを発見しました。

は、ページの速度が大幅にコンバージョン率を増加させることができます発見Portent。

2秒以下にあなたの速度を得ることは交通および収入を高めることができます。

では、ページの読み込みが遅くなる原因は何ですか？

ページが遅くなる最も一般的な原因は、画像がかさばることとコーディングが不十分であることです。

現代のウェブサイトを見ると、転換点に画像がいっぱいになっている可能性があります。

画像を最適化していない場合は、複数のメガバイトのスペースを占めるページがある可能性があります。

ページサイズと重量は、多くの場合、ページ重量バイトで測定されます。 簡単に言えば、ページの重量バイトは、バイト単位で測定されたwebページの合計サイズを示します。

Googleのベンチマークデータによると、ページサイズや重さのベストプラクティスは500KB未満であることが示されています:

しかし、再び、私たちのほとんどはここでマークを欠いています。 私達は非常に推薦された重量を超過しています。

Googleのレポートで最も際立っていた概念の1つは、この短いまだインパクトのある引用から来ています。

「何があっても、より速く、より少なく、より多く。”

あなたのサイトがどれだけうまくいっても、あなたには深刻な改善の余地がある可能性があります。

PageSpeed Insights Toolの使い方

ほとんどのサイトは、スペースを取りすぎる大きな画像のためにゆっくりと実行されます。

しかし、それはすべてのウェブサイトのために常にそうではありません。

PageSpeed Insightsツールでスコアを100%にするために必要な変更を加える前に、サイトの速度が低下する原因を正確に知る必要があります。

開始するには、PageSpeed Insightsツールを開き、ウェブサイトのURLをバーに入力します:

“分析”をクリックして、Googleにサイト上でクイックテストを実行させます。

完成したレポートは、あなたのサイトとそのパフォーマンスを妨げている可能性があるものについて知る必要があるすべてを教えてくれます。

ここに私のレポートがどのように見えるかです:

それは87/100です。

それは素晴らしいことではありません。 しかし、それはどちらもひどいことではありません。

ほとんど常に改善の余地があります。 ここでの私の目標は、この記事の終わりまでに100％に到達することです。

まず、私が最適化し、完成したアイテムを見てみましょう:

さて、私の”可能な最適化”リストと比較して、このリストにはいくつかの項目しかないことに注意してください:

この情報は、”可能な最適化”に関する項目が、私がすでに最適化したものよりも少し影響が少ないことを示しています。

明らかに、ページ速度洞察ツールで100％ヒットするには、すべての要素を世話する必要があります。

あなたは最優先項目から始めたいと思うでしょう（これについては後で詳しく説明します）。

次は、モバイルサイトを個別にテストしたいと思います。

PageSpeed Insightsツールでモバイルサイトテスターを使用できますが、Googleはこれの更新された、より正確なバージョンをリリースしました。

私のサイトをテストして試してみてください。 あなたのウェブサイトのURLを入力し、enterキーを押します:

Googleはこのレポートを実行するのに数分かかりますが、モバイルサイトが業界標準と比較してどのように動作するか

ページの速度が低いために何人の訪問者が失われる可能性があるかを教えてくれます。

ここに私のデータがどのように見えるかです:

モバイルでのロード時間は四秒です。

: 推奨されるロード時間は3秒以下です。

それは私の速度が業界標準と同等ではないことを意味します。

そのせいで、単に速度性能の悪さから訪問者の10パーセントを失っています！

私のモバイルテストは、業界標準と比較すると次のようになります:

まだトップパフォーマンスのセクションにいますが、私は自分のウェブサイトの効果を最大化したり、より多くのトラフィックとコンバージョンを促進したい場合は、私はどこにいるべきではありません。

さらに下にスクロールすると、Googleはあなたのトップの修正があなたのウェブサイトのために何ができるかについての見積もりを与えます:

Googleは、いくつかの修正を行うことで、ロード時間を約3秒短縮できると述べています。

それは私が潜在的に私のウェブサイトを一秒のマークでロードすることができることを意味します！

それは素晴らしいです。 あなたの訪問者または多くの10パーセントを救うために、私を信頼しなさい、それはあなたがする必要がある何かである。

このモバイルサイトテストを通じてウェブサイトを実行して、ウェブサイトに必要な修正に関するデータを取得します。

この次のセクションでは、PageSpeed Insightsツールで100％のスコアを得るために、トップページの速度の問題を修正する方法を説明します。

完璧なPageSpeed Insightsスコアを獲得する4つの方法

GoogleのPageSpeed Insightsツールで完璧な100％を取得するのは簡単な作業ではありません。

それは一晩でも起こらないだろう。 あなたはいくつかの脚の仕事をし、砥石でいくつかの時間を費やす必要があります。

しかし、トラフィックを節約し、より多くのコンバージョンを促進し、より多くの収益をもたらしたい場合は、それを行う必要があります。

それは退屈で退屈なかもしれませんが、あなたはそれらの変換が必要です。 あなたは怠け者であり、トラフィックと利益をテーブルに残す危険性はありません。

ここでは、あなたのサイトをスピードアップし、Googleで完璧な100％を獲得することができますトップ四つの方法があります。

画像を圧縮

ページが遅く、スコアが低い最大の原因は画像が大きいことです。

これを自分のサイトで修正したとき、速度に大きな影響を与えました。

画像サイズを固定するためのトップの最適化技術の一つは、圧縮です。

単純な圧縮ツールを使用すると、画像サイズの平均50パーセント以上を保存できます。

WordPressを使用する場合、多くの時間を費やすことなくこれを行うための最良の方法の一つは、WP Smush Imageのようなプラグインを使用することです。

WP Smushは無料で素晴らしい機能のトンを持っています。

プラグインを追加することで、自動的に画像をスマッシュすることができます。 WordPressのメディアライブラリをスキャンし、圧縮できる画像を検出します:

あなたが一括であなたのサイトのための新しい画像のトンをsmushしたい場合は、プラグインに直接アッ

一度に最大50枚の画像をスマッシュすることができ、市場で最速のツールの一つとなっています:

このプラグインの設定に向かう場合は、アップロード時に自動的に画像をスマッシュする設定をオンにすることがで

この設定を有効にすると、再び圧縮を心配する必要はありません。 また、サイト上の既存の画像をすべて圧縮すると、アップロードするたびに心配する必要はありません。

WP Smushは、毎日のWordPressユーザーのための優れた、無料のツールです。

しかし、WordPressを使用しない場合、あなたは何をしますか？

Shopifyベースのストアとサイトを運営している場合は、Crushを使用できます。Shopifyベースのストアとサイトを運営している場合は、Crushを使用できます。写真:

クラッシュ。picsは、あなたが彼らのツールを使用してPageSpeed Insightsのスコアに大きなジャンプを期待できると言います:

圧縮前のPageSpeedスコア：75/100。 圧縮後のPageSpeedスコア: 87/100

プラグインに慣れていない場合や、サイトでプラグインを使用したくない場合は、Compress JPEGやOptimizillaなどの無料ツールをオンラインで使用できます。

どちらも高速で無料のツールで、一度のアップロードで最大20枚の画像を圧縮できます。

私はあなたにこれらのプログラムがどのように影響を与えることができるかのアイデアを与えるために圧縮されたこの例の画像をチェッ:

Optimizillaを使用して、わずか2秒でファイルサイズを68％縮小しました。 それはほとんど質の相違無しで380KBから120KBにサイズを減らしました!

これらのツールはすべて無料で使用でき、プラグインを使用できない場合は確実に実装する必要があります。

ブラウザキャッシュの使用

ブラウザキャッシュは、以前にロードされたリソースを”記憶”することによって動作し、毎回の訪問時にリロードする必要はありません。

ウェブサイトの訪問者がサイト上の新しいページに移動したとき、ロゴやフッターなどのすべてのデータを再度読み込む必要はありません。

それは人々があなたのサイトに着陸するときに速度の大きな増加になります。

どのように実装しますか？ ありがたいことに、それのためのプラグインがあります。 あなたはそれを行うためにコーディングの専門家である必要はありません。

WordPressサイトにW3Total Cacheを使用してみてください。 これは、百万以上のアクティブなインストールを持っており、市場で最も人気のあるキャッシ:

W3Total Cacheは、サイト全体のパフォーマンスを少なくとも10倍向上させることができると主張しています。

それに加えて、彼らはこのプラグインがGoogleのPageSpeedツールでより高い結果を達成するのに役立つと主張しています（そしてバックアップしています）。

このツールは、HTML（次に説明します）、JavaScript、およびCSSを縮小するのにも役立ち、最大80％の帯域幅の節約を提供します。

コーディングの経験がなくても、Webサイトの速度を速く、簡単に向上させるために、今日W3Total Cacheを使用してみてください。

Htmlを縮小する

HTMLコーディングが占めるスペースを最小化することは、Googleから完璧なスコアを得るためのもう一つの大きな要因です。

縮小は、ブラウザがHTMLをどのように処理するかに影響を与えることなく、不要なデータや重複したデータを削除または修正するプロセスです。

コードの修正、書式設定、未使用のコードの削除、可能な場合はコードの短縮が含まれます。

もう一度、WordPressの素晴らしいプラグインオプションのおかげで、あなたはこれを修正するためにコーディングの天才である必要はありません。

これを行うための最良のツールの一つは、HTMLミニファイです。

あなたは自分のサイトから直接無料でこのプラグインをダウンロードし、数秒であなたのWordPressアカウントにインストールすることができます。

このプラグインページから直接インストールすることもできます。

プラグインをインストールしたら、サイトに瞬時に影響を与える前にいくつかの手順を実行するだけです。

Minify HTMLプラグインの設定タブに移動し、次のすべての設定を有効にします:

あなたは効果的に一石二鳥を殺すことができます。

GoogleのPageSpeed Insightsでは、HTML、JavaScript、CSSを縮小することをお勧めしています。

“Htmlの縮小”+”インラインJavaScript”設定を有効にします。

次に、”HTML、JavaScript、CSSのコメントを削除する”で”はい”を選択してください。”

このプラグインの素晴らしいところは、各設定の下で推奨されるアクションが何であるかを教えてくれることです。

これらの設定がどのように機能するかに慣れていない場合は、これらの操作に従ってください。

今日のコーディングを縮小すると、インサイトレポートに瞬時に影響が表示されます。

AMPを実装

AMPは加速されたモバイルページの略です。

これは、モバイルページの読み込みを高速化するためにGoogleが実装したプロジェクトです。

これは、不要なコンテンツのトンを取り除くオープンソース形式を作ることによって動作し、あなたのモバイルページがほぼ瞬時にロードされます。

これは、モバイルデバイス上でうまく動作しない任意の不格好な機能なしで、ユーザーがモバイル上でより合理化された経験を提供します。

携帯電話でインターネットを閲覧する場合は、AMPベースの記事をクリックしている可能性があります。

ここでは、彼らがどのように見えるかです:

これらは、多くの場合、Google検索結果の「トップストーリー」セクションに降格され、即座にロードされます。

彼らは多くの書式設定を持っていないので、モバイルユーザーが見たいコンテンツを迅速にロードして配信するのに役立ちます。

Googleの検索者がこれらのAMP記事のいずれかをクリックすると、次のようなコンテンツが表示されます:

これは、ユーザーがwebページを離れて次のページをクリックすることなく、異なるストーリー間をスクロールできるようにする、実際のwebサイトの簡

この機能は、モバイルでのユーザーエクスペリエンスを合理化します。

サイトがロードされるまで10秒待ってから、検索結果ページに戻り、次のサイトがロードされるまでさらに10秒待つ必要があった日はなくなりました。

ここでは、戻るボタンを一度クリックすることなく、複数の記事のコンテンツにアクセスできます。

それはあなたのサイトを高速化し、誰かが去る可能性を減らすのに非常に効果的です。

WIRED社は、顧客に到達するためのより良い仕事をするためにAMPの実装を開始しました。

彼らは、モバイルユーザーエクスペリエンスが遅すぎることを発見しました。 変換は、単に速度の問題と訪問者の保持の問題のために起こっていませんでした。

アンプに時間を投資することを決めたことは、WIREDにとって大きな影響を与えました。

オーガニック検索結果からのクリックスルー率を25％増加させました。

AMPストーリーの広告でもCtrが63%増加していることがわかりました。

彼らはまた、自分のサイト上の100k以上の記事にAMPストーリーを追加することができました。

ギズモードはまた、AMPの列車に飛び乗って、彼らのモバイルサイトで大きな改善を見ました。

彼らは、標準のモバイルページよりも3倍高速だったロード時間で毎日100kのAMPページ訪問を得ていました。

コンバージョンも50％増加しました。

AMPはコンバージョンとモバイルスピードを大幅に向上させ、GoogleのPageSpeedインサイトでより高いスコアを獲得する大規模な機会を与えると言っても安全です。

自分のサイトでAMPの使用を開始したい場合は、いくつかの方法があります。

HTMLに精通している場合は、ここでAMPの詳細なチュートリアルに従うことができます。

技術的に精通していない、またはHTMLの経験がない人のために、WordPressのプラグインを使用してみてください。

最も人気のあるプラグインの一つは、WPのためのAMPです。

これは、80,000以上のアクティブなインストールを持っており、一定のサポートとアップデートを持っています。

プラグインには、ページ要素を簡単にドラッグアンドドロップできるAMPページビルダーが含まれています:

これは、AMPに適したコンテンツを作成する最も簡単な方法の1つです。

あなたがしなければならないのは、WordPressのダッシュボードにプラグインをダウンロードしてインストールし、それを有効にすることです。

そこから、アップロードする新しい投稿ごとにページビルダーを使用できます。

これらのページは、モバイル検索結果に表示されるAMPに適したバージョンを作成します。

AMPは、モバイルサイトを高速化し、速度を1秒以下に短縮する実証済みの方法です。

Google PageSpeed Insights Faq

直帰率はページ速度とどのように相関しますか？

どの産業が最も遅いサイトを持っていますか？

どのくらいの速サイトをロードする必要がありますか？

Google PageSpeed Insights結論

新しいウェブサイトを構築するのに数日、数週間、数ヶ月を費やしたとき、すべての画像、要素、アイコンを一流にしたいと考えています。

しかし、それは多くの場合、Googleが推奨するよりも遅いサイトになります。

あなたのサイトでコンバージョンを促進することになると、スピードは常に大きな役割を果たします。

ユーザーは、Googleに戻ってクリックして次の結果を選択できるときに、サイトがロードされるまで10秒待つ必要はありません。

PageSpeed Insightsテストでうまく得点することは、サイトを完璧に最適化しようとするときの主な優先事項の一つでなければなりません。

開始するには、まずサイトを悩ませている問題を診断する必要があります。

それは画像、ページ要素、あまりにも多くのテキスト、悪いコーディング、または上記のすべてですか？

Google PageSpeed Insightsツールを使用して、問題がどこにあるかを確認し、提案を行います。 また、コードの縮小、画像の圧縮、ブラウザのキャッシュの追加、AMPの実装も必要です。

これらは、PageSpeed Insightスコアに大きな影響を与える可能性のある実証済みの手順です。

GoogleのPageSpeed Insightsで完璧な100パーセントをスコアリングすることで、ウェブサイトが成功するために必要なブーストを与えることができます。

あなたのサイトの速度を向上させるために見つけた最良の方法は何ですか？