资源加载优化

直接上手，预连接怎么用？ 最近在优化一个项目的时候，发现页面加载速度有点慢。仔细分析后发现，某些第三方资源（比如字体、图片CDN）的DNS解析耗时比较长。这时候我就想到了预连接（preconnect）...

先看效果，再看代码 最近在开发一个项目的时候，遇到个需求：页面上有几张大图，用户切换到下一页时加载会卡顿。为了解决这个问题，我尝试了预加载技术，亲测有效！直接来看代码： const preloadIm...

先说结论：我更喜欢用localStorage+手动缓存 最近在重构一个老项目，涉及到磁盘缓存（Disk Cache）的选型问题。说实话，这个问题困扰了我好一阵子，试了好几种方案，踩了不少坑。最后我发现...

项目初期的技术选型 我们做的这个项目是个内容密集型的 Web 应用，首页一堆图文卡片，还有视频预览和懒加载的图片墙。一开始加载策略没太上心，就是常规的 img 标签加个懒加载库，结果上线前压测一跑，首...

项目中期发现打包体积暴增 最近一个项目做到一半的时候，突然发现打包出来的文件体积有点不对劲。本来预期是1MB左右的包，结果build出来一看，竟然飙到了4MB多。这个问题一开始没太在意，想着反正还有时...

我的写法，亲测靠谱 在前端优化中，并行加载是一个非常实用的技术。它可以帮助我们提高资源加载速度，提升用户体验。我在实际项目中用过很多次，并行加载，积累了一些实战经验，今天就来分享一下。 首先，我一般会...

项目初期的技术选型 最近我们团队接手了一个新项目，一个电商网站。客户要求网站要快速响应、用户体验好，特别是首页加载速度要快。在技术选型阶段，我们讨论了各种优化方案，最终决定引入性能预算来控制资源的使用...