[トピック]ウェブ-webエンドブラウザの最適化のパフォーマンスの最適化パフォーマンスの最適化

主に2つの方法でウェブページのパフォーマンスの最適化、1は、バックエンドの最適化、バックエンドの最適化は、究極のバックエンドを達成するために最適化され、フロントエンドの最適化を無視することはできない最も重要な、最も明白な効果、あるされ、最適化サーバ側にありますバックエンドとして、フロントエンドの最適化が必要であれば、それは、も適用することができたのでことを、少なくとも理解するために、すべてが習得することを言っていません...

興味のある非常に関係するバックエンドの最適化、でこれを参照することができます(ここでも作成は、速やかにURLを更新します)

主に以下の方法で最適化されたブラウザの終了:

1.ソースと画像圧縮

JavaScriptのソースコードファイルが混乱する方法、CSSファイル、ソースコードの一般的な圧縮を使用して圧縮することができ、JPG画像は、品質に応じて50%〜70%に圧縮することができ、PNGは色など、圧縮するいくつかのオープンソースソフトウェア圧縮を使用することができます8 24となり色は、PNG形式の情報の一部を削除します。

2.使用JPG形式に大きなカラー画像の数であれば、あなたはPNG形式でカラー画像の少ない数を使用している場合。

3.組み合わせ静的リソース
CSS、JavaScript、および小さな絵を含め、HTTPリクエストを減らします。このため1のアクセスへのユーザーの大部分とは、最大の利益を得ます。

gzipは圧縮のサービス終了を開く4.

これは、テキストリソース、イメージリソース圧縮感動のために非常に有効です...

5. CDN静的リソースを加速します

CDN加速又は(例えばjQueryの、normalize.cssなど)サードパーティによって提供される静的アドレスリソースを使用するように、いくつかの公共図書館を使用します。一方で、同時ダウンロードの量を増加させ、他方で他のサイトをキャッシュすることができます。ここでは、ウェブサイトを加速するために無料のオープンソースCDNをお勧めします。https://www.bootcdn.cn/

状況に応じて、静的なリソースをキャッシュする6. [保存時間遅延

このように、訪問者はより速く、頻繁にアクセスするサイトを訪問することができるようになります。しかし、ここで道にファイル名を変更するには、ときに、リソースの更新、ユーザーは最新のコンテンツを引っ張ってくることを確認してください。

7、ページの下部にページ上のCSSの頭は、JavaScript
は、ページのレンダリングをブロックしないように、そう長い空白のページが表示されます。

发布了89 篇原创文章 · 获赞 70 · 访问量 4万+

おすすめ

転載: blog.csdn.net/lovexiaotaozi/article/details/86636426