WEBプロジェクト最適化スキル（必須）

1. HTTP リクエストを最小限に抑える
画像、CSS、スクリプト、Flash などの要素の数を減らすと、応答時間が短縮されます。可能であれば複数の JS と CSS を 1 つのファイルに記述します。画像を直接ページに書き込むことも推奨されません。CSS に記述して CSS を使用する必要があります。 スプライト 小さな画像をつなぎ合わせた後、背景を使用して配置します。
2. CDN技術を使用したコンテンツ配信ネットワークを使用する
CDNは確かに良いことですが、通常、サーバープロバイダーはこのサービスに対して料金を請求します。
3.Expires または Cache-Control ヘッダーを追加する ヘッダー ファイルの有効期限または静的キャッシュを設定します
ページ ヘッダーの場合、ブラウザはキャッシュを使用して http リクエストの数を減らし、ページの読み込み時間を短縮します。有効期限が長いと、ブラウザはページ内の要素をキャッシュし続けます。ただし、ページのコンテンツが変更された場合は、名前を変更する必要があります。変更しないと、クライアントはアクティブに更新されません。これは、.htaccess ファイルを変更することで実現できます。
4.Gzip コンポーネント Gzip 圧縮
Gzip 形式は非常に一般的な圧縮技術で、ほとんどすべてのブラウザが Gzip 形式を解凍する機能を備えており、圧縮できる圧縮率は非常に高くなります。 85%
5. スタイルシートを最上部に配置 CSS を最上部に配置
訪問者がウェブサイトの完全なスタイルをできるだけ早く確認できるようにします。
6. スクリプトを一番下に配置 JS を一番下に配置します
Web サイトがレンダリングされた後、これらの JS が読み込みプロセス中のコンテンツのパフォーマンスに影響を与えてはなりません。
7.CSS式を避ける
IEでのみサポートされているこのCSS式は、実行時に非常に大量の計算を必要とし、マウスを動かすたびに再計算されます。
8. JavaScript と CSS の外部リンク JS と CSS を作成する
より一般的な JS と CSS については、たとえば、Google の外部リンクを使用できます。リンクされた Jquery ファイル。訪問者がこの外部リンク ファイルを使用する他の Web サイトを閲覧するときにこのファイルをダウンロードしてキャッシュした場合、私の Web サイトを閲覧するときにダウンロードする必要はありません。 ~
9.DNSルックアップを減らす DNSルックアップを減らす
Webサイトの外部リソースの呼び出しを減らすためのようです 私のGoogle分析とpicasaの外部リンクの写真が含まれています。
10.JavaScriptとCSSを縮小する JSとCSSのサイズを減らす
同じ機能を実現するには最小限のコードを使用し、空白を減らし、ロジックを強化し、略語を使用するスキルが必要です。もちろん、これを達成するのに役立つツールはたくさんあります。
11.リダイレクトを避ける リダイレクトを避ける
リンクを書くとき、『http://www.today-s-ooxx. com」および「http://www.today-s-ooxx. com/" には最後の "/" の違いが 1 つだけありますが、結果は異なります。サーバーは前者を後者にリダイレクトしてからジャンプするのに時間を費やす必要があります。これには注意する必要があります。エイリアスまたはエイリアスを使用することもできます。 Apache では mod_rewrite を使用するか、DirectorySlash を使用して解決します
12. 重複したスクリプトを削除します
ブラウザは繰り返し呼び出されるコードを認識せずに無視しますが、これはもちろん大きな問題です。 13. ETags の設定 ETags の設定
何が起こったのか分かりませんが、とにかく htaccess で削除しました
14. Ajax をキャッシュ可能にする Ajax
ブラウザが新しいデータを受け取る前に、古いデータはキャッシュされるため、効率が向上します
15. バッファを早期にフラッシュする できるだけ早くバッファを解放します
ユーザーがページリクエストを行うと、サーバーは最終的に 200 ～ 500 を費やす必要がありますHTML を組み立て、head と body の間に記述し、バッファを解放するのにミリ秒かかります。こうすることで、最初にファイルのヘッダーを送信し、その後にファイルのコンテンツを送信することができ、効率が向上します。 AJAX リクエストの GET. AJAX リクエストを行うには GET メソッドを使用します
Get メソッドはサーバーとの対話を 1 回だけ (データの送信)、Post は 2 回 (ヘッダーの送信とその後のデータの送信) を必要とします
17.コンポーネントのロード後の遅延 コンポーネントのロード
ページの初期化に必要なコンポーネントを最初にロードし、次に他のコンポーネントをロードします
YUI 画像ローダーが良い例です。
18. コンポーネントのプリロード コンポーネントのプリロード
後で使用する可能性のあるものをロードすることは、後続のリクエストに対するより高速な応答を提供することです。Google ホームページのスプライト アプリケーションの CSS を参照してください。
19. DOM 要素の数を減らす DOM 要素の数を減らす
複雑なページ構造は、ダウンロードと応答時間が長くなり、タグをより合理的かつ効率的に使用してページを構造化することを意味します。前提条件を終了します。
20. ドメイン間でコンポーネントを分割する
ページコンポーネントのソースが複数あると、並列ダウンロードが増加する可能性がありますが、ドメイン名が 2 ～ 4 つを超えすぎると、上記の DNS ルックアップの無駄が発生するので注意してください。
21. iframe の数を最小限に抑える iframe の数を減らす
iframe をより効果的に使用する必要があります。
iframe の利点: 広告、セキュリティ サンドボックス、並列ダウンロード スクリプトなどの遅いサードパーティ コンテンツのダウンロードに適しています
iframe の欠点: 空であっても大量のリソースを消費し、 page, non-semantic
22. No 404s 404 ページはありません
意味のない 404 ページはサイト自体に表示されます (検索結果ではありません)。ユーザー エクスペリエンスに影響を与え、サーバー リソースを消費します。
23. Cookieのサイズを減らす Reduce Cookie
Cookieはサーバーとブラウザの間でファイルヘッダーを介して交換され、Cookieのサイズを可能な限り削減し、適切な有効期限を設定することで、効率を大幅に向上させることができます。

上記では、関連する内容も含めて、WEB プロジェクトの最適化スキル (知っておくべき) を紹介しています。PHP チュートリアルに興味のある友人に役立つことを願っています。