字体加载太慢怎么优化？本地字体文件反而更卡了？
我用的是自定义中文字体，直接从 Google Fonts 引入特别慢，就改成把 woff2 文件下载到本地用 @font-face 引入，结果页面首次打开时文字还是空白好几秒，甚至比在线加载还卡，这是为啥？
我的写法大概是这样的：
@font-face {
font-family: 'MyFont';
src: url('./fonts/myfont.woff2') format('woff2');
font-display: swap;
}- 1
回答
14浏览
字体加载太慢怎么优化？
我在项目里用了一个自定义的中文字体，但页面首次加载时明显卡顿，文字会先显示默认字体再闪成自定义字体，用户体验很差。我试过用 font-display: swap，但好像没完全解决问题。 现在想用 Ja...
- 2
回答
61浏览
Next.js项目中自定义字体加载慢且页面闪烁怎么办？
我在Next.js项目里引入了本地字体文件，但页面加载时字体总是延迟渲染，出现文字闪烁的情况。之前用标签在头部引入过Google字体倒没问题，换成本地字体后就卡住了。 尝试过把字体文件放在public...
- 1
回答
15浏览
Vite 打包后首屏加载太慢，怎么优化？
我用 Vite + Vue3 开发了一个项目，本地开发时很快，但 build 之后首屏加载特别慢，Lighthouse 评分很低。我已经试过开启 brotli 压缩和分包，但效果不明显。 是不是我的组...
- 1
回答
20浏览
自定义字体加载时文字闪烁怎么解决？
我在项目里用@font-face引入woff2字体文件，但页面加载时总会出现文字闪烁。试过设置font-display: swap和预加载，但效果不明显，有没有更好的优化方法？ @font-face ...
- 1
回答
40浏览
async和defer到底该怎么用才能优化首屏加载？
最近在优化页面加载速度，把两个JS文件分别用了async和defer，但页面还是感觉卡顿。比如这个代码： <script src="main.js" defer></script&g...
- 2
回答
22浏览
域名分片后静态资源加载反而变慢了？怎么回事？
最近给项目做了域名分片优化，把静态资源分到三个子域名加载，结果发现图片和JS文件加载时间比之前更久了，这是为什么啊？ 之前都是用主域名加载资源，现在改成、script src="cdn2.exampl...
- 2
回答
66浏览
CDN加速后静态资源加载反而变慢，该怎么排查？
最近给项目配置了某云CDN，按官方文档改了CNAME和缓存策略，但测试发现图片和JS文件加载时间反而比直接访问源站慢了1-2秒。我尝试过清除浏览器缓存、检查CDN状态码（都是200），还对比了DNS解...
- 2
回答
113浏览
为什么给关键CSS文件添加了preload链接标签后加载速度反而变慢了？
我在优化网站首页加载时，给关键CSS文件加了preload标签：<link rel="preload" href="/styles/main.css">，但监控显示首屏渲染反而比之前慢了0...
- 1
回答
9浏览
智能预加载怎么判断用户下一步要访问哪个页面？
我最近在做首页性能优化，想用智能预加载提前加载用户可能点击的页面资源，但完全不知道该怎么预测用户行为。 试过用 IntersectionObserver 监听可视区域内的链接，但很多关键按钮并不在首屏...
- 1
回答
11浏览
LCP总是超时，图片懒加载反而更慢了怎么办？
我用 IntersectionObserver 做了图片懒加载，结果 LCP 指标反而变差了，首屏大图老是加载很慢。 明明没加懒加载前 LCP 是 1.8s，现在经常飙到 3s 以上。我试过给首屏图加...
暂无解答