ホームページ >ウェブフロントエンド >htmlチュートリアル >ページの読み込み時間をより効果的に短縮する方法

ページの読み込み時間をより効果的に短縮する方法

零下一度
零下一度オリジナル
2017-07-17 15:08:582086ブラウズ
  1. ページの読み込み時間をより効果的に短縮する方法、19 の方法を以下に示します。参考までに、興味のある友達は見てください。

  2. 1. HTTPリクエストの繰り返し数をできるだけ減らす

(1) 他のページやファイルへの呼び出しの数を減らす。

(2) スプライト

2. CSS スタイルの定義をファイルの先頭に配置します

この設定は、クライアントが低速なネットワーク上にある場合や、Web ページのコンテンツが比較的大きい場合にさらに有益です。静止している間に Web ページを徐々にレンダリングできます。フォーマット情報は維持され、Web ページの美しさは影響を受けません。

3. ファイルの最後に Javascript スクリプトを配置します

4. Javascript と CSS コードを圧縮します

5. CDN (Content Delivery Network) ネットワーク アクセラレーションを使用する

中国には CDN アクセラレーション ビジネスを行う企業がたくさんあります。写真やビデオは CDN ネットワークで到達できる場所に分散されるため、ユーザーは訪問時に近くのファイルをダウンロードでき、これによりネットワークの負荷を軽減することもできます。あなた自身のウェブサイト。

6. サーバーで gzip 圧縮機能を有効にする
転送するファイルを圧縮してからクライアントに転送し、その後解凍することで、ネットワーク上で送信されるデータ量が大幅に削減されます。サーバー上の Apache および Nginx を直接有効にすることもできます。また、コードを使用して送信ファイルのヘッダーを直接設定し、負荷分散デバイスから直接設定することもできます。ただし、この設定によりサーバーの負荷が若干増加することに注意してください。サーバーのパフォーマンスがあまり良くない Web サイトは慎重に検討する必要があります。

7. Ajax はキャッシュ呼び出しを使用します
Ajax 呼び出しはすべてキャッシュ呼び出しを使用します。これは通常、追加の機能パラメーターによって実装されます。

a52131330e32775f4278461d18995ba8 要素の数をできるだけ減らします。たとえば、f5d188ed2c074f8b944552db028f98a1 を完全に置き換えることができます。

18. CSSスクリプト(CSS式)の使用を避ける

CSSのパラメータを動的に変更するためにCSS式を使用する場合がありますが、これは利益に見合わず、ユーザーのブラウザへの負担が大幅に増加するため、変更する必要がある場合は、JavaScript を使用して変更することはお勧めできません。

19. ファイルの有効期限またはキャッシュヘッダーを追加する

同じユーザーが頻繁にアクセスする画像や JS スクリプト ファイルなどについては、24 時間の有効期限を設定するなど、Apache または Nginx でバッファリング時間を設定できます。このとき、同じ画像や JS が繰り返しダウンロードされることがなくなり、HTTP リクエストが減少し、ユーザーのアクセス速度が明らかに向上し、サーバーの負荷も軽減されます。

location ~ .*.(gif|jpg|jpeg|png|bmp|swf)$
{
有効期限は 30d;#有効期限を 30 日に設定します
}
location ~ .*.(js|css)?$
{有効期限は 1 時間です;#有効期限を 1 時間に設定します
}


以上がページの読み込み時間をより効果的に短縮する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。