前端性能优化手段：https://juejin.cn/post/7023251615364677646

加载时

渐进式加载：主要针对大的图片的处理
通过Intersection Observer 只有在用户向下滚动页面，并且图片显示在屏幕上时，才会开始加载目标图片。我们可以迭代每一个对象，并对它们进行相应的处理：当图片可见时，我们开始加载真正的图片并且停止监听这张图片，因为在图片加载完成之后，我们已经没必要再知道它的状态了。
初始化时加载更少的文件、分拆成更小的模块、使用占位符，以及按需加载更多的内容，这些都能让我们获得更短的首次加载时间。这既能让应用开发者受益，也能给用户提供更加丝滑的体验。

为什么要使用预加载？
这对图片画廊及图片占据很大比例的网站来说十分有利，利用img.onload方法的监听，当图片全部加载完成后开始渲染页面。它保证了图片快速、无缝地发布，也可帮助用户在浏览你网站内容时获得更好的用户体验。



减少http请求，最好可以协调服务端可以支持http2 协议。请求包的体积将更少

使用服务端渲染

静态资源使用cdn，利用缓存机制

css写头部，js写底部

图片优化 压缩与雪碧图

webpack打包代码分割，防止主文件过大

第三方库按需加载

gzip压缩
避免大量DOM元素与深层嵌套
减少回流和重绘
降低css选择的复杂性
防抖节流