1

Yslow网站加速之常见优化

已有 171 阅读此文人 - - 网页技术 -

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>

期待你一针见血的评论,Come on!

不用想啦,马上 "登录"  发表自已的想法.