Optimization of the general direction of the front end - personal summary

> Original

# Dns resolve pre-
dns-prefetch

# Chrome some instruction
`chrome: // histograms / DNS.PrefetchQueue` Viewing queue status
` chrome: // histograms / DNS` start to see previous DNS records from the browser
`chrome: // dns` view the individual DNS domain name statistics
`chrome: // net-internals / # dns` Clear host cache

# Redirect most easily overlooked
, such as the end of the path should be added to `/`

# Http cache
Expires Cache-Contro ETag

# Webpack associated
routing lazy loading
PRELOAD
Tree shaking
gzip

# V8 related to
## layered, sliced
## holy structure
## shape

# Code level
to avoid reflux redraw
image stabilization and throttle

# Server level
nginx gzip

# Use cdn
1, code services such as jQuery, Vue and other use cdn
2, server deployment using cdn

# Image format
to make use webp, but pay attention safari compatible

# Tools
audist