CSS - css的大小是否会影响页面呈现

时间:2015-01-11 23:15:23

标签: html css

我想知道4000行的样式表是否会使页面渲染速度明显慢于1500行的样式表。当然,两者最终都会缩小。我只是看看sass出口可能变得非常大,特别是如果"延伸"使用了功能。

2 个答案:

答案 0 :(得分:1)

这一切都取决于资产在页面上的加载方式 - 如果它们是否阻止渲染。

例如,在您网页的<head>中加载的资源会进行渲染屏蔽。因此,这些资产越大,浏览器在开始显示标记/样式之前必须获取的数据越多。

以下是一篇描述它的文章:http://www.sitespeed.io/rules/

因此,我尝试通过仅在文档的<head>(核心CSS,JS)中加载关键资产来优化我的网站,并在侧身内容下方或旁边加载辅助资产。示例:(图像显然是内联加载的,页面渲染后使用的JS库包含在结束</body>标记之前)。

简短的回答,对于网页<head>中任何传统上加载的资产 - 它们的大小越大,网站感觉加载的速度就越慢(其他一切都保持不变)。

答案 1 :(得分:0)

它可能会产生影响,但不应该产生很大的影响。原因有两个:

  1. 您需要下载一个大文件。
  2. webbrowser需要遍历每行代码。