ウェブサイトの読み込み速度を改善するアイデアはありますか?


22

Webサイトの読み込み速度を改善する方法はありますか?

Googleは本当に読み込み速度を押し上げており、モバイルWebサイトの人気により、サイトをすばやく読み込むことが必須になっていることを知っています。

回答:


23
  1. ページ速度を改善するためのYahooのヒント
  2. ページ速度を改善するためのGoogleのヒント
  3. PHPを使用している場合、PHPを高速化するためのGoogleのヒント

GoogleのPage SpeedアドオンYahooのYSlow)に含まれる基本的なリストを次に示します。

  • ブラウザのキャッシュを利用する
  • 画像の寸法を指定する
  • CSS @importを避ける
  • 悪いリクエストを避ける
  • 画像をCSSスプライトに結合する
  • JavaScriptの解析を延期する
  • キープアライブを有効にする
  • 圧縮を有効にする
  • インライン小CSS
  • インラインの小さなJavaScript
  • ランディングページのリダイレクトをキャッシュ可能にする
  • CSSを縮小
  • HTMLを縮小
  • JavaScriptを縮小する
  • リダイレクトを最小限に抑える
  • リクエストサイズを最小化
  • 画像を最適化する
  • スタイルとスクリプトの順序を最適化する
  • 非同期リソースを優先する
  • ドキュメントヘッドにCSSを配置する
  • 静的リソースからクエリ文字列を削除する
  • 一貫したURLからリソースを提供する
  • スケーリングされた画像を提供する
  • Vary:Accept-Encodingヘッダーを指定します
  • キャッシュ検証ツールを指定する
  • 文字セットを指定する
  • JavaScriptの読み込みを延期する
  • 未使用のCSSを削除する
  • 効率的なCSSセレクターを使用する

GoogleまたはYahooのページスピードアドオンを使用してページをテストすることを強くお勧めします。すばやく簡単に実行でき、ページ速度を改善する方法について明確なガイダンスを提供します。

更新

Nickがコメントで推奨しているように、さらに良いリソースと情報があります。

アップデート2

ページ速度が重要である理由を示す良い統計情報があります(ソース


2
1ここでスティーブSouderのヒント言及も価値がある:stevesouders.com/hpws/rules.php:ここに彼の本stevesouders.com/blog/2009/04/23/even-faster-web-sitesこれらはなかったFacebookのゴーへの参照サイトを最初に最適化したとき:facebook.com/note.php
ニック

私はヘッダーに何かがサイトをうまく動かしていると感じています!
ロブ

この答えが本当に速いウェブサイトを作る方法を実際に記述していないので、私がこの答えが好きかどうかはわかりません。「車にスポイラーを追加する」と言うのと似ています-誰でもできますが、それが理にかなって適切に行われるためには、空力の一般原則を理解する必要があります。
ʍǝɥʇɐɯ

@ Matthew、GoogleおよびYahooのアドオンとページは、これらの最適化が役立つ理由を説明しています。有益なだけでなく有用です。
ジョンコンデ

Googleの速度チェックで89/100のスコアを獲得しました。速度の最適化を試みたことがないことを考えると、かなり良いです。
ロブ

1

CloudFlare http://www.cloudflare.com/plansをお試しください

CloudFlareは、ウェブサイトのパフォーマンスと速度を向上させ、セキュリティを提供するものとして販売されているコンテンツ配信ネットワークおよび分散ドメインネームサーバーサービスです。

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.