より良い検索ランキングのためにあなたのウェブサイトをスピードアップする方法

書かれた記事:
  • 検索エンジン最適化
  • 最終更新日:Apr 24、2018

*注:この投稿は3月に2013で初めて出版されました。 私がここで言及したツールのいくつかは時代遅れかもしれません。

Googleが現在サイトのスピードをランキングの要素の1つとして使用していることは秘密ではありません。 Google Webmaster Central Blogは数年前に正式に発表しました。

ここGoogleでは、製品やWebのスピードにこだわっていることをご存知かもしれません。 その取り組みの一環として、本日、検索ランキングアルゴリズムにサイトスピードという新しい信号を含めました。 サイトの速度は、WebサイトがWeb要求に応答する速さを反映しています…

そして、Matt Cuttsは、彼のウェブサイトの速度最適化の重要性について繰り返し言及しています ビデオ そして ブログ.

このトピックをより詳細に検索して読んでいる間、私はこれを確認するいくつかのケーススタディにぶつかりました。 検索エンジンウォッチの記事Work Coach Cafeは、コードやリンクが壊れてしまったため、40%のオーガニックトラフィックを追加しました。 別の ケーススタディ、SmartFurniture.comのCEOは、サイトがサイトのパフォーマンスを向上させるだけで、検索エンジンのランキングで量子ドットを作ったことを確認しました。

より速いページ読み込み時間もより良い変換に等しくなります

しかし、あなたのウェブサイトをスピードアップするために時間を要する理由がさらにあります。

旅行サイトのユーザーに関する1つの調査では、サイトを放棄する前にウェブサイトユーザーの57%が3秒以下待つことを学びました。

Tagmanで人気のある研究ページ読み込み時間が1秒増加すると、顧客のコンバージョン数が7%減少する可能性があります。

クラウドリビングの別のケーススタディでは、サイトの訪問者のエンゲージメントは、サイトの速度の最適化後に19%(平均セッション時間、画像参照)で改善されました。

より速いサイト=セッションあたりのページ訪問数が増え、セッション期間が長くなります。 ソース: Tung Tran、CloudLiving.com

要するに、ページの読み込み時間は検索ランキングに影響するだけでなく、コンバージョン率や訪問者数にも大きな影響を与えます。 より類似した統計情報については、Mashableにアクセスしてください 美しいインフォグラフィック.

ウェブサイトのスピードを向上させる簡単な方法

2年前にこれらすべてのことを初めて知ったとき、「うわー、これには多くの利点があります!」 次に来るのは、必然的に「どのように」という質問です。 ウェブサイトをどのように高速化しますか? ウェブサイトの速度をどのように測定し、他と比較するのですか? あまりにも多くの技術的な詳細に入らないで物事を成し遂げるにはどうすればいいですか?

イアン・ルーイが書いた あなたのウェブサイトをスピードアップする29の方法 3月に戻って2011、それは本当の宝石です。 ウェブサイトの速度を微調整することに真剣な場合は、記事で共有されているすべてのヒントに従う必要があります。

しかし、これらのソリューションの多くは、日々のウェブサイトの所有者やブロガーの技術的スキルを超えている可能性があります。

そのため、このトピックを再検討し、簡単な方法を探して、技術に詳しくないユーザーでも時間とエネルギーをかけすぎずに実装できると考えました。

1。 あなたのサイトをスリムに

多くの場合、ページの読み込み時間が遅い場合は、単にページが過体重であることを意味します。

解決策は簡単です:ダイエット!

あなたのウェブサイトを徹底的にチェックして、次のような質問をしてください。

  • あなたはあまりにも多くの未使用のCSSをサーバーに保管していますか? それらを削除してください!
  • 画像が大きすぎますか? PCにグラフィックソフトウェアがインストールされていない場合は、Photoshop、Fireworks、またはSmush Itで最適化します。
  • 過剰なHTTPヘッダーがありますか? それらを削除!
  • あまりにも多くのスパムコメントを保存していますか? あなたの迷惑メールボックスの削除されていないコメントは、単にデータベースの応答時間を遅らせます。 できるだけ早くそれらを削除してください!
  • CMSで使用しているプラ​​グインが多すぎますか? サイトで古いプラグインとスクリプトを使用していますか? それでは、クリーンアップと更新の作業を行う時間です。
  • JavaScriptが重すぎますか? それを縮小して圧縮してください!

これらのヒントは非常にシンプルに見えますが、経験豊富なウェブマスターやウェブデザイナーがそれに追いついていないことは驚くことではありません。

数年前、私は不注意で、使用しているWordPressテーマに<?php wp_get_archives( 'type = monthly');があることを知りませんでした。 ?> header.phpファイルに埋め込まれています。

言うまでもなく、この関数は時間が経つにつれて、HTMLファイルに不要な行を多数生成します。 それは数秒で修正できるばかげた間違いですが、自分のソースコードを見ていなかったので、それを実現するのに2年以上かかりました。

2。 不要なHTTP 300、400、500を避ける

HTTP 300はサーバーのリダイレクトを指し、HTTP 400は認証の問題を指し、HTTP 500はサーバーエラーを指します。これらのHTTP要求の結果はすべて、ブラウザーに不要な余分なラウンドトリップ*を引き起こします。 特定のHTTP 300は避けられません(新しいページの場所への301リダイレクトなど)が、すべてのHTTP 400と500のエラーを調べて、すべてを修正する必要があります。

*とにかく往復時間は?

一般的に言えば、ウェブページのサイズはおよそ1,100KBで、100オブジェクト(source); Webブラウザーは2のみをリクエストできます– 6オブジェクトは一度にユーザーの設定に依存します。 往復時間は、ブラウザがページを完全に開くのにかかる往復回数です。 たとえば、100オブジェクトを含むWebページをロードするために、一度に5リクエストを実行するように構成されたブラウザは、Webページをロードするために20のラウンドトリップを実行します。 往復時間が短くなると、Webページの読み込みが速くなります。 1ページで使用できるオブジェクトの数を最小限に抑える必要があります。

3。 CSSスプライトの使用

CSS Spritesは、複数の画像を1つの画像ファイルに結合し、その一部をユーザに一度に表示する技術を指します。 CSSスプライトを使用すると、ラウンドトリップ回数が減り、Webページの読み込み速度が向上します。

ちょっと待ってください。CSSに手を触れたくないが、私を信頼している一部の人にとっては、これは少し多すぎるように思えるかもしれません。 そして何よりも、CSSコードに触れることなく作業を完了できる無料のオンラインツールがあります。 チェックアウト スプライトミー そして スプライトパッド - いくつかのドラッグ&ドロップやクリックで簡単に実行できます。

スプライトパッド

スプライトパッド

スプライトミー

スプライトミー

また、CSS Spritesのさらなる読書と例については、 この そして この チュートリアル。

4。 CSS @importの使用を避ける

CSS @import関数は、Webページに外部スタイルシートを読み込むのに役立ちます。 これに関する悪い点は、単にブラウザの往復時間を追加してウェブページの読み込み時間を増やすことだけです。 これを解決するには、<link>タグを代わりに使用してください。

あなたがカジュアルなブロガーであり、私が何を話しているのかわからない場合は、header.php(WordPressを使用している場合)、ctrl + Fを探して「@import」を検索し、.cssファイルを移動してください必要に応じて同じサーバーに、代わりに@import行を<link>に置き換えます。

例、置き換える

@import url( "../ style1.css"); @import url( "../ style2.css")

〜へ

<link rel = "スタイルシート" href = "style1.css"> <link rel = "スタイルシート" href = "style2.css">

5。 CMSを更新する

まあ、これは思いがけないものですよね? アップデートはパフォーマンスとセキュリティを向上させるためのもので、訪問者にとってはアップデートされたCMSプラットフォーム上にそれらを保持することができます。

6。 キャッシュできるすべてのキャッシュ

最近では、ほとんどの場合、キャッシュにサードパーティのプラグインを使用しています。 一つには、私はそれを調べるのが面倒です。 第二に、私よりもはるかに良いことができるプロがいます。なぜこれで私のエネルギーを無駄にしますか? WordPressを使用している場合は、WP Super Cacheを試してください。これは最も人気のあるキャッシュの1つです WPプラグイン この執筆時点で あなたがJoomlaの場合には、チェックアウトしてください キャッシュクリーナー.

簡単に言えば、これらのプラグインは、ウェブページの最新バージョンをキャッシュして、繰り返しの訪問中に動的コンテンツを生成する必要性を軽減します。

このトピックでは、多くの技術的な詳細がありますので、 詳細はこちら そして 詳細はこちら.

7。 コンテンツ配信ネットワーク(CDN)に乗る

CDNは静的ファイルを世界中のサーバーに保存し、ユーザーの場所に基づいて異なるサーバーからWebページを提供します。 たとえば、マレーシアのユーザーがあなたのウェブサイトにアクセスすると、CDNはあなたのウェブコンテンツ(主に画像やHTMLファイルなどの静的ファイル)をシンガポールにあるアジアのサーバーから配信します。 一方、ユーザーがメキシコにいる場合、ネットワークはより近いサーバーの場所、たとえば米国からコンテンツを配信することを選択します。

そこに利用可能なCDNの異なるブランドがありますが、一般的にCDNは2つのカテゴリ - プルCDNとプッシュCDNにグループ化することができます。 詳細については、次のような評判の良いCDNサービスの一部を見てみることをお勧めします。 MaxCDN そして CloudFlareの.

8。 より良いWebホストを検討する

サイトをすばやく調整することを真剣に考えている場合は、 より良いホスティングを選ぶ.

およそ1年前、私は自分のウェブサイトの1つをHostgatorの共有ホスティングアカウントから WPのエンジン (クラウドベースのホスティング)。 私が移動して以来劇的に変化したことは、平均的なページ読み込み速度が900msから500msに下がりました。これはほぼ100%の改善です(下の図参照)。

WHSRページ読み込み速度

学んだ教訓:安いものに頼ることができない場合があります。 毎月$ 5未満しか支払っていない場合、このスピードゲームのトップに立つことを期待しないでください。 ウェブサイトに照明を高速でロードする場合、おそらく最も簡単な方法は、Webサイトをより良いWebホストに移行することです。

9。 データベースの最適化

MySQLを使用している場合は、phpMyAdminで簡単に行うことができます。 あなたがWordPressの上にいれば、右のプラグインでもっと簡単にできます。 WP最適化たとえば、わずか数クリックでデータベースをクリーンアップすることができます。

10。 可能な限りスクリプトをフッターに配置する

訪問者の視点でページの読み込み時間を改善する簡単な方法の1つは、コードやスクリプト(Google Analyticsなど)をいつでもフッターに配置することです。 私はそれがSEOの期間にほとんど役に立たないと信じていますが、ブラウザのスクリプトを実行する前にクリティカルなコンテンツを読み込むことができるので、あなたのウェブサイトの視聴者はページがより高速に読み込まれているように感じます。

あなたのウェブサイトのスピードアップに関するヒント

そこに、あなたは今、ウェブサイトのスピードを向上させる方法に関する私の10クイックヒントを持っています。

仕事を成し遂げる方法は他にもたくさんあると思いますが、あなたに教えてください。非技術者がウェブサイトを高速化するための#1のヒントは何ですか?

ジェリーローについて

WebHostingSecretRevealed.net(WHSR)の創設者 - 100,000のユーザによって信頼され、使用されているホスティングレビュー。 15年以上のWebホスティング、アフィリエイトマーケティング、およびSEOの経験。 ProBlogger.net、Business.com、SocialMediaToday.comなどへの貢献者。