Question

很多时候我已经阅读了许多问题的答案，我们不需要从html，css和js文件中删除空格和注释以手动减小文件大小我们可以在服务器上自动执行此操作。

1）在我的Dreamweaver中它会像这样

/*Some Comment*/
.footer li h3 {
    margin: 0 0 6px;
    font-weight: bold;
    display: inline;
    color: #e92e2e; }
/*Some comment*/
    .footer li h3 a {
        font-weight: normal;
        font-size: 1em;
        color: #e92e2e; }

在服务器上它会是这个吗？

.footer li h3{margin:0 0 6px;font-weight:bold;display:inline;color:#e92e2e}.footer li h3 a{font-weight:normal;font-size:1em;color:#e92e2e}

我可以手动或使用此工具http://www.refresh-sf.com/yui/

执行此操作

2）如何在Lamp服务器上执行此操作？

3）在服务器上，我们只删除空格和注释吗？

Answer 1

你需要一个缩小工具。尝试谷歌搜索yuicompressor并浏览其文档。您需要创建一个Ant脚本来自动执行此操作。

Answer 2

如果这就是你的CSS文件在Dreamweaver中的样子，它将为其他人显示相同的内容（即使他们在记事本中打开它）。

为了减小文件大小，您应该缩小代码。有几个工具/编译器/网站将为您完成。以下是三个众所周知的压缩网站/工具。

Minify CSS
Google Minify（HTML / CSS / JS）
Yahoo UI Compressor（HTML / CSS / JS）

您可能需要考虑的其他因素是缓存您的网站。希望这有帮助！

Answer 3

如果要在运行时删除空格，可以使用PHP来提供CSS：

<?php
$lines = file('yourCssFile.css');
$content = '';
foreach ($lines as $line_num => $line) {
    $content .= trim($line);
}
header("Content-type: text/plain"); // <-- change accordingly

echo $content;

然后你只需要链接到你的html中的php文件。你可以为html，js和css做类似的事情。当然，这对整体速度的影响将是最小的。使用gzip压缩会好得多。

如何在服务器上优化html，css运行时以获得更好的加载时间？

3 个答案: