ホームページ >ウェブフロントエンド >htmlチュートリアル >ページの読み込み時間をより効果的に短縮する方法
ページの読み込み時間をより効果的に短縮する方法、19 の方法を以下に示します。参考までに、興味のある友達は見てください。
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 サイトの他の関連記事を参照してください。