前端缓存预热到底该怎么实现？
最近在做首屏性能优化，听说缓存预热能提升后续页面加载速度，但我不太确定具体该怎么做。
比如用户刚进入首页，能不能提前把“个人中心”或“商品详情”这些高频页面的静态资源（JS、CSS、图片）悄悄加载到缓存里？我试过用 new Image().src = '/avatar.png' 预加载图片，也试过动态创建 script 标签：
const script = document.createElement('script');
script.src = '/profile.bundle.js';
script.async = true;
document.head.appendChild(script);但这样会真的进缓存吗？还是说只是临时下载了一次？而且如果用户根本没点进去，是不是反而浪费了带宽？有没有更靠谱的方案，比如用 service worker 或者 link rel=”prefetch”？
- 2
回答
65浏览
前端缓存预热时资源加载顺序混乱怎么办？
在做电商网站首屏优化时，我用Service Worker做缓存预热，但发现图片和API请求的加载顺序总是乱的。比如先请求了商品详情接口，再加载轮播图资源，导致页面卡顿几秒。 我尝试在service w...
- 1
回答
10浏览
前端请求怎么加密才安全？
我在做登录功能，想把用户密码加密后再发给后端，但不知道该在前端怎么处理。试过用 crypto-js 的 AES 加密，但每次加密结果都不一样，后端解不出来。 这是我的 Vue 代码，是不是哪里写错了？...
- 1
回答
5浏览
前端监控上报的数据怎么分析才有效？
我们用 Sentry 做了前端错误监控，也自定义上报了一些性能指标，但数据堆在后台根本不知道怎么下手分析。比如白屏时间、接口失败率这些字段，是该用图表看趋势，还是按用户分群？ 试过导出 CSV 用 E...
- 1
回答
15浏览
Redis缓存怎么在Vue里配合后端做数据更新？
我用Vue写了个商品列表页，每次进页面都调接口拿数据，后端说加了Redis缓存，但改完商品信息后前端还是显示旧的。我试过在编辑成功后重新请求列表，但有时候还是刷不出来最新的，是不是缓存没清？ 这是我的...
- 1
回答
11浏览
前端密码加密到底该怎么做才安全？
我在做登录页面，用户输入的密码直接传给后端总觉得不安全，想在前端先加密一下。但不知道用什么方式合适，试过用 crypto-js 做 MD5，结果发现好像还是能被破解？ 而且我看到有人说前端加密没意义，...
- 1
回答
33浏览
前端怎么防止接口请求被重放攻击？
最近在做支付相关的功能，后端要求每个请求都要防重放，但我作为前端不太清楚该怎么配合。我试过加时间戳，但好像还是能被截获重放。 现在用的是 Vue3 + Axios，下面是我目前的请求封装，是不是缺了什...
- 1
回答
18浏览
前端日志分级怎么合理设计才不会影响性能？
最近在做前端监控系统，想给 console.log 加个日志级别控制，但不确定怎么分级才合理。比如开发环境要详细日志，生产环境只保留 error，但又怕频繁判断影响性能。 我试过这样写： const ...
- 1
回答
27浏览
前端做K匿名处理时怎么避免用户数据被反推？
我在用 Vue 做一个用户行为分析面板，需要对用户ID做K匿名处理，但不确定具体怎么实现才安全。比如我按年龄段和城市分组，但有些组合只有1-2个人，这样还是能被识别出来吧？ 我试过把数据先聚合再展示，...
- 1
回答
32浏览
PWA 的 App Shell 模式到底该怎么实现？
我最近在尝试把一个单页应用改成 PWA，看到很多资料提到 App Shell 架构，说是要先缓存静态 UI，再动态加载内容。但我照着文档写 service worker，发现页面要么白屏，要么刷新后样...
- 2
回答
12浏览
边缘计算怎么提升前端页面加载速度？
我们最近在做首屏性能优化，听说边缘计算能减少延迟，但不太清楚具体怎么用在前端项目里。比如静态资源放 CDN 算不算边缘计算？还是说必须用像 Cloudflare Workers 这种？ 试过把 JS ...
service worker 也行但太重了，除非你要做离线应用。你之前那个动态加载的方式确实会浪费带宽，prefetch 至少有个 300ms 延迟判断用户是否真的需要。