打包和最小化 HTML 和 CSS [关闭]答案

【问题标题】：Packing and minimizing HTML and CSS [closed]打包和最小化 HTML 和 CSS [关闭]
【发布时间】：2009-09-01 23:49:59
【问题描述】：

什么是 CSS/HTML 最小化的最佳实践？我正在寻找服务器端工具来加快与浏览器的交互。

【问题讨论】：

标签： html css apache minimize

【解决方案1】：

最好的工具可能是服务器端压缩。您可以使用 mod_deflate 在 Apache 中全局启用此功能。只需确保 mod_deflate 已加载，并将其粘贴在 httpd.conf 文件的底部即可：

# mod_deflate for server-wide output compression.

SetOutputFilter DEFLATE
# Netscape 4.x has some problems...
BrowserMatch ^Mozilla/4 gzip-only-text/html
# Netscape 4.06-4.08 have some more problems
BrowserMatch ^Mozilla/4\.0[678] no-gzip
# MSIE masquerades as Netscape, but it is fine
BrowserMatch \bMSIE !no-gzip !gzip-only-text/html
# Don't compress images
SetEnvIfNoCase Request_URI \.(?:gif|jpe?g|png)$ no-gzip dont-vary
# Make sure proxies don't deliver the wrong content
#Header append Vary User-Agent env=!dont-vary

所有静态和动态内容都将压缩后提供给支持它的浏览器。

我敢肯定，其他现代 Web 服务器也将支持此功能，您只需查看他们的文档即可了解如何启用它。

【讨论】：

这正是我正在寻找的。谢谢。

【解决方案2】：

看看YUI Compressor

【讨论】：

谢谢。看起来方向正确。

【解决方案3】：

GZip 压缩是相当标准的并且做得很好。

【讨论】：

你能告诉我如何将它添加到我的项目中吗？
取决于您使用的设置 - 但这里有一些一般知识和设置。 betterexplained.com/articles/…

【解决方案4】：

缩小 css 和 javascript 会有所帮助。对背景、图标等图形图像使用 css sprite 可减少对服务器的请求数量。

【讨论】：

谢谢。已经在使用 CSS 精灵了。我指的是代码本身。

【解决方案5】：

我使用HTML Tidy 和YUI Compressor。

【讨论】：

【解决方案6】：

Pretty Diff 工具可以缩小包含内联 CSS 和/或 JavaScript 的 HTML。

http://prettydiff.com/

【讨论】：