如何在服務器上優化html，css運行時以獲得更好的加載時間？

很多時候我已經閱讀了許多問題的答案，我們不需要從html，css和js文件中刪除空格和註釋以手動減小文件大小我們可以在服務器上自動執行此操作。如何在服務器上優化html，css運行時以獲得更好的加載時間？

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）如何做到這盞燈的服務器上？

3）在服務器上，我們只是刪除空白和評論？

來源

2011-10-11 Jitendra Vyas

例如使用'mod_pagespeed'。但正確配置的mod_deflate通常就足夠了。 – mario

同意。不要打擾縮小。所有現代瀏覽器都支持gzip/deflate編碼。只需正確配置服務器即可壓縮輸出。 –

如果減少繼承的深度，瀏覽器將更快地解析CSS。 Google建議使用不超過兩個級別。 – Karolis

您需要一個縮小工具。嘗試使用Google搜索並查看其文檔。您將需要創建一個Ant腳本來自動執行此操作。

來源

2011-10-11 16:23:26 Uzair

我知道這個工具http://www.refresh-sf.com/yui/但它是一個單獨的工具 –

如果這就是您的CSS文件在Dreamweaver中的外觀，它將顯示相同的任何人（即使他們在記事本中打開它）。

爲了減少文件大小，你應該縮小你的代碼。有幾個工具/編譯器/網站會爲你做。以下是三個知名網站/壓縮工具。

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

別的東西，你可能要考慮是緩存您的網站。希望這可以幫助！

來源

2011-10-11 16:25:58 rebz

我已經知道這些工具，但我想在運行時壓縮 –

如果要刪除運行時空格，你可以使用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;

然後你只需連接到PHP文件中的HTML代替。你可以做類似的html，js和css。當然，這會對整體速度產生的影響很小。使用gzip壓縮會好得多。

來源

2011-10-11 16:38:23 Mike

如何在服務器上優化html，css運行時以獲得更好的加載時間？

回答

相關問題