Siteground ホスティングで WordPress の速度を最適化する

調査によると、サイトの読み込み速度が 1 秒を超える場合は、サイトの速度が遅いためにトラフィックが失われている可能性があります。

しかし、サイトの速度が遅いのは WebHost だけが原因なのでしょうか?

答えは「いいえ」です。あなたは街で最高の WebHost を使用しているかもしれませんが、それでも、サイトの速度を大幅に向上させる速度向上テクニックやツールがいくつかあります。

この記事の目的は、、Siteground Web Hosting。物事を進めましょう

まず最初に、Web サイトの問題領域を調査する必要があります。問題のある領域を見つけるには、「ベンチマーク テスト」を実行できるツールを使用できます

サイトでベンチマーク テストを実行する

サイトのパフォーマンスをチェックする簡単な方法は、 GTMetrixPingdom。これらのツールは無料で使用でき、サイトのどの部分が最大読み込み時間にかかっているのか、各リソースの読み込みにどれくらい時間がかかっているのかを表示します。

他のツールを使用してサイトのパフォーマンスをチェックすることもできます。テストを多く受けるほど、サイトの健全性を確認することができます。

サイトの読み込みが 1 秒未満の場合は、ベンチマーク テストがサイトに適合するグレードに関係なく、サイトに大きな変更を加える必要はありません。

ただし、ベンチマーク テストでサイトの速度に関する重大な問題が明らかになった場合は、各問題を特定し、優先順位を付けて対処を開始する必要があります。

どの Web サイトにも速度の問題がありますが、問題のほとんどはどの Web サイトでも同じです。

  • サイトのトップページに投稿を多用しすぎます。
  • 複数のソーシャルおよび共有pluginまたはウィジェットを搭載
  • 豊富な外部フォント
  • 大きな画像サイズと最適化されていない画像

 これらの問題を自分で解決する方法を見てみましょう。

 まず、ページ サイズとコンテンツの最適化手法に焦点を当てます。

読み続けて、簡単なヒントを使用してページの読み込み速度を最適化する方法を見つけてください。

ページとコンテンツを最適化する方法

1.インデックスページに表示されるブログページを減らす

ホームページに表示されるブログの数を減らすため。

[設定] > [閲覧設定] > [ブログ ページを最大表示] に移動します。

ここで、ブログ ページの表示を最大でも可能な限り最小の数に設定変更します。これにより、ホーム画面に表示される投稿が自動的に減ります。

あるいは、WordPresspluginYITH 無限スクロールをインストールすると、Facebook がスクロールを開始すると投稿が表示されるのと同じように、ユーザーが下にスクロールするとコンテンツが表示されます。

2.長い投稿をページに分割する

投稿が長すぎる場合は、タグを使用して投稿をページに分割する必要があります<!–next page–>。タグによって長いページが分割され、ユーザーはタグをクリックすると次のページに移動できます。

3.複数の画像を含むスライダーの代わりに静止画像を使用します

スライダーはサイトの速度を低下させる原因となる場合もあります。ほとんどのスライダーはモバイル画面と互換性がないため、スライダーを単一の静的ページに置き換えてページ速度を最適化します。 SoliloquyMeta Sliderなどのpluginを使用して、軽量のスライダーをいくつか試してください。

4.適切な画像サイズを使用する

トラブルを避けるために、常に正しい画像サイズをアップロードしてください。画像はサーバーからサーバーへ転送する必要があり、サイズが不適切だと読み込みに過度の時間がかかる可能性があるためです。

5.品質を損なうことなく画像サイズを最適化します。

SG Optimizerplugin使用すると、画像を完全に最適化できます。画像と一緒に保存される不要なデータが削除されるとともに、画像サイズが小さくなります。

6.限られた外部フォントを使用する

Google 以外の他のプラットフォームで使用されているフォントには、ページの読み込み速度に影響を与える可能性のある複数のサイズ、太さ、エンコーディング、スタイルが含まれている場合があります。したがって、フォントを増やすには限られたフォントのみを使用します

7.gzip 圧縮を有効にしてページを最適化します。

Gzip 圧縮により、データが訪問者のサーバーに転送される前に、サイトの HTML やその他の静的リソースの最終出力が削減されます。 Siteground のSG オプティマイザーpluginこの機能があり、この機能を有効にすることができます。

8.jsファイルとCSSファイルの縮小と結合

siteground SG オプティマイザーplugin、縮小手法と組み合わせ手法の両方を使用して、サイトで負荷を受ける Javascript ファイルと CSS ファイルを減らすことができます。縮小化により、URL のリクエストに時間を費やしている冗長なシンボルとバイトがすべて削除されます。

または、JavaScript ファイルと CSS ファイルを 1 つに結合することもできます。これにより、サイトが行うリクエストの数を減らすことができます。

9.キャッシュを有効にしてサイトの速度を向上させます

キャッシュは、Web サイトの読み込みを高速化し、パフォーマンスを向上させるための非常に重要なテクニックです。より良い方法は、サーバーのハードディスクにコンテンツをキャッシュするキャッシュplugin使用することです。これにより、サーバーがリクエストを受信するたびにコンテンツが即座に読み込まれます。                                      

テーマとplugin最適化

テーマの最適化は、いくつかの要因に依存します。そのうちのいくつかは次のとおりです。

  • 評判の高い企業のプレミアムテーマを選択してください。テーマを決定する前に、その開発会社について、また製品についての人々のレビューを必ず読んでください。
  • 必要な機能のみを備えたテーマを選択してください。サイトの読み込みに支障をきたすため、あなたにとって何の価値もないさまざまな機能をロードしないでください。
  • 携帯電話用に完全に最適化されたテーマを選択します。
  • サイトに画像のようなアイコンを追加したい場合は、画像ではなくアイコン フォントを使用してください。
  • 使用しないいくつかの機能を備えたpluginインを蓄積しないでください。サイトを軽量で負荷のかからないものにするために、サイトでは限定されたpluginを使用してください。
  • 脆弱性を回避するには、pluginを常に最新の状態に保ってください。
  • アンインストールされたpluginがデータベースに残らないようにしてください。一部のpluginは、アンインストール後も設定とオプションをデータベースに残します。これらのジャンクを削除するには、pluginガベージ コレクターを使用します。

サーバーとホスティングの最適化

1.サーバーレベルのキャッシュシステムを有効にする

Siteground には特別な WordPresspluginSG Optimizer があり、すべての PHP 操作、データベース クエリをサーバー RAM に保存し、サーバーが訪問者からリクエストを受信するたびに保存できます。

Web サーバー自体を使用せずに、メモリからコンテンツを配信します。 SGplugin使用してサーバーレベルのキャッシュを有効にすると、サイトのパフォーマンスが非常に速くなり、読み込み時間が 2 ~ 3 秒から 0.5 秒に短縮されます。

2.CDNサービスを利用する

訪問者の地理的位置が異なる場合は、Web サイトのクローンを別の地理的位置に作成する Cloudflare などの CDN サービスを使用すると、訪問者が迅速にアクセスできるようになります。

3.HTTP/2をサポートするサーバーを使用する

HTTP / 2 は HTTP /1 プロトコルよりもはるかに高速であり、サイトの速度が低下することはないため、必ず HTTP / 2 をサポートするサーバーでサイトをホストしてください。

最終評決

このガイドがサイトの速度と最適化の向上に役立つことを願っています。さて、あなたの意見を聞きたいのですが、どのテクニックが最も役立つと思いますか?

今こそこれらのテクニックを実装する時期です。ベンチマーク テストを実行してサイトのパフォーマンスをテストし、これらの変更を実装した後に得られる向上に注目することを忘れないでください。うまくいけば、より良い結果が得られるでしょう

ホルダークー

ライブ:.cid.e495888558d5265f

最近の投稿

Elementorでヘッダーとフッターを使用する方法

Web サイトのヘッダーとフッターは重要な要素です。ほとんどの場合、ヘッダーはナビゲーションを提供します…

2022 年 1 月 6 日

WordPress テーマの比較: Astra と OceanWP

市場で最も人気のある WordPress テーマの 2 つは、Astra と OceanWP です。プロ…

2022 年 1 月 2 日

WordPress ニューステーマの比較: 新聞 vs. アストラ

優れたニュース Web サイトを作成するには、Web デザイナーになる必要はありません。私たちは…

2021年10月25日

新聞をテーマにしたニュース関連の Web サイトを作成する

新聞テーマは、tagDiv によって設計された最も重要な WordPress テーマの 1 つです。

2021年10月18日

Avada WooCommerce ビルダーを使用して e コマースを構築する方法

オンライン ストアのセットアップに関しては、WooCommerce が頼りになるpluginです。それ…

2021年10月4日

Elementor でスティッキーヘッダーとスクロール効果を使用する方法

ヘッダーは通常、Web サイトにアクセスしたときに最初に目にするものです。

2021年9月21日