Yslow是一套雅虎的网页评分系统，详细的列出了各项影响网页载入速度的参数，这里不做多说。

我之前就一直参考Yslow做博客优化，经过长时间的学习也算是有所收获，小博的YslowV2分数达到了94分（偶耶！），如果换用博客类小网站评分标准更是可以达到满分。

下面我就总结几点大家力所能及优化方法，分享给各位。

下面贴一下小博全新刷新的载入图，下面文章中用得到：

我认为网页优化主要分为两类，个人称之为软优化与硬优化。软优化主要包括：服务器缓存类与浏览器本地缓存类，这些优化主要是参数设置上的改动。而硬优化包括：传输线路，CDN，HTTP请求数，带宽等基础项目。

咱们小博客主要能做的，也是我想介绍的主要是软优化类。

一、Make fewer HTTP requests（减少http请求数）

网页载入中，每一个文件都是一个http请求，包括html，js，css，图片等。而每一个文件的载入都需要DNS查询（可忽略），建立连接，发送请求（可忽略），等待回复，下载文件，总共5个步骤，文件依次载入，时间就得依次增加，文件越多，时间越长。

下面看看俺的主机商小张童鞋的博客载入图吧：

简直是一条长龙，橙色JS，蓝色HTML，绿色CSS，紫色IMG，虽然1秒多就响应，但最终载入时间为9秒。

而面对这样的网页，我们要做的是：

把CSS全都合到一个文件中去（复制粘贴就行）

把JS全都合到一个文件中去（复制粘贴就行）

主题中尽量少的使用图片

如果必须使用图片，把背景图片全都合到一个文件中去（这个用photoshop合成，调用背景图片时用background:url（all.png） no-repeat 几px 几px;来控制背景位置）

把框架网页能去掉的都去了，每一个框架网页等于新打开一个网页。

优化好之后，整个页面只有1个js，1个css，1个背景图片和若干文章图片页面载入速度起码提升2/3。

二、Add Expires headers（添加周期头）

啥叫周期头啊，其实就是给文件一个保质期。

没过期的直接从本地调用，过期了后就得换新的了。

这个做起来简单，直接在网站根目录的.htaccess文件末尾添加以下代码就行了（只有LINUX主机有.htaccess）

其中Axxxxxx是时间，单位秒。

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

这样设置后，第二次访问就会直接调用本地缓存，仅仅HTML重新下载，速度飞快，如图：

三、Configure entity tags （ETags）（配置实体标签设置ETAG）

说实在的我也不知道ETAG是个什么东东，网上的解释说他相当于一个标签，来确认浏览器缓存里的元素是否和原来服务器上的一致，可是却没有说如何设置。终于找到了一篇如何设置的文章，可作者也是不太懂，作者就是万戈大侠了。

他的方法是，在.htaccess中加入这句话。

FileETag none

说实话我并没有明白为什么要设置成none，不过它起作用了，Yslow这项的评分到了A，肯定是有好处的，这就足够了。

四、优化外部调用顺序。（个人想法，也许有错）

这一点是最容易被忽略的。

据我观察，网页载入的时候所有元素不是同时一起载入的，但也不是one by one这么着载入的，它有一个少数连接并发下载的情况，观察文章头部小博的载入图，第1-3个图片就是并发的。所以调用顺序决定了载入顺序，载入顺序决定谁和谁并发。

我做过实验，如果JS文件放在<head></head>中，他会跟随HTML与CSS一同加载，然后等JS加载完成后才加载所有图片，如果JS太肥了的话，这样效率很低，JS要是卡住了，网页更是死活不出来。如图：

那么把JS放在body的footer中，情况就会改善很多，JS跟随大批图片一起载入，共用时间，如文章头部小博载入图。

而且最重要的是，html载入完毕就可以显示DOM元素了，不需要等待JS完毕再显示。

五、服务器缓存

老话题了，WP一般使用插件缓存，我使用的是WP-CACHE，它可以使平时需要1秒左右载入的HTML在几十毫秒内载入。

配合图片本地缓存，二次打开的页面基本是秒开。如图（这就是小博的平时载入速度了）：

六、其他

其他就剩下一些零碎的优化了，这些影响比较小。

比如把主题中所有不经常更改内容的php语句直接改成文字，比如博客名神马的。

还有，CSS，JS压缩，小一点就快一点。

本地DNS的选择（在网卡属性里），第一次访问时，DNS-LOOK-UP（DNS查询）也是占了相当时间的，如果你的DNS的ping较高。

COOKIE-FREE 域名设置：意思就是每次建立连接的时候，客户端都要先发一份COOKIE到服务器去，而设置COOKIE-FREE后就可以省下这点时间了。个人觉得没多少时间，不发COOKIE后，用户评论信息还要自己写，体验不好，不建议设置。

就先写这么多，剩下的想到了再补。转载请注明出处。

我了个槽哦，发完文章后又测了一遍YSLOW，变100分了，上一回得100还是小学二年级的事儿呢。

作者：老柴

原文地址：http://laochai.net/49

【转】加快网站访问速度——Yslow极限优化的更多相关文章

  1. Apache 使用gzip、deflate 压缩页面加快网站访问速度

    Apache 使用gzip 压缩页面加快网站访问速度 介绍: 网页压缩来进一步提升网页的浏览速度,它完全不需要任何的成本,只不过是会让您的服务器CPU占用率稍微提升一两个百分点而已或者更少.   原理 ...

  2. [技术博客]使用CDN加快网站访问速度

    [技术博客]使用CDN加快网站访问速度 2s : most users are willing to wait 10s : the limit for keeping the user's atten ...

  3. 2-12-配置squid代理服务器加快网站访问速度

    本节所讲内容: squid服务器常见概念 squid服务器安装及相关配置文件 实战:配置squid正向代理服务器 实战:配置透明squid代理提升访问速度 实战:配置squid反向代理加速度内网web ...

  4. 使用PHP和GZip压缩网站JS/CSS文件加速网站访问速度

    使用PHP和GZip压缩网站JS/CSS文件加速网站访问速度 一些泛WEB 2.0网站为了追求用户体验,可能会大量使用CSS和JS文件.这就导致在服务器带宽一定的情况下,多用户并发访问速度变慢.如何加 ...

  5. 使用 Nginx 提升网站访问速度

    使用 Nginx 提升网站访问速度 http://www.ibm.com/developerworks/cn/web/wa-lo-nginx/ Nginx 简介 Nginx ("engine ...

  6. 巧用linux服务器的/dev/shm/，如果合理使用，可以避开磁盘IO不给力，提高网站访问速度。

    巧用linux服务器的/dev/shm/ 巧用linux服务器的/dev/shm/,如果合理使用,可以避开磁盘IO不给力,提高网站访问速度. 首先让我们认识一下,什么是tmpfs和/dev/shm/? ...

  7. 如何使用ping和tracert命令测试网站访问速度

    在我们平时访问的网站中,有一些网站访问速度非常快,比如百度搜索网站和一些门户网站,有些网站访问很慢,有些网站甚至无法访问.那么我们该如何判断这些网站的访问速度呢?下面我们就使用Windows的ping ...

  8. 提升Apache网站访问速度的优化方法

    Apache是世界使用排名第一的Web服务器软件.它可以运行在几乎所有广泛使用的计算机平台上,由于其跨平台和安全性被广泛使用,是最流行的Web服务器端软件之一. 在Apache服务器上怎样优化才能提高 ...

  9. Nginx——使用 Nginx 提升网站访问速度【转载+整理】

    原文地址 本文是写于 2008 年,文中提到 Nginx 不支持 Windows 操作系统,但是现在它已经支持了,此外还支持 FreeBSD,Solaris,MacOS X~ Nginx(" ...

随机推荐

  1. [MySQL Reference Manual] 7 备份和恢复

    7. 备份和恢复 本章主要会介绍: 1.备份的类型:逻辑备份,物理备份,全备和增量4种 2.创建备份的方法 3.还原方法,包括还原到时间点 4.备份计划,压缩和加密 5.表维护,恢复损坏的表 7. 备 ...

  2. 关于tempdb的一些注意事项

    由于数据库的文件的位置对于I/O性能如此重要,以至于在创建主数据文件的文职时,需要考虑tempdb性能对系统性的影响,因为它是最动态的数据库,速度还需要最快. 组成:有主数据文件和日志文件组成.从sq ...

  3. SQLServer和Oracle创建视图用户

    在数据集成的开发中,经常会需要给对方创建视图,让其可以查看一些必要的数据.既在数据库中创建用户,并赋给该用户查询视图的权限 一.SQLServer --创建登录用户账户USE [master] GO ...

  4. 【JSP】JSP基础学习记录（二）—— JSP的7个动作指令

    2.JSP的7个动作指令: 动作指令与编译指令不同,编译指令是通知Servlet引擎的处理消息,而动作指令只是运行时的动作.编译指令在将JSP编译成Servlet时起作用:而处理指令通常可替换成JSP ...

  5. MSSQL OPTION语句详解

    一些联合表查询语句,这些表里都建立有索引.在没有加 option ( force order ) 前,整个查询费时40多秒,但 单独表 查询基本不到1秒.查看查询计划后发现查询过程是从table n开 ...

  6. iNeedle系统之国舜项目

    一.简介 本周公司接了一个小项目,是给北京国舜科技股份有限公司做一个HTTP相关的小功能产品.大概实现功能是将交换机的源数据通过解析,分析出HTTP包配对的request和response头,并把每对 ...

  7. node js学习（二）——REPL（交互式解释器）

    1.简介 Node.js REPL(Read Eval Print Loop:交互式解释器) 表示一个电脑的环境,类似 Window 系统的终端或 Unix/Linux shell,我们可以在终端中输 ...

  8. linux挂载windows上的共享文件夹

    假定win机d:/folder/share的共享名为 share , 有用户administrator ,密码123 在linux机上,把share挂到/mnt目录:mount -t cifs -o ...

  9. csu 1812: 三角形和矩形 凸包

    传送门:csu 1812: 三角形和矩形 思路:首先,求出三角形的在矩形区域的顶点,矩形在三角形区域的顶点.然后求出所有的交点.这些点构成一个凸包,求凸包面积就OK了. /************** ...

  10. 第66课 C++中的类型识别

    1. 类型识别 (1)在面向对象中可能出现下面的情况 ①基类指针指向子类对象 ②基类引用成为子类对象的别名 ▲静态类型——变量(对象)自身的类型(定义变量类型时类型或参数类型) ▲动态类型——指针(引 ...