YSlowのツール
1.Minimize HTTPリクエストは、 HTTPリクエストを減らします
写真、応答時間を短縮することができ、これらの要素の数を減らすために、HTTPリクエストの数が増加します、CSS、スクリプト、フラッシュ、など。複数のJS、可能な場合は、ファイルへのCSS、画像を直接書き込むのは良い習慣ではありませんページ、それはCSSに書き込まれるべき、CSSスプライトを使用する背景を見つけるために小さなマップで分割した後。
コンテンツ配信ネットワーク2.Use CDN技術を使用して
CDNは確かに良いこと、一般的には、このサービスのあまりに8サーバープロバイダである、充電しなければならない、私は国内のスペースを購入、これを持っていたが、私は今、使用消えていたかわかりませんでした。。。
3.Add有効期限またはキャッシュ・ControlHeaderは、 ヘッダファイルまたは静的キャッシュの有効期限設定します
ブラウザがページの先頭に加えて、長い有効期限は、ブラウザがページの要素をキャッシュしている場合、ページの読み込み時間をスピードアップするために、HTTPリクエストの数を減らすためにキャッシュを使用します。その場合でも、その後、何ページの変更は、そうでない場合、クライアントは〜これは.htaccessファイルを変更することによって達成することができ、独自の評価を見て、リフレッシュするためのイニシアチブを取ることはありません、名前を変更します。
4.GzipコンポーネントをGzip 圧縮
GZIP形式は、ほぼすべてのブラウザはgzip形式を抽出する能力を持っている、そしてそれは85%の一般的な圧縮率の非常に大きな割合を圧縮することができ、非常に一般的な圧縮技術です。いいえ圧縮圧縮は、あなたがテストを行うためにここに来ることはできません。
トップに5.Putスタイルシート CSSのトップを置くために
視聴者は、できるだけ早く完全なスタイルのウェブサイトを見ることができましょう。
下部に6.Putスクリプト 下のJSを配置します
ウェブプレゼンスあなたは機能の設定を開始する前に、当然のことながら、これらは、あなたのロード処理を表示するには、コンテンツJSには影響を与えません。
7.Avoid CSS式 避免CSSExpressions
互換性のあるブラウザを実行するために、時には式は、実行されるべき唯一のことひどいIEのサポート操作が非常に大きい場合、あなたはそれを再計算する必要がありますマウスを移動しますが、CSSはこれに使用する必要があります||| IE6死ぬ死にます!〜
8.Make JavaScriptとCSS外部 CSSやJSアウターチェーン
私の訪問者は、チェーンの外に、このドキュメントの他の使用を参照する場合は、キャッシングの前でこの事について話しました、より一般的なJSとCSSのいくつかは、我々はチェーンの外のフォームを使用することができ、例えば、私は、チェーンjqueryのファイルの外からGoogleに来ました彼は、ダウンロードする必要がないときに彼に私のウェブサイトを訪問し、その後、このサイトのファイルをダウンロードし、キャッシュされています!〜
9.Reduce DNSルックアップは、 DNSルックアップを減らします
外部コールの資源からサイトを減少させることにあるように見える、Google Analyticsと外国チェーンの私のPicasaの写真はそれで考慮されています。
10.Minify JavaScriptとCSS 削減量JSとCSS
JSとCSSはすべて、もちろん、など、略語を使用して、ロジックを、同じ機能を実現するのギャップを軽減し、強化するために、最小限のコードで、スキルを書いている、あなたはこれを達成するのを助けることができる多くのツールがあります。
11.避けてはリダイレクト リダイレクトを回避するために、
ときが、リンクを再書き込み「のhttp:。//www.today-s-ooxxコム」そして「のhttp:// WWW今日-S-ooxxコム/ ..」は、唯一の唯一の薄い「/」最後のですしかし、結果は異なっている、サーバは前者と後者をリダイレクトして、Apacheのmod_rewriteのかDirectorySlash解決または別名でも使用することができ、彼らの注意にジャンプするには時間がかかる必要があります。
12.削除重複スクリプトは、 重複したスクリプトを削除します
コードブラウザへのコールを繰り返し、もちろん大きな無駄である、無視しますが、再び、動作認識しません。
13.設定してETag 配置てETag
編集者注要するに、私はそれで。htaccessファイルにあった、削除、知りません。
14. Ajaxのキャッシュ可能なメイク のAjaxをキャッシュされました
アヤックスは、ブラウザの新しいデータを受信する前に、古いデータは、効率を改善するので、より良いことができ、キャッシュされ、リアルタイムの応答です。
15.フラッシュバッファ早期 できるだけ早く解放バッファ
ユーザーがページを要求すると、サーバーは、ファイルをヘッドに送ることができるように、バッファを解放するために、書き込みヘッドと本体との間に、HTML分割する200〜500ミリ秒を要し、その後、効率を改善するために、ファイルの内容を送信します。
Ajaxリクエストのために16. GET GETメソッド要求AJAXについて
ポストは二回(頭を送信してデータを送信するために)しながら、一度だけの方法とサーバ間の対話(送信データ)を取得します。
17.ポストロードコンポーネント 遅延ローディングアセンブリ
最初のページには、コンポーネントを初期化する必要がありますロードされ、その後、他のロードされ、YUIImage Loaderは良い例です。
18予圧成分は アセンブリプリロード
おそらく使用何か、と後で事前にロードされた遅延ロードと競合しない、それはGoogleホームページのCSSスプライトのアプリケーションを参照して、後続の要求への迅速な対応を提供することを目的とします。
19. DOM要素の数を減らす 要素DOMの数を減らします
複雑なページ構造が長くダウンロードと応答時間、ページを構造化するタグのより合理的かつより効率的な使用は、優れたフロントエンドのための前提条件であることを意味します。
20.分割コンポーネントドメイン間 のクロスドメイン分離アセンブリ
複数のソースからページコンポーネントは、あなたのパラレルダウンロードを増加ではなく、あまりにも多くの、より2-4ドメインは、上記のDNSルックアップが無駄になりますように注意してくださいすることができます。
21.アイフレームの数を最小限 数はiframeを減らします
ifamesをより効率的に使用するために必要。
IFRAMEの利点:広告の賛成が遅いのダウンロードサードパーティのコンテンツ、セキュリティサンドボックス、並列ダウンロードスクリプト
のiframe短所:でも、空には、資源の大きな消費を持っていますページのonloadを防ぐことができます、非セマンティック
22.ありません404エラーは、 404ページを表示されません。
(非検索結果)でのサイト自体は、404ページ404ページの無意味がユーザーエクスペリエンスに影響を与える表示され、サーバリソースを消費します。
23.クッキーのサイズの削減 减小クッキーを
クッキーは、妥当な有効期限を設定し、それは効率よくすることができ、体積がクッキーとして低減され、ファイルヘッダを介してサーバとブラウザの間で交換しました。
24.使用クッキーのないドメインforComponents クッキーなしでコンポーネント名を使用して
クッキーは、廃棄物の静的成分を読んで、あなたの静的成分-良い方法を保存するためにクッキーなしに別のドメイン名を使用するか、クッキーにWWWでドメイン名のみを保存することができます。
25. DOMアクセスを最小限に DOMへの訪問の数を減らすために
JS DOMへのアクセスが非常に遅い、JSとページレイアウトを設定しないようにしてください。
26.スマートイベントハンドラの開発 柔軟なイベント・ハンドラの開発を
過度のDOMツリー要素はイベントハンドラに追加され、その後、反応効率は確かに低くなり、YUIのイベントonAvailableツールは、DOMイベントハンドラをお手伝いをするための柔軟な方法を設定しています
27. @import上の<link>を選択してください 代わりに<リンク>を使用して@import
私たちが先に言ったように、<リンク>が最上部に配置する必要があり、IEにし、<リンク>を持つページの下部に@import使用してください。
28.避けフィルタは、 フィルタの使用を避けます
あなたはアルファ透明、AlphaImageLoaderを使用していない必要がある場合、それは非効率的とIE6のための唯一のバージョンであり、以下のPNG8画像と、適用されます。あなたが使用している場合は、プラス_filter IE7 +のユーザーに影響を与えないように。
29.最適化画像は 画像を最適化します
あなたのPNG8にGIFを加えて、最適な結果を得るためにあなたのJPGやPNGの画像を処理するための多くの方法がありますが、ボリュームを減らすための良い方法でしょう。
30.最適化CSSスプライト 最適化されたCSSのスプライト
CSSスプライトを垂直一緒にできるだけ類似するカラー画像列として、できるだけコンパクトで画像として配置では、我々は、画像の大きさ自体を低減し、ページ画像表示の速度を向上させます。
31は、HTMLで画像を拡大縮小しない HTMLで画像をズームしていません
ピクチャーくらいでそれを使用する方法KB自体の数が減少していないされた後、1000×1000の画像は=「100」高さ=「100」の幅です。
32.メイクファビコン。イコー小andCacheable 狭いファビコン。イコーサイズとキャッシュそれを
ICOブラウザサイトは常に長い時間のためにそれをキャッシュ、その後、それを変更し、1K以下で最高のコントロールべきではありません。
33. 25Kの下でのコンポーネントを保管してください 25Kで次のコンポーネントを確保するために、
iPhoneは、以上の25Kのコンポーネントをキャッシュすることはできませんし、それはまだ前に圧縮する必要があります。
マルチパートドキュメントに34パックのコンポーネントでマルチパートドキュメントにコンポーネントをパッケージ化
HTTPリクエストが十分であるが、この技術は、iPhoneがサポートされていない、あなたのプロキシサポートを確認する必要があるとして、次のようなメッセージに添付ファイルを追加します。