首屏优化
本话题发布首屏优化相关的问答文章和技术分享，将持续更新，为您推荐了7篇问答，访问即可查看更多精彩内容。
-
1
回答
16浏览
为什么使用Gzip压缩后JS文件反而变大了？
我在用Gulp给项目文件做Gzip压缩时，发现某个.min.js文件压缩后的.gz文件比原文件大1KB左右，这正常吗？ 已经配置了gulp-gzip插件，并设置threshold: 0强制压缩。测试时...
-
1
回答
27浏览
async和defer到底该怎么用才能优化首屏加载？
最近在优化页面加载速度，把两个JS文件分别用了async和defer，但页面还是感觉卡顿。比如这个代码： <script src="main.js" defer></script&g...
-
1
回答
22浏览
Skeleton骨架屏如何动态匹配不同分辨率的图片占位？
最近在做首屏骨架屏优化时遇到个问题，当页面在不同分辨率下，我用固定宽高的div模拟的商品图片占位框，加载真实图片后总会出现比例错乱。 比如在移动端横屏时，.skeleton-img设置的width: ...
-
2
回答
24浏览
为什么内联关键CSS后首屏渲染反而更慢了？
我按照教程把关键CSS内联到HTML里了，但首屏渲染时间反而比之前多了500ms，这是为什么？ 之前用Webpack的ExtractTextPlugin把CSS抽离成单独文件，加载时间约1.2秒。按首...
-
1
回答
44浏览
React组件重复发起API请求怎么优化首屏加载？
在开发产品列表页时发现，每次刷新页面都会看到两次相同的商品数据请求。我用useEffect在组件里调用axios.get，但好像不管是否依赖项变化都会触发。看浏览器网络请求发现首屏有重复的请求： fu...
-
1
回答
77浏览
图片懒加载时占位容器高度塌陷怎么办？
在做图片列表懒加载时，用了Intersection Observer，但图片未加载时占位容器高度会塌陷，导致页面布局跳动。试过给图片设置固定高度，但不同图片尺寸差异大，效果不好： <div cl...
-
2
回答
71浏览
Next.js中使用ISR时，为什么首屏静态文件仍被阻塞加载？
我在用Next.js做博客项目，配置了getStaticProps+incremental static regeneration。按文档把文章列表页设为静态生成，详情页用revalidate=100...
