【发布时间】:2021-01-20 15:44:00
【问题描述】:
我有点怀疑。删除空白是否会提高网站的速度?看,例如,我有以下css -
body{
overflow-wrap:break-word;
word-break:break-word;
word-wrap:break-word
}
.hidden{
display:none
}
.invisible{
visibility:hidden
}
将上面的代码改成这样会影响网站速度吗?
body{overflow-wrap:break-word;word-break:break-word;word-wrap:break-word}.hidden{display:none}.invisible{visibility:hidden}
这只是一个示例代码,我网站的源代码中还有更多内容。如果是,有人可以解释一下吗?
【问题讨论】:
-
是的,这称为缩小,删除任何未使用的空格不仅使 CSS 文件更小,而且 JS 和 HTML 文件也更小。更多信息在这里:pustelto.com/blog/optimizing-css-for-faster-page-loads。没有缩小通常是“人类可读的”;我们喜欢阅读带有空格和段落的内容以便更好地理解,但浏览器不需要这个。
-
所有内容都必须从服务器传送到客户端。从服务器到客户端通过网络传输的内容越多,花费的时间就越多。减小文件大小可以减少完全加载网页所需的总时间。
标签: javascript html jquery css ajax