前言 图片懒加载（Lazy Loading）是一种网页优化技术，旨在提升页面性能和用户体验。通常，当一个网页被加载时，所有的内容，包括图片、视频等媒体文件，都会立即被下载和渲染。这种方式在图片较多或页

​  一、首先用插件webpack-bundle-analyzer查看自己各个包的体积 插件用法参考之前博客 # vue-cli项目中，使用webpack-bundle-analyzer进行模块分析，

vue-cli前端工程webpack优化记录 优化原因 开发环境启动时间耗时长。公司电脑配置一般，启动一下需要一两分钟。 持续构建环境耗时长，打包慢。 优化效果显著

总结了 webpack5 的 8 个速度优化和 6 个体积优化的实用方案，在你的项目中也尝试一下吧，直接起飞

webpack 构建速度：缓存，多线程，缩小文件解析范围 打包体积优化：代码分离，压缩，cdn,tree shaking

web性能#web性能优化#前端性能优化#web加载优化#前端优化#优化策略#web极致优化#打包编译优化#vue优化#vue3优化#webpack优化#web优化实践

我在简历上写了精通 H5，结果面试官上来就问： 同学，你说你精通 H5 ，那你能不能说一下怎么实现 H5 秒开？

前言 之前的开发工作中对vue2项目也有做过不同的优化，但是都比较零散且没有系统化的记录下来。 正好最近接手了一个老项目，虽然项目不大性能也还过得去，但是我觉得可优化的空间还是比较多的。 所以也趁此机

官方的定义： requestAnimationFrame 即请求动画帧，它是一个浏览器的宏任务。简单的说，这个api主要是用来做动画的。