I’ve been asked this question for the last two days and just to sum it up

1 Optimize resource loading speed

Use CDN to import HTTP2 using cache merge requestsCopy the code

2 Reduce the resource volume

Vue is an asynchronous component of Vue, vue-router routing lazy loading combined resource file compression webpack configuration Gzip compression (compression-webpack-plugin) Nginx configuration service enables gZIP image lazy loading alternative resources (preloading small memory images)Copy the code

3. Optimize DOM rendering time

Preload use defer load weight use defer async load JS with low priority can use deferCopy the code