我想知道4000行的样式表是否会使页面渲染速度明显慢于1500行的样式表。当然,两者最终都会缩小。我只是看看sass出口可能变得非常大,特别是如果"延伸"使用了功能。
答案 0 :(得分:1)
这一切都取决于资产在页面上的加载方式 - 如果它们是否阻止渲染。
例如,在您网页的<head>
中加载的资源会进行渲染屏蔽。因此,这些资产越大,浏览器在开始显示标记/样式之前必须获取的数据越多。
以下是一篇描述它的文章:http://www.sitespeed.io/rules/
因此,我尝试通过仅在文档的<head>
(核心CSS,JS)中加载关键资产来优化我的网站,并在侧身内容下方或旁边加载辅助资产。示例:(图像显然是内联加载的,页面渲染后使用的JS库包含在结束</body>
标记之前)。
简短的回答,对于网页<head>
中任何传统上加载的资产 - 它们的大小越大,网站感觉加载的速度就越慢(其他一切都保持不变)。
答案 1 :(得分:0)
它可能会产生影响,但不应该产生很大的影响。原因有两个: