我对最小化的概念有点新,但看起来很简单。我理解像jQuery这样的库如何从最小化中受益,但我的问题是它是否应该扩展到HTML和CSS(我已经看到CSS重置最小化代码,所以可能已经测量了性能的增加)。
首先,我不知道如何衡量增加的性能,但我想知道你是否有任何关于在最小化HTML和CSS代码时可以预期的性能提升量的任何知识或经验(实质性,可忽略不计等等) )。
最后,我知道HTML,特别是XHTML对于维护代码的人应该尽可能可读,这就是为什么我认为最好在使用PHP时仅在渲染时最小化这些代码。如果这是可行的,那么最好的方法是什么?只是修剪HTML和CSS($html = trim($html);
)?
答案 0 :(得分:2)
雅虎有一些high performance website rules。我引用了一些规则。仔细阅读。这些规则回答了你的问题。
前端工程师做出的决策可以大大减少在网络上传输HTTP请求和响应所需的时间。确实,最终用户的带宽速度,互联网服务提供商,与对等交换点的距离等都超出了开发团队的控制范围。但是还有其他变量会影响响应时间。压缩通过减小HTTP响应的大小来减少响应时间。
缩小是从代码中删除不必要的字符以减小其大小从而缩短加载时间的做法。缩小代码时,将删除所有注释,以及不需要的空格字符(空格,换行符和制表符)。在JavaScript的情况下,这改善了响应时间性能,因为下载文件的大小减小了。用于缩小JavaScript代码的两个流行工具是JSMin和YUI Compressor。 YUI压缩器也可以缩小CSS。
因此,最大限度地减少将通过HTTP传输的任何内容可以减少传输时间。因此,在渲染方面领先一步。所以你的网站表现得更快。如果启用压缩,则站点性能改进将会很明显。此外,如果您压缩和缩小Javascript,HTML和CSS,所有事情都会更快。
答案 1 :(得分:1)
要衡量这种情况下的效果,您可以使用某些工具,例如YSlow(在firefox> firebug中)或Chrome检查器中的“配置文件”标签。
加快网页有很多事情要做。如果您有许多小图像(图标),那么最好在大图像中加入所有图像并使用css选择正确的图像。并按顺序放置css和脚本标记。
答案 2 :(得分:1)
<?php header('Expires: '.gmdate('D, d M Y H:i:s \G\M\T', time() + 3600));
header('Content-Type: text/html; charset=utf-8');
header("Last-Modified: " . gmdate("D, d M Y H:i:s") . " GMT");
header('X-UA-Compatible: IE=Edge,chrome=1');
function ob_html_compress($buf){
return preg_replace(array('/<!--(?>(?!\[).)(.*)(?>(?!\]).)-->/Uis','/[[:blank:]]+/'),array('',' '),str_replace(array("\n","\r","\t"),'',$buf));
}
ob_start("ob_html_compress"); ?>
<?php // Your Code ?>
<?php ob_end_flush(); ?>
我正在使用我的简单php脚本在一行中优化HTML
参见示例:http://cs.lviv.pro/