本话题发布前端性能提升相关的博客文章和技术分享，将持续更新，为您推荐了20篇博客，访问即可查看更多精彩内容。
-
先看效果，再看代码 最近在做一个项目，里面有个需求是展示一个超长的列表，几千条数据那种。直接用普通的 <ul> 渲染？开玩笑，页面直接卡死。于是我翻出了 react-window，亲测有效...
-
项目初期的技术选型 最近刚做完一个电商类的前端项目，说实在的，这个项目的依赖管理真让我折腾得够呛。一开始我们用的是常规的Webpack打包方案，但随着业务模块越来越多，打包速度变得越来越慢，首屏加载时...
-
先看效果，再看代码 最近在优化一个电商网站的交互体验时，我发现用户经常会把鼠标悬停在商品图片上。为了提升加载速度，我试了一个小技巧：当用户 hover 到某个商品区域时，提前加载详情页的数据。亲测有效...
-
又双叒叕踩坑了，这次是UglifyJS的锅 前几天上线一个项目的时候，发现打包后的代码运行报错，折腾了半天才发现问题出在UglifyJS上。这里记录一下整个排查过程和解决方案，希望能帮到遇到类似问题的...
-
先看效果，再看代码 最近在开发一个项目的时候，遇到个需求：页面上有几张大图，用户切换到下一页时加载会卡顿。为了解决这个问题，我尝试了预加载技术，亲测有效！直接来看代码： const preloadIm...
-
又踩坑了，SSR渲染性能问题折腾了我两天 最近在做一个基于Next.js的项目，遇到一个头疼的问题：首屏加载速度慢得让人抓狂。用户访问页面时，明明数据量不大，但硬是要等个两三秒才能看到内容。这里我踩了...
-
优化前：卡得不行 上周我们上线了一个新的 H5 商城活动页，本来以为能稳了，结果刚推到线上就被运营打爆电话——“用户投诉点按钮没反应，好多人下单失败”。我打开手机试了下，心凉了半截：点击商品加购按钮，...
-
骨架屏这玩意儿看着简单，一用就翻车 上周上线前两天，产品甩过来一个需求：首页加载太慢，用户以为卡了，加个骨架屏提升下体验。我心想这不就是 loading 动画升级版？十几行 CSS 搞定的事，结果硬是...
-
我的写法，亲测靠谱 我一般在项目里用 preconnect 的时候，直接写在 <head> 里，简单粗暴但有效。先上代码： <link rel="preconnect&qu...
-
又踩坑了，滚动到一半卡住不动 项目里用虚拟列表展示几千条数据，本来挺顺的，结果测试一拉到底就发现不对劲：滚到中间某处突然卡住，怎么划都不动。最离谱的是，手指还在滑，但列表就是不跟着走，像被冻住了。 第...
-
我的预获取策略，经过多个项目验证 说实话，预获取这玩意儿我一直觉得挺玄学的，直到去年重构那个电商项目才真正搞明白怎么玩。之前总是觉得预获取就是简单地提前加载资源，结果经常遇到缓存污染或者浪费带宽的问题...
-
先看效果，再看代码 上个月我们项目有个需求：首页要加载 10+ 个模块，但首屏只展示 3 个，剩下的滚动才出现。产品经理说“能不能滑到之前就提前加载好，别让用户等”。我第一反应是 Intersecti...
-
为啥要对比这几个方案？ 话说前端开发里，缓存控制是个绕不开的话题。每次说到缓存，我脑子里就蹦出一堆术语：Cache-Control、Expires、Etag……搞得我头都大了。今天就来聊聊这几个常用的...
-
优化前：卡得不行 上周上线一个内容密集型的详情页，用户一进来就疯狂抱怨“转圈转到怀疑人生”。我自己用手机点开也是一脸黑线——首屏白屏将近5秒，滚动还卡成PPT。这哪是用户体验，简直是用户劝退。 页面结...
-
项目初期的技术选型 上个月搞一个中后台管理系统，页面多、模块杂，用户经常在首页点来点去，跳转到各种子页面。产品提了个需求：希望用户点开新页面时“快一点”，别卡半天。一开始我直接上了路由懒加载 + co...
-
优化前：卡得不行 上周上线一个新页面，字体用的是自定义的 Inter 和一个中文思源黑体。本地开发跑着挺顺，但一上测试环境，用户反馈“白屏好几秒”“字突然蹦出来吓一跳”。我自己打开 Lighthous...
-
项目初期的技术选型 最近刚搞定一个电商项目，其中有一个需求是图片安全加载。这个需求听起来简单，但实际操作起来还是挺麻烦的。项目背景是这样的：我们需要在页面上展示大量的商品图片，但是这些图片来自不同的供...
-
为什么要对比这几个方案 在React项目中，动态加载组件是优化性能和用户体验的一个重要手段。React.lazy是个不错的选择，但并不是唯一的选择。为了更好地理解这些方案的优缺点，我决定对比一下Rea...
-
为啥要对比这几个方案 加载时间这个话题，几乎是每个前端开发者都绕不过去的坎。我之前在几个项目中踩过不少坑，也试过各种优化方案。今天就来聊聊几种常见的优化方法，看看哪个更靠谱。 方案一：代码分割（Cod...
-
首页加载慢得离谱，我决定搞点 Prefetch 上周上线一个新页面，用户反馈「首页点进去要等好几秒才出内容」。我本地 dev server 跑着飞快，一上生产环境就卡成 PPT。查了下 Network...
