如何優化服務器上​​的html，css運行時以縮短加載時間？

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中是這樣顯示的，則其他任何人都可以看到該文件（即使他們在記事本中打開了該文件）。

為了減小文件大小，您應該縮小代碼。 有幾個工具/編譯器/站點可以幫助您。 以下是三個知名的壓縮站點/工具。

• 縮小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壓縮會更好。