1

我对最小化的概念有些陌生，但它似乎很简单。我了解 jQuery 之类的库如何从最小化中受益，但我的问题是它是否应该扩展到 HTML 和 CSS（我已经看到 CSS 重置最小化代码，所以性能的提高可能已经被衡量）。

首先，我不知道如何衡量提高的性能，但我想知道你们中是否有人对最小化 HTML 和 CSS 代码时可以预期的性能提升幅度有任何知识或经验（大量、可忽略不计等）。

最后，我知道 HTML 尤其是 XHTML 应该对维护代码的人尽可能可读，这就是为什么我认为最好只在渲染时使用 PHP 来最小化这段代码。如果这是可行的，那么最好的方法是什么？只是修剪 HTML 和 CSS ( $html = trim($html);)？

4

3 回答 3

2

雅虎有一些高性能的网站规则。我引用了一些规则。仔细阅读。这些规则回答了你的问题。

前端工程师做出的决定可以显着减少通过网络传输 HTTP 请求和响应所需的时间。确实，最终用户的带宽速度、互联网服务提供商、与对等交换点的接近程度等都超出了开发团队的控制范围。但是还有其他变量会影响响应时间。压缩通过减小 HTTP 响应的大小来缩短响应时间。

缩小是从代码中删除不必要的字符以减小其大小从而缩短加载时间的做法。缩小代码后，所有注释以及不需要的空白字符（空格、换行符和制表符）都会被删除。在 JavaScript 的情况下，这会提高响应时间性能，因为下载文件的大小会减小。两种用于压缩 JavaScript 代码的流行工具是 JSMin 和 YUI Compressor。YUI 压缩器还可以缩小 CSS。

因此，最小化将通过 HTTP 传输的任何内容会减少传输时间。因此，在渲染方面领先一步。因此，您的网站运行速度更快。如果启用压缩，站点性能改进将是显着的。此外，如果您压缩和缩小 Javascript、HTML 和 CSS，一切都会变得更快。

于 2012-05-13T15:52:31.630 回答
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/

于 2013-12-05T12:59:57.390 回答
1

要在这种情况下测量性能，您可以使用一些工具，例如 YSlow（在 firefox > firebug 中）或 Chrome 检查器中的 Profile 选项卡。

要加快网页速度，有很多事情要做。如果您有许多小图像（图标），最好将所有图像加入一个大图像并使用 css 选择正确的图像。并按顺序放置css和script标签。

于 2012-05-13T15:35:22.187 回答