HTML-减少字节大小

我正在测试一个网站的速度使用工具

在结果页面中，其中一个警告建议我减少css、html和js文件的字节大小。
起初我试图删除评论，但没有任何改变。
我该怎么做？
我应该删除空格和制表符吗？

---

这似乎是一个很长的操作，值得吗？

删除空格、制表符和无用字符的操作称为缩小
您不需要这样做，有很多服务可以为您最小化文件。 例如：

---

如果您使用jquery代码，请小心：有时它会删除错误位置的空格。

缩小资源指的是消除不必要的字节，例如额外的空格、换行符和缩进。压缩HTML、CSS和JavaScript可以加快下载、解析和执行时间。此外，对于CSS和JavaScript，只要适当更新HTML以确保选择器继续工作，就可以通过重命名变量名来进一步减小文件大小

你可以在网上找到很多这样的工具，下面有一些

---

祝你好运

要减小页面大小，需要做两件事：

• 缩小CSS和JS文件

在服务器端，若您是通过Apache运行您的网站，那个么您可以安装APC，用于页面压缩。你会有更好的表现

• APC

---

在进一步测试并纳入以下评论中讨论的问题后，编辑：

PageSpeed Insights是一个完全业余的工具，有比缩小代码更有效的方法来加快渲染时间。

是一个完全业余的工具，作为标准建议减少HTML、CSS和JS文件大小，如果不缩小的话。一个非常非常好的工具是。这将渲染速度与要求测试的站点的平均速度进行比较，并给出站点组件的下载时间

只要在这两个网站上测试www.gezondezorg.org，就可以看到测试结果的巨大差异。谷歌工具在这一点上大错特错。它建议减少CSS和JS文件，而它自己的数字（单击相应的标题）显示这样做将分别减少3.8和7.9KB的大小。这可以归结为小于1毫秒的下载时间差！（1毫秒=1/1000秒；假定为宽带互联网）

另外，它说我做了一件好事：启用缓存。这也是BS，因为my.htaccess文件告诉浏览器在每次访问时检查新更新的文件，并在更新时刷新缓存文件。测试确认所有浏览器都注意到了该命令

此外，该网站不打算通过手机浏览。这上面的文字实在太多了。尽管如此，PageSpeed Insights会根据手机标准的测试结果打开默认设置

加快渲染速度的更有效方法
因此，缩小很难加快渲染时间。它的作用是：

• 将CSS代码和Java脚本尽可能多地放在一个文件中。这将保存浏览器到服务器（BTS）请求。（请记住，相当多的Java脚本需要首先完全加载DOM，因此在实践中，可以将脚本尽可能多地放在两个文件中：一个pre-body文件和一个post-body文件。）
• 为web优化大型图像。Photoshop和类似的软件甚至有一个特殊的功能，减少了文件的大小，同时保持了足够好的质量，可以在网上使用
• 对于用作容器全尺寸背景的图像：使用图像精灵。这也节省了BTS请求
• 对HTML和JS文件进行编码，这样就不会对来自外部域（如Twitter、Facebook、Google Analytics、广告机构等）的文件产生渲染依赖性
• 确保网络主机能够快速响应，具有足够的处理能力，并且具有（n几乎）100%的启动时间
• 尽量使用普通/本地JS。仅将jQuery或其他库用于否则会太困难或太耗时的任务。jQuery不仅是一个需要下载的额外文件，它的处理速度也比原生JS慢

最后，你应该意识到：

• 让服务器动态缩小代码通常会导致服务器的响应速度慢得多
• 缩小代码使其无法读取
• 缩小工具因其性能差而臭名昭著

  ---

除了上面的CSS缩小器/美化器工具之外，我建议使用它来优化CSS文件。它提供了多种高级选项。

除了提供一些提示，说明哪些东西可能会减慢它的速度之外，从未发现这些工具有多大用处。缩小规模不太可能取得多大成效。如果你想加速你的网站，保存页面，看看最大的文件是什么。通常，它们是图像文件而不是代码，看看是否可以减少这些

另外，试着在两台服务器上测试——你的主机速度慢吗

如果你的html文件很大，这说明网站的结构有问题——页面很少需要很大

---

最后，大型javascript文件很可能是jquery之类的东西。如果Google托管这些，那么使用托管版本。这样，它可能已经在用户的缓存中，不会影响您的加载时间。

您可以查看缩小的CSS和JS-有在线工具可以帮助您。您可以在谷歌上搜索CSS/JS优化器。。有很多优化器可用。。优化后，只需检查页面是否正常工作。。因为有时它会忽略渐变颜色等。缩小css、js和HTML的生产规模始终是一个很好的做法，但是您显然会保留未缩小的版本以供dev.@Aam使用