- 减少 HTTP 请求: 例如:减少页面所需组件的数量可以大大加快网页加载速度,可以把多个组件通过打包合并成一个CSS、JavaScript文件实现,并且对于小图片,可以使用 base64 图片来减少请求。
- 压缩文件: 压缩代码可以减少文件大小,从而提高网页加载速度,一般使用 Gzip 或者其他压缩算法进行实现,webpack、vite打包也有压缩的功能。
- 使用 CDN服务: 将静态资源或一些插件(例如vue、element-ui、dayjs等等)放在 CDN 上,可以使用户从距离更近的服务器上获取数据,从而提高网页加载速度。
- 懒加载: 对于大量图片或者视频的网页,可以使用懒加载实现延迟加载,提高页面访问速度。
- 使用精灵图: 可以减少对图片的请求次数,并能有效利用服务器缓存。
- 缓存机制: 利用浏览器的缓存机制,可以减少数据请求次数,从而提高页面访问速度。
- 代码优化: 避免使用过多的全局变量、避免使用不必要的深层嵌套,减少 HTTP 请求等方法,都可以提高代码性能。
【减少http请求、压缩文件、使用cdn服务、懒加载、使用精灵图、缓存机制、代码优化】