加载优化
本话题发布加载优化相关的问答文章和技术分享，将持续更新，为您推荐了10篇问答，访问即可查看更多精彩内容。
-
1
回答
53浏览
如何正确设置关键CSS资源的加载优先级？
我在优化页面首屏加载速度时，发现关键CSS还是被浏览器低优先级加载了。明明用了preload，但Lighthouse还是提示“未发现关键请求链”。 我试过把关键样式内联，也试过用preload预加载外...
-
1
回答
35浏览
微前端子应用加载太慢，怎么优化首屏性能？
我们用 qiankun 搭了个微前端项目，主应用加载很快，但子应用首次进入时白屏好几秒，用户体验很差。试过动态 import 和预加载，但效果不明显。 子应用入口是通过 script 标签注入的，像这...
-
2
回答
46浏览
FCP太慢了，首屏加载白屏好几秒怎么办？
我们首页上线后 Lighthouse 报 FCP 超过 4 秒，用户一进来就是白屏，体验很差。已经做了图片懒加载和代码分割，但首屏关键资源还是加载太慢。 关键 CSS 是内联的，但字体文件和首屏数据请...
-
2
回答
76浏览
H5页面首屏加载超过3秒怎么优化？
我在开发移动端H5页面时，首页首屏加载时间总卡在3.2秒左右，已经尝试过压缩CSS和JS文件，给图片加了loading="lazy"属性，但效果不明显。有没有其他优化方法能进一步缩短加载时间？ 目前结...
-
1
回答
41浏览
动态生成大量DOM元素时页面卡顿，如何优化？
我最近在做一个需要动态生成1000个带过渡效果的div的项目，用for循环拼接innerHTML时页面直接卡死了。改用文档碎片（documentFragment）后流畅度有提升，但滚动时依然卡顿。 尝...
-
2
回答
42浏览
图片懒加载没效果，怎么调整资源加载优先级？
大家好，我在做首屏优化时发现图片加载还是卡顿，虽然用了loading="lazy"属性，但页面加载时图片还是阻塞了其他资源。我尝试给图片加了loading="lazy"和decoding="async...
-
2
回答
61浏览
为什么用了defer的JS还是阻塞了首屏渲染？
我在优化网站首屏加载时，把所有JS都加上了defer属性，但页面还是出现卡顿，DOMContentLoaded时间依然有3秒。用Lighthouse检测发现有多个JS文件被标记为"blocking"。...
-
2
回答
49浏览
Vue组件资源加载时如何正确设置HTTP缓存策略？
我在用Vue 3开发图片展示组件时遇到缓存问题，明明设置了响应头但效果不对。比如这个组件每次刷新都会重新下载图片： <template> <img :src="imageU...
-
2
回答
62浏览
预获取（prefetch）在单页应用中如何正确使用？为什么我的页面加载反而变慢了？
我在开发一个Vue单页应用时，尝试给下一页的图片列表页面添加预获取。按文档写了类似下面的代码，但发现首页加载反而变慢了，控制台显示预加载了大量图片资源。这是不是预获取用错了？ <template...
-
2
回答
52浏览
Vue列表滚动卡顿，虚拟滚动没效果怎么办？
用Vue做商品列表页时，页面滚动特别卡顿，尝试用v-if做了虚拟滚动但没效果。 代码是这样写的：{ data() { return { items: Array.from({length: 200},...
