网站加速让pagespeed,yslow变98分

 CDN加速pagespeedyslow免费CDN网站优化网站加速网站加速之路

经历了网站被攻击的苦恼之后,网站终于开通了。这次给大家带来的原创是关于对本网站的小小的加速优化过程,优化过程用了时间大约用了不到一天半,首先我要说的是IIS的服务器网页优化起来真心的麻烦,如果你是LINUX的服务器那么网站优化会变得相对简单,有时候可能只需要在.htaccess中写一句话几句话,iis配置之复杂,操作之繁琐是我万万没想到的,而且wordpress的这个模板wesky我真心的觉得好看但不实用。为此我付出了不少的时间往往只是处理一个小问题。

经常在想网站最基本的东西是什么? ——内容?SEO(搜索引擎优化)?UE(用户体验)?都不对!是速度! 内容再丰富的网站,如果慢到无法访问也是毫无意义的; SEO做的再好的网站,如果搜索蜘蛛抓不到也是白搭; UE设计的再人性化的网站,如果用户连看都看不到也是空谈。

网站的访问速度是由多个因素所共同决定的,这些因素例如应用程序的响应 速度、网络带宽、服务器性能、与客户端之间的网络传输速度,服务器是否启用 GZip 压缩,是否使用了浏览器缓存等等。其中最重要的一个因素是应用程序本身的响应速度。所以才专注网站加速,也正因如此网站加速服务器端的设置才更加重要。

下面我就给大家说下我这次的优化过程。首先用火狐的插件pagespeed和yslow检测分析网页。


 


21

经过上面2个插件的测试,网站页面加载时间是10.40秒 ,总的页面大小是538K,http请求数是32个。

http://gtmetrix.com/reports/blog.xmaoseo.com/yha5aosa

然后我根据网站制定了一个加速优化文档,优化文档主要处理网站需要加速优化的项目。下面我已经翻译好了

比如:

SEO网站Pagespeed的警告提示:(警告级别分为A~F,程度越来越严重)

1:浏览器缓存问题  F   解决

浏览器缓存解决方案iis设置优化浏览器缓存:Leverage browser caching

2:缩放图像:使用的图片是缩放后未使用原图。 F   解决

3:服务器启用GZIP压缩 F   解决

服务器启用GZIP压缩:网站加速之iis服务器启用gzip压缩

4:压缩CSS:这样可以减少CSS大小,缩短HTTP请求时间。D    解决

5:从静态资源中删除查询字符串 C   解决

6:低效的CSS太多使用高效的CSS   F

7:尽量不要使用重定向 B   解决

8:删除未使用的CSS  B

9:请指定一个“Vary: Accept-Encoding”标头   C     解决

SEO网站Yslow的警告提示:

1:ADD Expires header  F    解决

Expires header 就是过期的时间header报文。指定特定类型的文件在浏览器的缓存时间。有些文件(例如样式表中调用的背景图片和文章中调用的图片)其实在很长一段时间内我们都不会对它们有什么改变,这类文件可以设置非常长的缓存时间,这样浏览器以后就不需要再从服务器下载这些文件而直接从缓存中读取,从而大大加速网站的载入速度。

ADD Expires header解决方案:iis设置优化浏览器缓存:Leverage browser caching

2:用GZIP压缩组件   F  解决

用GZIP压缩组件解决方案:网站加速之iis服务器启用gzip压缩

3:使用内容分发的CDN  F

4:Configure entity tags   F   解决

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

5:不要在HTML里缩放图像 F  解决

6:减少HTTP请求数  B      解决

7:将javascript放到底部。 B   解决

8:避免使用CSS表达式。  

9:减少DNS的查找。 B   解决

大家可以看到绿色的描述都是我要进行优化的项目 后面 字母 B F 都是严重等级程度,在后面写的红色的解决是我经过网站处理已经解决的网站项目。就是从这些18条问题去解决吧,因为网站加速的处理不止是浏览器客户端的加速,也会有服务器端的处理,只有服务器端和客户端处理好了结果自然OK,那么至于每个问题我的解决方案和问题的解读我会在以后博客给继续发布。

经过SEO网站的加速优化改进那么网站页面加载时间是4.21秒 ,总的页面大小是124K,http请求数是19个。

网站分析的报表地址:http://gtmetrix.com/reports/blog.xmaoseo.com/PYxMuaIh

3

4

5

 Total Page Elements:总的页面元素   HTML Size: HTML尺寸   Total Page Size:总页面大小

6

我们在优化中会用到很多工具如CSS图片合成工具 SpritesMe 还有删除网站多余CSS工具 Dust-Me Selector 3.01 还有很多我写在我的优化文档里这样共大家下载学习和参考。因为我这只是第一季的网站加速优化,网站加速优化是永无止境的那么接下来我会继续优化,为了减少HTTP请求数继续吧。

我们要做的很多不止减少网站重定向链接,使用浏览器缓存,CSS、HTML和JS分离 ,网页的布局很多很多首页.

我这是第一季的网站加速优化那么还会有很多的优化等着我去做那么我还会继续放出写网站优化的过程和优化的步骤,优化文档供大家观摩 哈哈期待吧。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值