Yslow网站加速之常见优化

已有 120 阅读此文人 - 2012.07.05 - 网页技术 - admin

1、合并减少CSS/JS 文件的请求数量；

把现有的多个JS和CSS 文件写在一起，理想的网站是这样的：全站只调用 1个 javascript，1个CSS 样式表，1张包含了所有需要的图片；

2、Gzip开启；

一、将网站使用的CSS 或这 js 文件用php 进行 Gzip 压缩，做法是：在原有的 xxx.js 或xxx.css 文件的头尾分别加上下面代码，并保存成.php 格式，之后调用！

头：<?php if(extension_loaded('zlib')) {ob_start('ob_gzhandler');}header("Content-Type: text/javascript"); ?>

或 <?php if(extension_loaded('zlib')) {ob_start('ob_gzhandler');}header("Content-type: text/css"); ?>

尾：<?php if(extension_loaded('zlib')) {ob_end_flush();} ?>

二、通过 .htaccess 或者apache的httpd.conf文件中加入开启Gzip

说明：由于不同的要求使用的代码不同，暂不提供范例，自行搜索。仅补充单独给JS 文件启用Gzip 的方法：

AddOutputFilterByType DEFLATE text/css

AddOutputFilterByType DEFLATE application/javascript

AddOutputFilterByType DEFLATE application/x-javascript

3、优化 Configure entity tags 项

在.htaccess中添加一行或者apache的httpd.conf文件中加入：FileETag none

说明：设置‘FileETag None’可以使响应头不再包含ETag字段，达到加速效果。

4、优化 Add Expires headers 项

在 .htaccess 中或者apache的httpd.conf文件中加入添加下面代码：

<IfModule mod_expires.c>
ExpiresActive On
ExpiresDefault A600
ExpiresByType image/x-icon A2592000
ExpiresByType application/javascript A2592000
ExpiresByType application/x-javascript A2592000
ExpiresByType text/css A604800
ExpiresByType image/gif A2592000
ExpiresByType image/png A2592000
ExpiresByType image/jpeg A2592000
ExpiresByType text/plain A86400
ExpiresByType application/x-shockwave-flash A2592000
ExpiresByType video/x-flv A2592000
ExpiresByType application/pdf A2592000
ExpiresByType text/html A600
</IfModule>