我们怎么知道消除HTML/JS/CSS文件中的空白可以缩短页面加载时间呢

How do we KNOW that eliminating whitespace in HTML/JS/CSS files improves page load time?

本文关键字:空白 时间 加载 文件 我们 CSS JS HTML      更新时间:2023-09-26

除非我们有浏览器的源代码,否则我们怎么能假设呢?毕竟,浏览器的编写方式可能会使不必要的空白实际上缩短了解析文件所需的时间。我们不能假设浏览器在读取这些文件时会执行类似的操作

if (thischar == ' ') // do nothing

问题不在于解析,而在于加载时间。较小的文件(例如,没有空白字节开销)将在网络上更快地传输。

就解析问题而言,空格通常被忽略,解析器很可能有类似于if (thischar == ' ') continue;的东西,但这种计算可以忽略不计。

你可以直接测量它。但更多空间的附加值不太可能。如果你曾经写过一个简单的解析器,你就会知道,额外的空白空间会让它更快,这并没有多大意义。但是,更大的文件下载需要更长的时间,而且网络速度比CPU功率更快成为瓶颈。

您无法确定。仍然有可能你的浏览器写得很糟糕,实际上是浏览器而不是下载时间限制了你的速度。)

但是,如果您能向我们展示html解析器的源代码,该解析器的速度与输入中的空白量成比例,那么您很可能会获奖。我们所要做的就是在收到的文件中填写额外的空白,然后。。。闪电般的快!)