成本和收益一行HTML

时间:2013-01-04 16:22:29

标签: html optimization

有人可以告诉我为什么(或不)我们创建一行html?

我知道只是减少文件大小(好处)但是在服务器中我们必须添加一些函数来生成一行html(服务器成本),否则当我们需要更改一些代码(编辑成本)时我们会遇到麻烦。

2 个答案:

答案 0 :(得分:0)

您不应该缩小HTML。在编辑时你不得不花时间和工作。看看这个非常好answer 你应该优化你的CSS。有一个免费程序:Scout,用于检查css文件的更改并自动创建它的缩小版本。它实现了Sass,这将使编码CSS变得更加容易。你应该试一试。

答案 1 :(得分:0)

您不需要手动创建HTML。就个人而言,我的CMS将其输出缓存为要提供给用户的静态文件。在它缓存之前,它运行:

$ tocache是​​要显示的页面的内容。我这样做,然后把它写到磁盘上。然后Apache提供静态内容,而不是在后续访问时避免使用DB和PHP。

// Remove white space
$tocache = str_replace(array("\n", "\t","\r")," ",$tocache);

// Remove unnecessary closing tags (I know </p> could be here, but it caused problems for me)
$tocache = str_replace(array("</option>","</td>","</tr>","</th>","</dt>","</dd>","</li>","</body>","</html>"),"",$tocache);

// remove ' or " around attributes that don't have spaces
$tocache = preg_replace('/(href|src|id|class|name|type|rel|sizes|lang|title|itemtype|itemprop)=(\"|\')([^\"\'\`=<>\s]+)(\"|\')/i', '$1=$3', $tocache);

// Turn any repeated white space into one space
$tocache = preg_replace('!\s+!', ' ', $tocache);

现在,我每页更改一次,然后向用户提供较小的HTML。

这是毫无意义的,因为gzipping的过程带来了最大的不同。我这样做是因为我不妨 - 我已经在缓存这些文件,所以为什么不先让自己感觉聪明!

对于CSS和JS,我使用SASS的压缩选项,并使用uglifyJS将它们作为一个小文件。

这意味着在页面上我有1个HTML文件,1个CSS和1个JS,最大限度地减少了HTTP请求的数量和要传输的数据量。

Gzip +确保1 css和1 js是最大的节省。