优化
专注应用全链路优化疑问，解答性能、代码、资源与体验优化中的各类优化问题。
-
1
回答
23浏览
前端项目怎么正确生成和部署sitemap.xml？
我用Vite搭了个静态博客，想加个sitemap提升SEO，但不知道该在哪儿生成、怎么让搜索引擎抓到。试过手写sitemap.xml放public目录，但每次新增文章都得手动改，太麻烦了。 看到有些插...
-
1
回答
24浏览
数据预取时如何避免重复请求和资源浪费？
我在做商品详情页的预取优化，用户hover到商品卡片时就提前请求数据，但快速来回hover会导致同一个接口被反复调用，怎么解决比较好？ 试过用防抖，但体验变差了；也试过缓存Promise，可组件卸载后...
-
1
回答
34浏览
Retina屏下图片模糊怎么解决？
我在做移动端页面时，发现iPhone上图片特别糊，明明原图是高清的啊。 试过用两倍图，CSS里写 width: 100px; height: 100px;，然后放200x200的图，但效果还是不太对，...
-
1
回答
26浏览
乐观更新后数据不一致怎么办？
我在做点赞功能时用了乐观更新，先本地改状态再发请求，但网络失败后回滚老出问题。 比如用户点完赞，UI立刻变成已点赞，结果请求失败了，我试着用 try/catch 回滚，但有时候状态还是对不上，是不是哪...
-
1
回答
29浏览
WebP图片在老浏览器上不显示怎么办？
我最近把网站的图片全换成WebP格式了，体积小了很多，加载快了不少。但测试时发现IE和一些老版本Safari完全不显示图片，页面直接裂图了。 我知道可以用<picture>标签做兼容，但不...
-
1
回答
41浏览
懒加载图片时 CSS 占位导致布局偏移怎么办？
我在做图片懒加载的时候，为了防止加载时页面跳动，给 img 加了固定宽高，但实际显示还是会有轻微偏移，特别在移动端很明显。是不是我的占位样式写得不对？ 目前是这样写的： .lazy-img { wid...
-
1
回答
46浏览
尾调用优化在Vue里真的能用吗？
我听说尾调用优化能防止递归爆栈，但在Vue组件里试了好像没生效，是写法不对还是浏览器不支持啊？ 我写了个递归计算阶乘的函数，放在methods里，结果一跑就报“Maximum call stack s...
-
1
回答
24浏览
Meta标签设置后SEO没效果，是我写错了吗？
我给公司官网加了meta标签想优化SEO，但搜出来还是没变化。是不是写法有问题？比如description和keywords这些，我查了资料照着写的，但不确定有没有遗漏关键点。 页面head里现在是这...
-
1
回答
36浏览
前端请求太多怎么办？能用队列控制并发吗？
最近做了一个数据看板页面，一进来就要发十几个接口请求，浏览器直接卡住，还报“Too many requests”。我试过加 loading 等待，但体验还是不好。有没有办法把这些请求放进队列里，比如最...
-
1
回答
38浏览
Chrome DevTools 内存快照里 Detached DOM 树怎么排查？
我在用 Chrome DevTools 做内存分析时，发现快照里有大量 Detached DOM 节点，但不知道是哪段代码造成的。明明已经移除了 DOM 元素，为什么还占着内存？ 我试过在移除元素前手...
-
1
回答
62浏览
缓存更新后用户还是看到旧数据怎么办？
我在做前端接口缓存，用的是 localStorage 存接口返回的数据。但后台数据更新后，用户刷新页面还是看到老内容，除非手动清缓存。有没有办法自动判断数据是否过期？ 我试过加时间戳字段，比如 cac...
-
1
回答
27浏览
强缓存设置后为啥还是发请求了？
我在 Nginx 里给静态资源加了 Expires 和 Cache-Control，但每次刷新页面浏览器还是会发请求，状态码是 200（from disk cache）算不算没生效啊？ 这是我的 HT...
-
2
回答
34浏览
大屏监控页面卡顿，如何优化Vue数据更新性能？
我们做的一个大屏监控页面，每秒要更新几十个组件的数据，现在明显感觉卡顿、掉帧。试过用 Vue 的 computed 和 watch，但数据量一大就卡得不行。 比如下面这个组件，每秒从 WebSocke...
-
1
回答
53浏览
占位图加载时如何避免布局偏移？
我在做图片懒加载，用了灰色占位图，但真实图片加载后页面还是会跳一下，怎么解决啊？ 已经给 img 加了固定宽高，也试过用 aspect-ratio，但有些图片比例不一致，还是会有抖动。 这是我的写法：...
-
1
回答
56浏览
如何控制浏览器中资源请求的优先级？
最近在优化页面加载速度，发现有些关键 JS 文件被低优先级加载了，明明用了 async，但还是被图片请求挤到后面去了。试过把 script 放在 head 里加 defer，也试过 preload，但...
-
2
回答
27浏览
移动端图片加载卡顿怎么优化？
我在做移动端页面时，首页有很多高清商品图，用的是普通 ，结果在低端安卓机上滑动特别卡，FPS 掉到 20 多。试过加 loading 占位和懒加载，但首屏还是慢。有没有更有效的性能优化方案？ 目前图片...
-
1
回答
33浏览
WeakSet 能不能用来缓存 DOM 元素避免内存泄漏？
我最近在做一个动态表单，需要临时标记某些 input 元素是否已校验过。听说 WeakSet 不会阻止垃圾回收，就试着用它存 DOM 节点，但不确定是不是真的能防内存泄漏。比如下面这段样式： .val...
-
1
回答
50浏览
前端监控中如何过滤掉用户密码等敏感信息？
我们项目接入了 Sentry 做错误监控，但发现有些报错堆栈里会意外带上用户输入的密码字段，比如表单提交失败时的请求 payload。虽然我们在代码里尽量避免记录敏感数据，但有时候第三方库或自动上报还...
-
1
回答
50浏览
用 transform 做动画为什么有时还是会卡顿？
我听说用 transform 做动画能触发硬件加速、避免重排重绘，性能更好。但我在项目里给一个 div 加了 transform: translateX() 的过渡动画，滚动时还是明显掉帧，尤其在低端...
-
2
回答
40浏览
HTTP缓存策略到底该怎么配才有效？
我给静态资源加了 Cache-Control: max-age=31536000，但每次刷新页面还是会重新请求，浏览器根本不走缓存，这是为啥？ 我试过在 Nginx 里这样配置： location ~...
