【问题标题】:Does removing white spaces improve website's speed? [duplicate]删除空格会提高网站的速度吗? [复制]
【发布时间】: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


【解决方案1】:

是的,删除网站上的空白确实会提高速度,因为它会减小文件大小,从而加快加载速度(因为需要发送的内容更少)。这也是为什么像bootstrap.min.css 这样的文件都是一行并且具有短变量名的原因。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2014-07-23
    • 2017-11-04
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多