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

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

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

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

あなたは、ここでGoogleが速度、製品、およびウェブに夢中になっていると聞いたことがあります。 この取り組みの一環として、今日では検索ランキングアルゴリズムにサイトのスピードという新しいシグナルが含まれています。 サイトの速度は、ウェブサイトがウェブリクエストにどれくらい迅速に応答するかを反映します...

そして、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オブジェクトのみをリクエストできます。ユーザの設定に依存します。 Round Trip Timesは、ブラウザがページを完全に開くために必要な往復回数です。 たとえば、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。 キャッシュできるすべてのキャッシュ

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

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

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

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

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

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

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

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

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

WHSRページ読み込み速度

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

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

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

10。 可能であればフッターにスクリプトを配置する

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

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

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

仕事を終わらせるには他にもたくさんの方法があると確信しています。私たちにあなたのことを教えてみませんか?ウェブサイトをスピードアップするための#1ヒントは何ですか?

Jerry Lowによる記事

オタクのお父さん、SEOのデータジャンキー、投資家、そしてWeb Hosting Secretの創設者。 Jerryは2004以来インターネット資産を作り、オンラインでお金を稼いでいます。 彼は、思いやりのある落書きを愛し、新しい食べ物を試すのが大好きです。

接続する: