ページを最適化し、キャッシュ メカニズムを使用することを忘れないでください_html/css_WEB-ITnose

1. html5 のキャッシュ メカニズムを使用します

1. まずルール コードを入力します: m.manifest

CACHE MANIFEST# 2015-04-24 14:20#直接缓存的文件CACHE:/templates/specialty/css/style.css/templates/specialty/js/jquery.js/templates/specialty/js/index.js/templates/specialty/js/custom.js/templates/specialty/js/97zzw.jsNETWORK:*

CACHE: キャッシュする必要があるファイル

NETWORK: ネットワークからロードする必要があるファイル

もちろん他にもパラメータがありますが、ここではこれらのみをテストします。注: 頻繁に変更される場合はキャッシュしないでください。キャッシュされている場合は、マニフェスト ファイルを変更してブラウザにキャッシュを再作成させることができます。

2.

3. マニフェスト ファイルは正しい MIME タイプで構成する必要があります。テキスト/キャッシュマニフェスト」。 Web サーバー上で設定する必要があります。

Apache を使用している場合は、.htaccess に追加できます:

AddType text/cache-manifest マニフェスト

上記の 3 つの手順が完了したら、今すぐテストできます

Chrome の下:

キャッシュが成功しました！テストを続行します???>

ステータス コード 304、キャッシュを使用します。

Firefox の場合:

概要: ルールを定義するときは、常に更新されないデータのキャッシュに注意し、ネットワーク ルールの作成を忘れないでください。それでも速度は大幅に向上します。

2. CSS スプライトを使用して http リクエストを削減します。

3. js コードを圧縮し、現在のページに必要な js のみを引用します。

4. 画像とコンテンツの非同期読み込みを使用します。

5. サーバーの gzip 圧縮を有効にします。

6. CSSを圧縮します。

7. HTML コードを圧縮します

上記の最適化後、Baidu ウェブマスター テストを再度使用したところ、スコアが大幅に向上しました。

上記は現段階での最適化であり、php関数は今後最適化される予定です。