页面打开慢，用户会直接离开。性能优化不用一上来就搞复杂架构，先把几个"性价比很高"的点做对，体验就会有肉眼可见的提升。
图片是重头
图片往往占页面体积的大半。改用现代格式（如 WebP）、按屏幕尺寸提供合适分辨率的图、对非首屏图片做懒加载，通常能省下大量流量，首屏也更轻。
减少不必要的重排重绘
频繁改动样式会触发浏览器重新计算布局，造成卡顿。把多次 DOM 改动合并、用 transform 代替位置动画，能让交互更顺滑。
善用缓存
给静态资源设置合理的 Cache-Control，让用户二次访问直接命中本地缓存；配合文件哈希命名，更新时又能及时生效，不必担心"改了不刷新"。
拆分与按需加载
把不常用的代码拆成独立文件，首屏只加载必要内容。用户感觉"秒开"，后台再悄悄把其余部分准备好。
优化是持续的事。先量再改，用真实数据判断瓶颈，比凭感觉堆技巧更靠谱。