5種類のWebパフォーマンスの最適化方法

2189 ワード

web テキストリンク

5つのパフォーマンス最適化方法

スクリプトファイル統合

複数の画像を1つの画像ファイルにまとめることにより、所望の画像が存在する画素座標情報、

を用いる.

10個のイメージ(またはアイコン)が必要な場合は、10個のイメージをロードするとパフォーマンスが低下します.

の1つの画像ファイルで実現され、必要な座標で画像を取得する.

.sprite-ps {
	background: url(...);
    background-position: 0 -64px;
    width: 50px;
    height: 50px;
}

httpプロトコルは、ヘッダを介して圧縮方式の情報を交換する.

Webサーバにコンテンツを要求すると、自身がサポートする圧縮アルゴリズムがヘッダに送信される.

により、Webサーバは、アルゴリズムを選択して応答ヘッダに送信することができる.

解凍

スクリプトファイルは、実際の論理に影響を及ぼさない部分(例えば、

注釈、スペース、および後行)を除去することによって低減される.

1)インターネットキャッシュの使用

プロキシサーバキャッシュ

を使用

ユーザー付近のプロキシサーバは、元のサーバよりも応答速度が速い.

分散処理は、

ソースサーバのトラフィックに集約される可能性がある.(=サーバリソースの節約)

2)ブラウザキャッシュの使用

ブラウザは、インターネット上で要求を発行することなく、格納可能なコンテンツをクライアントに格納する.

ブラウザキャッシュを使用するかどうかは、Webサーバによって決定される(応答ヘッダcache-control)

参考資料

この問題について(5種類のWebパフォーマンスの最適化方法), 我々は、より多くの情報をここで見つけました https://velog.io/@kimeunju/Web-성능-최적화-방법-5가지

テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。

Collection and Share based on the CC Protocol