优化
专注应用全链路优化疑问，解答性能、代码、资源与体验优化中的各类优化问题。
-
1
回答
58浏览
移动端下拉时出现橡皮筋效果怎么阻止？
我在做移动端页面，当用户在顶部下拉或者底部上拉时，整个页面会出现那种“橡皮筋”回弹的效果，特别影响体验。我试过给 body 加 overflow: hidden，但没用，滚动还是能触发。 也查了资料说...
-
2
回答
33浏览
Loading状态怎么避免闪烁或重复请求？
我在用 Vue 做一个搜索功能，每次输入关键词就发请求，但发现如果用户打字快，会触发多次请求，而且 Loading 状态一闪一闪的特别难受。我试过加防抖，但有时候还是会出现上一次请求还没结束，新的请求...
-
2
回答
22浏览
Tree Shaking 为啥没把没用的函数干掉？
我用 Webpack + ES Module 写了个工具库，明明只 import 了一个函数，打包后却把整个文件都打进去了，Tree Shaking 没生效？ 我试过加 sideEffects: fa...
-
2
回答
38浏览
CSS代码分割后样式丢失是怎么回事？
我用Webpack做了代码分割，把不同页面的CSS拆成了单独的chunk，但加载新页面时样式有时候不生效，刷新一下又好了。是不是动态加载CSS的时候顺序乱了？ 我试过用mini-css-extract...
-
2
回答
40浏览
闭包导致内存泄漏怎么优化？
我在一个轮播组件里用了闭包保存索引，但发现页面切换后内存没释放，是不是闭包引用了 DOM 导致的？ 试过在 destroy 时把变量设为 null，但 Chrome DevTools 的内存快照里还是...
-
2
回答
49浏览
HTTP/2推送在Vue项目中真的能提升首屏加载吗？
最近在优化公司官网的首屏加载速度，听说 HTTP/2 Server Push 能提前推送关键资源，但我在 Nginx 上配置了 push 后，发现 Chrome DevTools 里显示资源还是被重复...
-
2
回答
32浏览
增量静态生成怎么做到首屏不白屏？
我们用 Next.js 做了个博客，文章页用了增量静态生成（ISR），但新页面首次访问时还是会白屏几秒，感觉跟 SSR 差不多。不是说 ISR 能提前生成好 HTML 吗？ 我试过在 getStati...
-
2
回答
28浏览
Preconnect 到底该用在哪些域名上？
我在优化一个电商网站的首屏加载速度，听说 preconnect 能减少 DNS、TCP 和 TLS 的握手时间，就试着加了几个。但不确定是不是加多了反而有副作用？ 比如我现在页面里用了 CDN 图片、...
-
1
回答
26浏览
Cache-Control 设置了 max-age=3600，为什么浏览器还是发请求？
我给静态资源加了 Cache-Control: max-age=3600，但每次刷新页面，浏览器还是会发请求到服务器，只是返回 304。不是应该直接用本地缓存、不发请求才对吗？ 我用的是 Nginx，...
-
2
回答
28浏览
rem和vw到底该用哪个做移动端适配？
最近在做一个移动端项目，UI给的设计稿是375px宽。我之前用rem配合js动态设置html的font-size，但听说现在主流都用vw了？试了下直接写width: 50vw确实方便，但有些老机型好像...
-
2
回答
23浏览
Web Worker 能在 Vue 里处理复杂计算吗？怎么传数据？
我在 Vue 组件里有个特别耗时的算法，页面直接卡死。听说 Web Worker 可以放后台跑，但不知道怎么在 Vue 里用，而且我试了下 postMessage 传对象好像有问题？ 这是我的组件代码...
-
2
回答
33浏览
SWR在组件卸载后还会触发setState吗？
我用SWR请求用户数据，但切换页面时偶尔报“Can't perform a React state update on an unmounted component”错误，是不是SWR没处理好取消逻辑...
-
1
回答
29浏览
模块联邦加载远程组件时样式丢失怎么办？
我在用 Webpack 5 的模块联邦加载远程 React 组件，JS 能正常加载，但组件的 CSS 样式完全没生效，页面布局都乱了。本地开发时没问题，一通过 Module Federation 引入...
-
1
回答
22浏览
接口太多导致页面加载慢，能合并请求吗？
我们首页要同时拉用户信息、订单列表和系统通知，现在是三个独立的 useEffect 去请求，感觉太慢了。试过用 Promise.all 但不知道怎么在 React 里优雅地处理状态更新，代码一写就乱。...
-
2
回答
36浏览
视频在移动端加载太慢，该怎么优化？
我做的一个落地页里嵌了个宣传视频，PC端还好，但在手机上打开特别慢，经常转圈半天。已经试过把视频压缩到 10MB 以内了，格式是 MP4，用的是 <video> 标签。 也加了 prelo...
-
1
回答
62浏览
Redis缓存穿透怎么解决？总是被恶意请求打穿数据库
我们接口用了Redis做缓存，但最近发现有些不存在的ID被疯狂请求，比如/api/user?id=99999999，这种请求直接穿透到数据库，导致DB压力暴增。 我试过缓存空值，但担心内存被占满；也想...
-
2
回答
37浏览
Icon Font 图标不显示怎么办？
我在项目里引入了自定义的 Icon Font，本地开发时图标都能正常显示，但一打包部署到线上就全变成方框或者空白了，这是啥情况？ 我检查了网络请求，字体文件确实加载了，而且路径也没错。之前试过把 fo...
-
1
回答
165浏览
缓存更新后用户还是看到旧数据怎么办？
我在用 localStorage 缓存用户配置，修改后调用了 localStorage.setItem('config', newConfig)，但页面刷新后偶尔还是读到旧值，是不是缓存没更新成功？ ...
-
2
回答
59浏览
增量静态生成如何避免首屏重复请求？
我在用 Next.js 做一个博客，开启了 ISR（增量静态生成），但发现首屏加载时还是会发起一次 API 请求，明明页面已经预渲染了 HTML。这不就白做了吗？ 我试过在 getStaticProp...
-
2
回答
60浏览
Babel配置会影响Tree Shaking效果吗？
我最近在优化项目打包体积，发现即使用了ES Module，Webpack的Tree Shaking好像也没生效。我怀疑是不是Babel的配置有问题，因为看到有人说Babel会把import/expor...
