フロントエンドの一般的な方向の最適化 - 個人的な概要

>オリジナル

#DNS解決前
DNSプリフェッチ

#クロームいくつかの命令
`クローム://ヒストグラム/ DNS.PrefetchQueue`表示キューステータス
`クローム://ヒストグラム/ DNS`ブラウザから以前のDNSレコードを見始める
`クローム://は、個々の表示dns` DNSドメイン名の統計
`クローム://ネット-内部/ #dns` クリアホストキャッシュ

#リダイレクト最も簡単に見落とさ
このようなパスの終わりとしては、に追加する必要があり、 `/`

#HTTPキャッシュの
キャッシュ・制御のETagを有効期限

#WebPACKの関連する
ルーティング遅延ロード
PRELOAD
ツリー揺れ
GZIP

#V8に関連する
##の積層、スライスされた
##神聖な構造
##形状

#コード・レベル
還流再描画を避けるために
画像安定化とスロットル

#Serverレベル
nginxのGZIP

#使用CDN
1、などのjQuery、VUEと他の使用CDNとしてコードサービス
2、CDNを使用してサーバーの展開

#イメージ・フォーマット
の使用WEBPを作るために、しかし、注意を払うには、互換性のあるサファリ

#ツール
audist

おすすめ

転載: www.cnblogs.com/yummylucky/p/12162898.html