优化
专注应用全链路优化疑问，解答性能、代码、资源与体验优化中的各类优化问题。
-
2
回答
60浏览
为什么使用Gzip压缩后JS文件反而变大了？
我在用Gulp给项目文件做Gzip压缩时，发现某个.min.js文件压缩后的.gz文件比原文件大1KB左右，这正常吗？ 已经配置了gulp-gzip插件，并设置threshold: 0强制压缩。测试时...
-
2
回答
74浏览
Webpack打包后bundle体积太大怎么优化？
最近在优化项目打包体积，用Webpack打包后主chunk还是有3MB多，尝试过配置SplitChunksPlugin分包，但效果不明显。我按照网上的教程设置了common chunk和vendor ...
-
2
回答
46浏览
使用DLL动态链接后为什么生产环境报manifest.json文件找不到？
在给项目配置webpack DLL时，开发环境能正常加载dll文件，但打包生产环境时一直提示dll_vendor_manifest_*.json未找到，我已经按文档设置了manifest字段，还特意在...
-
2
回答
42浏览
SSR页面动态内容SEO无法抓取怎么办？
我在用Next.js做SSR优化时遇到个奇怪的问题。页面用getStaticProps请求了API数据，本地开发和生产环境访问都能正常显示动态内容，但Google Search Console里显示抓...
-
2
回答
71浏览
为什么启用Webpack5的Tree Shaking后某些未用代码没被清除？
最近在升级项目到Webpack5时，按文档配置了Tree Shaking，但发现第三方库里的未使用方法还是被打包进bundle里了。明明在package.json加了"sideEffects": fa...
-
1
回答
51浏览
Webpack IgnorePlugin配置后为什么没排除模块？
我在用Webpack优化项目时，想通过IgnorePlugin排除某个不常用的依赖模块。按照文档配置了以下代码，但打包后的bundle里还是能看到这个模块，到底是哪里出问题了？ const webpa...
-
2
回答
63浏览
Retina屏下图片显示模糊，如何正确设置srcset属性？
在适配移动端Retina屏幕时，我给图片用了2倍图，设置了标签的srcset属性，但实际在iPhone上还是模糊。比如用了1200w2.jpg这样的命名，代码写成： <img src="imag...
-
2
回答
80浏览
async和defer到底该怎么用才能优化首屏加载？
最近在优化页面加载速度，把两个JS文件分别用了async和defer，但页面还是感觉卡顿。比如这个代码： <script src="main.js" defer></script&g...
-
2
回答
46浏览
React Query预加载时为什么会出现重复请求？
我在用React Query做页面预加载时遇到问题，设置了staleTime和keepPreviousData，但每次刷新页面还是会触发两次请求： 我的查询配置是这样的： useQuery(['pos...
-
2
回答
38浏览
如何根据用户操作动态调整多个API请求的优先级？
在开发数据表格时同时发起筛选、分页和搜索请求，但关键筛选数据总是最后返回导致界面卡顿。之前尝试用axios.all并发请求，但关键数据因为后端逻辑总是最后回来，有什么办法能让筛选请求优先完成吗？ 试过...
-
1
回答
89浏览
WebP图片在响应式布局里兼容旧浏览器时为什么会重复加载？
我在给网站做图片优化时，想用WebP格式结合响应式图片技术。按照教程写了picture标签，里面放了不同尺寸的webp和jpg版本，但发现旧浏览器同时加载了webp和jpg的图片，这样岂不是浪费流量？...
-
2
回答
113浏览
React里大对象频繁更新导致内存飙升怎么办？
在做数据看板时，每次渲染都要生成包含10万条记录的chartData对象，即使用了useMemo和缓存，内存还是持续上涨，最后直接撑爆浏览器... 尝试把数据拆成多个小对象也没用，监控发现这个大对象一...
-
2
回答
35浏览
递归计算斐波那契数列时为什么会出现栈溢出？
我在用递归写斐波那契数列时，当n超过1000就会报错“Maximum call stack size exceeded”。尝试把代码改成尾递归形式后还是不行，难道不是尾递归优化能解决吗？ 我的代码是这...
-
2
回答
110浏览
为什么我的网页在Android设备上显示模糊，调整viewport没效果？
我在开发移动端页面时发现，同一个页面在iPhone显示正常，但华为和小米手机上文字和图标总是模糊。我设置了viewport： <meta name="viewport" content="wid...
-
2
回答
66浏览
Vue组件中大对象缓存导致内存飙升，如何有效优化？
我在开发图片预览功能时，用数组缓存了500+张base64图片，发现内存持续飙升到200MB以上。尝试在组件卸载时清空数组并赋值null，但任务管理器显示内存占用没降下来，这是为什么？ 代码结构大概是...
-
2
回答
83浏览
表格数据处理导致页面卡顿，Long Task怎么优化？
最近在做表格数据处理功能，当用户导入超过1w条数据时页面会卡死几秒，Lighthouse检测到Long Task有12秒。我尝试把循环改成用setTimeout分片处理，但实际运行时还是出现长时间阻塞...
-
2
回答
46浏览
为什么设置了Cache-Control还是频繁发起请求？
大家好，我在优化API请求时设置了Cache-Control:max-age=300，但发现页面刷新时还是频繁发起请求，控制台网络标签也没显示缓存命中的状态。比如获取用户信息的接口，明明30秒内重复访...
-
2
回答
64浏览
HTTPS配置后SEO工具提示存在混合内容错误怎么办？
最近给网站配置了HTTPS，但SEO检测工具总提示存在混合内容错误。我已经检查过所有资源链接了，但问题还是没解决： .header-logo { background: url(http://exam...
-
2
回答
80浏览
为什么给图片链接加了prefetch后反而加载更慢了？
我在开发单页应用时，想用预加载下一个页面的图片资源。按照文档在标签里加了rel="prefetch"，但发现图片反而比直接访问时加载更慢了，这是什么情况？ 具体场景是这样的：当前页面有个导航链接指向商...
-
2
回答
50浏览
Vue组件上报监控数据时，压缩后的JSON体积反而更大怎么办？
我在Vue项目里做监控上报，想用gzip压缩数据再发送，但发现压缩后的base64字符串比原始JSON还大20%。用的是pako库，数据量大概3KB左右，这是为什么呢？ <template>...
