調査によると、サイトの読み込み速度が 1 秒を超える場合、サイト速度が遅いためにトラフィックを失っている可能性があります。.
しかし、サイトの速度が遅いのは、Web ホストだけが原因であるのでしょうか?
答えは「いいえ」です。最高のウェブホストを使っているかもしれませんが、それでも、サイトの速度を大幅に向上できるスピードブーストテクニックやツールがいくつかあります。.
Siteground Web Hosting、サイトの速度を大幅に向上させる実証済みのツールとテクニックをご紹介します
まず、ウェブサイトの問題箇所を詳しく調べる必要があります。問題箇所を見つけるには、「ベンチマークテスト」を実行できるツールを利用できます。
- サイトでベンチマークテストを実行する
- ページとコンテンツを最適化する方法
- 1.インデックスページに表示されるブログページを減らす
- 2.長い投稿をページに分割する
- 3. 複数の画像を含むスライダーの代わりに静止画像を使用する
- 4.適切な画像サイズを使用する
- 5. 品質を損なわずに画像サイズを最適化する
- 6.外部フォントの使用を制限する
- 7.ページを最適化するためにgzip圧縮を有効にする
- 8.jsファイルとCSSファイルの縮小と結合
- 9.キャッシュを有効にしてサイト速度を向上させる
- テーマと plugin 最適化
- サーバーとホスティングの最適化
- 1.サーバーレベルのキャッシュシステムを有効にする
- 2.CDNサービスを利用する
- 3.HTTP/2をサポートするサーバーを使用する
- 最終評決
サイトでベンチマークテストを実行する
サイトのパフォーマンスを確認する簡単な方法は、 GTMetrixやPingdom。これらのツールは無料で使用でき、サイトのどの部分の読み込み時間が最大になっているか、各リソースの読み込みにどれだけの時間がかかっているかを示します。
サイトのパフォーマンスを確認するために他のツールを使用することもできます。テストを多く実行すればするほど、サイトの健全性をより正確に確認できるようになります。.
サイトの読み込み時間が 1 秒未満であれば、ベンチマーク テストでサイトがどのグレードに該当するかに関係なく、サイトに大幅な変更を加える必要はありません。.
ただし、ベンチマーク テストでサイトの速度に関する重大な問題が明らかになった場合は、それぞれの問題を特定し、優先順位を付けて取り組みを開始する必要があります。.
どのウェブサイトにも速度の問題はありますが、ほとんどの問題はどのウェブサイトでも同じです。たとえば、
- サイトのフロントページで投稿を多すぎる数使用すること。.
- 複数のソーシャルおよび共有 pluginインまたはウィジェットを搭載
- 外部フォントが豊富
- 大きな画像サイズと最適化されていない画像
これらの問題を自分で解決する方法を見てみましょう。.
まず、ページ サイズとコンテンツの最適化手法に焦点を当てます。.
読み進めると、簡単なヒントを使用してページの読み込み速度を最適化する方法がわかります。.
ページとコンテンツを最適化する方法
1.インデックスページに表示されるブログページを減らす
ホームページに表示されるブログの数を減らします。.
設定 > 閲覧設定 > ブログページの最大表示数
ブログページ表示の最大数を可能な限り最小に設定してください。これにより、ホーム画面に表示される投稿数が自動的に減ります。.
あるいは、WordPress plugin YITH 無限スクロールをインストールして、スクロールを開始すると Facebook で投稿が表示されるのと同じように、ユーザーが下にスクロールするときにコンテンツを表示することもできます。.
2.長い投稿をページに分割する
投稿が長すぎる場合は、タグを使用してページに分割する必要があります。<!–next page–>このタグは長いページを分割し、ユーザーはタグをクリックして次のページに移動できます。.
3. 複数の画像を含むスライダーの代わりに静止画像を使用する
スライダーはサイトの速度低下の原因となる可能性があります。ほとんどのスライダーはモバイル画面に対応していないため、ページ速度を最適化するには、スライダーを単一の静的ページに置き換えてください。あるいは、 SoliloquyやMeta Sliderなどのplugin。
4.適切な画像サイズを使用する
トラブルを避けるため、常に適切な画像サイズをアップロードしてください。画像はサーバー間で転送する必要があるため、サイズが適切でないと読み込みに非常に時間がかかる可能性があります。.
5. 品質を損なわずに画像サイズを最適化する
SG Optimizerplugin使えば、画像を完全に最適化できます。画像サイズを縮小し、画像に保存される不要なデータを削除します。
6.外部フォントの使用を制限する
Google以外のプラットフォームで使用されるフォントは、サイズ、太さ、エンコーディング、スタイルが複数ある場合があり、ページの読み込み速度に影響を与える可能性があります。そのため、読み込み速度を向上させるには、使用するフォントを限定しましょう。
7.ページを最適化するためにgzip圧縮を有効にする
Gzip圧縮は、データが訪問者のサーバーに転送される前に、サイトのHTMLやその他の静的リソースの最終出力を圧縮します。SiteGroundのSGオプティマイザーpluginはこの機能があり、有効にすることができます。
8.jsファイルとCSSファイルの縮小と結合
SiteGround SG Optimizerplugin、縮小と組み合わせの両方の手法を用いて、サイトに読み込まれるJavaScriptファイルとCSSファイルを削減できます。縮小により、URLのリクエストに時間を浪費する冗長なシンボルやバイトがすべて削除されます。
または、JavaScript ファイルと CSS ファイルを 1 つに結合することもできます。これにより、サイトが行うリクエストの数を減らすことができます。.
9.キャッシュを有効にしてサイト速度を向上させる
キャッシュは、ウェブサイトの読み込み速度とパフォーマンスを向上させるために非常に重要な技術です。より良い方法は、コンテンツをサーバーのハードディスクにキャッシュするキャッシュ plugin を使用することです。そうすれば、サーバーがリクエストを受信するたびに、コンテンツが瞬時に読み込まれます。.
テーマと plugin 最適化
テーマの最適化はいくつかの要因に依存します。その一部は次のとおりです。
- 評判の良い会社のプレミアム テーマを選択してください。テーマを決定する前に、必ずその開発会社について、またその製品に関する人々によるレビューを読んでください。.
- 必要な機能だけが備わったテーマを選択してください。価値のないさまざまな機能はサイトの読み込みを妨げるため、テーマに搭載されるべきではありません。.
- 携帯電話に完全に最適化されたテーマを選択します。.
- サイトにアイコンのような画像を追加する場合は、画像ではなくアイコンフォントを使用します。.
- 使用しない機能を持つ pluginインを蓄積せず、サイト上で限定的な pluginインを使用して、サイトを軽量化し、負荷を軽減します。.
- 脆弱性を回避するには、 pluginを常に最新の状態に保ってください。.
- アンインストールした pluginの残骸がデータベースに残らないようにしましょう。 pluginの中には、アンインストール後も設定やオプションがデータベースに残るものがあります。 plugin ガベージコレクターを使って、これらの不要なデータを削除しましょう。.
サーバーとホスティングの最適化
1.サーバーレベルのキャッシュシステムを有効にする
Siteground には特別な WordPress plugin SG Optimizer があり、これを使用すると、すべての PHP 操作、データベース クエリをサーバー RAM に保存でき、サーバーが訪問者からのリクエストを受信するたびに保存できます。.
ウェブサーバー自体を使用せずに、メモリからコンテンツを配信します。SG plugin使用してサーバーレベルのキャッシュを有効にすると、サイトのパフォーマンスが大幅に向上し、読み込み時間が2～3秒から0.5秒に短縮されます。.
2.CDNサービスを利用する
訪問者が地理的に異なる場所にいる場合は、異なる地理的な場所に Web サイトのクローンを作成し、訪問者がすぐにアクセスできるようにする Cloudflare などの CDN サービスを使用すると便利です。.
3.HTTP/2をサポートするサーバーを使用する
HTTP / 2 は HTTP / 1 プロトコルよりもはるかに高速なので、サイトの速度が低下することはありません。そのため、HTTP / 2 をサポートするサーバーでサイトをホストするようにしてください。.
最終評決
このガイドが、サイトの速度と最適化の向上に役立つことを願っています。では、皆さんにとって最も役立つと思われるテクニックをお聞かせください。
これらのテクニックを今すぐ実装しましょう。サイトのパフォーマンスをテストするためにベンチマークテストをいくつか実行し、これらの変更を実装した後に得られるパフォーマンスの向上を必ず確認してください。より良い結果が得られることを願っています。
