ページ速度を改善するためのトップ15のヒント
公開: 2021-08-20ページの読み込みが遅いと、ページ上の他の何かを表示する前に、ユーザーがサイトをフラストレーションから離れる可能性が高くなります。 実際、ページ速度は現在、Google検索アルゴリズムのランキング要素です。 このブログ投稿では、ページの速度を向上させ、サイトのユーザーをより長く維持するためのヒントを紹介します。
関連：ブログを管理するためのヒント。
ページ速度とは何ですか？
ページ速度とは、Webサイトのページの読み込みにかかる時間を指し、通常は秒単位で測定されます。 これは、Webサイトが完全に読み込まれるのにかかる時間ではなく、特定の1ページだけが読み込まれるのにかかる時間であることに注意することが重要です。
ページ速度が重要なのはなぜですか？
ページ速度は、バウンス率と直接的な相関関係があることが示されているため、重要です。 サイトのページの読み込みが遅い場合、訪問者はその画面に役立つものが表示されるずっと前にページを放棄することがよくあります（つまり、潜在的なコンバージョンを失うことになります）。
サイトにユーザーを維持したい場合は、サイトがすばやく読み込まれるようにしてください。 ページの読み込みに5秒以上かかる場合、90％の確率でクリックしてウェブページから離れ、二度と表示されなくなります。
ページ速度を追跡する方法は？
速度の最適化に関する最も重要な部分の1つは、測定です。 それはあなたがあなたの進歩と変更が実際に働いているかどうかを測定するのを助けます、そしてそれは一般により成功したウェブサイトにつながります！
Google PageSpeedInsightsやPingdomToolsなど、さまざまなツールを使用してページ速度を追跡できます。
ページ速度を改善するためのヒント
1.画像の最適化と圧縮
大きくて高品質の画像は見栄えがよくなりますが、読み込み時間の遅延も発生します。 これは、特に低速のインターネット接続では、大きなファイルがより多くの帯域幅を使用し、ダウンロードに長い時間がかかるためです。
サイトで多くの画像を使用している場合は、ウェブサイトにアップロードする前に、できるだけ圧縮してください。 TinyPNGやSmushなどのツールを使用して画像を圧縮できます。
後者は、WordPressをCMSとして使用する場合に優れています。 遅延読み込み機能に加えて、プラグインはWebサイト上のすべての画像を自動的に圧縮します-すべて品質に影響を与えることはありません。
2.HTTPリクエストを最小限に抑える
サイトで多くの画像、スクリプト、およびその他のコンテンツを使用する場合（これはよくあることです）、ページの読み込み速度に影響を与える可能性があります。 リクエストごとに使用するリソースが多すぎる場合は、リクエストの数を減らして、訪問者の読み込み時間を改善してみてください。
3.CSSを圧縮します
一度に実行するスクリプトが多いほど、ページの速度が低下する傾向があります。 また、スタイルシートを圧縮して、レンダリング中に多くのメモリを消費したり、処理の負担を追加したりしないようにする必要があります。 これは、YUICompressorなどのツールを使用して行うことができます。
4.DOM操作を最小限に抑える
Webサイトを高速化するもう1つの方法は、DOM操作を最小限に抑えることです。 JavaScriptを使用してWebページの要素ツリーについて何かを操作すると、その要素だけでなく、ドキュメント全体にも影響します。 これにより、ページの読み込み時間が大幅に遅くなる可能性があります。
5.スクリプトを最適化する
JavaScriptは、サイトやコードのあらゆる側面と対話できるため、Web開発に最適なツールです。 ただし、これには、ページの読み込み速度の点でもコストがかかります。 訪問者のブラウジング体験を遅くしないように、必要なスクリプトのみを使用していることを確認してください。
6.別のスレッドでタスクを実行してCPU使用率を制限する
スクリプトまたはプロセッサを集中的に使用するタスクを実行している場合、CPUが実際に過負荷になり、ページの読み込み時間に悪影響を与える可能性があります。 この問題を解決するには、これらのタスクを別のスレッドで実行して、レンダリングが遅くならないようにしてください。
7.PHPやPythonなどのサーバー側言語で圧縮を有効にする
PHPやPythonなどのコードで作成されているウェブページやウェブアプリを作成している場合は、必ず圧縮を有効にしてください。 これにより、ファイルのサイズが小さくなり、ロード時間が短縮されます。
8.最適なホスティングを選択します
ホスティングは、サイトの読み込み速度に大きな影響を与える可能性があるため、Webサイトの重要な部分です。 一般的に言えば、より高い処理能力と帯域幅を提供するホスティングソリューションを選択することをお勧めします。
これは、特に大量のコンテンツを含む大規模なサイトを構築する計画がある場合は、安くして可能な限り節約しようとするときではありません。
9.キャッシングを使用する
ページの読み込み時間を大幅に改善する1つの方法は、Webサーバーでキャッシュを有効にすることです。 この機能が正常に機能している場合、訪問者はすべてが事前にダウンロードされているため、ページの1つにアクセスするときに何もダウンロードする必要はありません。
サーバーレベルでの読み込みを高速化するために、Webページをキャッシュできます。 これを行うには、ホスティング会社に連絡するだけで、そこからホスティング会社が処理します。
サーバーレベルでそれを行うことに加えて、WordPressユーザーはW3 Total Cacheのような無料のWordPressプラグインを使用できます。これは、ページをキャッシュすることでWebページの読み込み速度を高速化します。
関連： WordPressはSEOに適していますか？
10.ApacheまたはNGINXでGzip圧縮を有効にします
WebサーバーソフトウェアとしてApacheまたはNGINXのいずれかを使用している場合は、Gzip圧縮サポートが有効になっていることを確認してください。 これは、ファイルがブラウザに提供される前に圧縮されるようにするためです。
11.ETagを使用して読み込み遅延を減らす
ロードの遅延を回避するための1つの方法は、ETagヘッダーを実装することです。 これらのヘッダーは、さまざまな時点でのファイルのコンテンツを説明するために使用されます。 ETagを使用すると、訪問者はすべてを再度ダウンロードするのではなく、必要な変更だけを受け取る可能性が高くなります。
12.高速読み込みフォントを使用する
ウェブサイトをデザインするとき、私たちは仕事の個性と個性を与えるフォントをよく使用します。 ただし、これらのフォントファイルが最適化されていることを確認することが重要です。 サーバーの応答時間と帯域幅を節約できるため、Webフォントの埋め込みを検討する必要があります。 また、訪問者のコンピューターに既に存在するフォントタイプ（または複数）を使用すると、読み込み時間が最も速くなります。
13.遅延読み込み
ページ速度を向上させる最も簡単な方法の1つは、遅延読み込みと呼ばれる手法を使用することです。 これには、まだ使用されていないリソースも含め、すべてのリソースを事前にダウンロードするのではなく、必要なときにHTMLドキュメントでJavaScriptコードを呼び出すことが含まれます。 WordPressを使用している人は、利用可能なプラグインを利用してこれを実現できます。
14.サイトのパフォーマンスに影響を与える可能性のあるプラグインまたはテーマをオフにします
プラグインは、機能やWordPressサイトへの機能の追加に最適ですが、場合によっては読み込み時間を大幅に短縮する可能性もあります。 WordPressサイトの所有者は、不要になったプラグインやテーマを無効にすることでこれを実現できます。 それほど多くはないように思われるかもしれませんが、すべてのビットが役立ちます！ ここでの考え方は、Webサイトの肥大化を減らし、バックグラウンドで実行されるコードを減らすことです。
また、古いプラグインやメンテナンスが不十分なプラグインは、Webサイトに深刻なセキュリティ上の脅威をもたらす可能性があることにも注意してください。 そのため、使用するプラグインの数を制限するか、プラグインを頻繁に更新するようにしてください。
ただし、すべてのプラグインがサイトの速度を低下させるわけではありません。 実際、サイトの速度を向上させる速度プラグインがいくつかあります。 それらを個別にテストして、ロード時間を引き下げているものを確認することをお勧めします。
15.リダイレクトを減らす
リダイレクトが役立つ場合もありますが、ページの読み込み時間に関しては、リダイレクトは最悪の違反者の1つです。 進行中のリダイレクトの数を減らして、読み込み時間に役立つかどうかを確認してください。
サイトを作成するときに不要なリダイレクトを作成しないことに加えて、できるだけ少ないリダイレクトで解決するようにTLDを設定します。1つは完璧です。
サイトでリダイレクトが正しく設定されていない場合でも問題ありません。ありがたいことに、リダイレクトを特定するのに役立つツールがあるからです。 Patrick Sextonリダイレクトマッパーツールは、潜在的な間違いを指摘し、問題の修正を容易にします。
結論
結論として、ページの読み込み時間を改善することは貴重な作業になる可能性があります。 これを行うのに役立つさまざまな戦略が存在し、さまざまな理由で他の戦略よりも効果的な戦略もあります。 最終的にどちらを選択するかは、配信されるコンテンツの種類と、それらを実装するために必要な労力によって異なります。
これらのヒントの多くは技術的なものであるため、どれが最も効果的かについての一般的なルールを示すことは困難です。 それの多くはあなたが持っているサイトのタイプとあなた自身の技術的知識に依存します。 ほとんどの人にとって、私はあなたのサイトをきれいにしそしてそれをより速くするために専門家を雇うことを勧めます。
可能な限り短い時間で速度を向上させたい場合は、画像の圧縮、不要な肥大化の除去、およびキャッシュプラグインの使用に焦点を当てます。