-4

私はウェブページを持っていますそのパフォーマンスは本当に画像や他のものをロードするのに長い時間がかかります。ロードパフォーマンスを改善する方法。

4

1 に答える 1

3

これは漠然とした質問ですが、与えることができるいくつかの一般的な推奨事項があります。

  • まず、YahooのYSlowとカスタム検証エンジンを使用して推奨事項を提供するhttp://gtmetrix.com/などのツールを使用してサイトを実行します。GT Metrixから得られる推奨事項は、最も一般的なWebベストプラクティスの95％以上をカバーします。（提携していません。彼らのツールが本当に好きです）。

  • サイトが公開されていない場合は、Chromeの開発者ツールを使用できます（監査を実行して、ページ全体、およびJSとCSSの解釈時間に関する推奨事項のリストを取得します。これは非常に便利です）。

  • http://validator.w3.orgを使用して、ドキュメントのエラーを検証します。サイトが公開されていない場合でも、ソースをテキストとしてバリデーターエンジンに貼り付けることができます。

  • 画像が主な関心事である場合は、画像のjQuery遅延ローダーなどの可視コンテンツのみを読み込むために遅延読み込み手法を使用してください。Web画像には正しいサイズ/フォーマットを使用してください。http://www.smushit.com/ysmush.it/などのツールを使用して画像を圧縮します。

一般的なページのパフォーマンス要因

YSlowからアルファベット順

  • Expiresヘッダーを追加する
  • AlphaImageLoaderフィルターを避けてください
  • CSS式を避ける
  • 空のsrcまたはhrefは避けてください
  • HTTP 404（見つかりません）エラーを回避します
  • URLリダイレクトを避ける
  • gzipでコンポーネントを圧縮する
  • エンティティタグ（ETag）を構成する
  • HTMLで画像を拡大縮小しない
  • AJAXをキャッシュ可能にする
  • ファビコンを小さくしてキャッシュ可能にする
  • HTTPリクエストを減らします
  • JavaScriptとCSSを外部にする
  • JavaScriptとCSSを縮小する
  • CSSを一番上に置く
  • JavaScriptを一番下に置く
  • クッキーのサイズを減らす
  • DNSルックアップを減らす
  • DOM要素の数を減らす
  • 重複するJavaScriptとCSSを削除する
  • コンテンツ配信ネットワーク（CDN）を使用する
  • Cookieのないドメインを使用する
  • AJAXリクエストにGETを使用する
于 2012-05-04T09:02:52.987 に答える