最近去听了D2 论坛,更加深刻体会到了网站性能对于用户体验的重要性。
慢500ms =Google用户访问量降低20%
慢400ms=Yahoo! 用户访问量降低5-9%
慢100ms=Amazon销售额降低1%
散会后,不禁想看看自己网站的性能如何。自从把网站搬家到国外,还真有点担心。通过Google网站管理员工具查看网站性能,不禁大吃一惊:您网站的平均网页载入时间为 20.2 秒。该站比99.7%的网站慢。
看来要动手优化一下了。先在自己的Firefox 浏览器里安装了网站性能检测工具Google Page Speed和Yslow。首先用YSlow来检测一下访问网站首页的大小。总共257.3KB。
再用Google Page Speed 看看有什么可以改进的。从发现的问题来看,还是有不少的可以优化的地方。
由于技术能力和时间都很有限,只能进行简单的优化。我做了以下一些优化工作:
一、压缩样式图片
我并没有用什么高深的压缩工具,只是用Fireworks CS4批量处理了图片(没有改变文件类型),原来网站的主题的所有样式图片有195KB, 优化后就减少了54.94KB。而且优化后的图片,肉眼根本看不出区别(至少我是没看出来)。
二、启动gzip 压缩
由于我使用的虚拟主机,并没有配置服务器开启gzip的权限。我只能依靠Wordpress 的插件 GZIP Output。首页页面大小(Html/Text)减少了18.9KB。
但是,GZIP Output 只能对于php 文件进行压缩,对于大部头的CSS、JS 文件都无法处理。我又下载安装了WP CSS 和WP JS 插件想分别对CSS 和 JS 文件进行压缩。不过,WP JS这个插件我没搞懂怎么用,WP CSS 倒是应用成功了。网站主题样式表文件从原来的23.5KB 变成了8.1KB,单就首页来说又减少了15.4KB。
三、减少不必要的页面元素
从页面来看载入的js 来看,我有两个Js是用来做网站访问统计的。一个是google analytics,另一个是piwik。权衡利弊我去掉了piwik的统计代码,首页大小又减少了8.3KB。
另外,网站页脚的有个图片没什么作用。我干脆给去掉了,首页大小又减少5.66KB,。这样做不仅可以减少页面大小,还可以减少不必要的Http请求。
总结一下
真是不优化不知道,一优化吓一跳。优化后首页大小从原来的257.3KB变成了154.0KB, 总优化数值为103.3KB,比原来页面优化了40.15%。首页的Http请求从原来的25个变为22个。具体优化明细如下:
经过了这一番优化,到底会对页面载入时间产生什么效果呢。让我们使用Web Page Analyzer试试看,它可以模拟用户在不同网络情况下访问页面载入时间。对比一下优化前后的情况,效果还是相当不错的。主流带宽的用户首页载入时间,从20.37秒优化到只有不到3秒。
以上的优化工作其实不只会对首页有优化效果。因为整个网站用的是一个主题样式,其他页面也都得到了优化。至于整个网站的优化性能,我们还用文章开头用的Google网站管理员工具来检验一下。到了一月份再通过它查看网站性能,终于,得到了满意的结果。“您网站的平均网页载入时间为 2.6 秒(更新时间:2010-1-9)。 该网站比 57% 的网站快。”
分享到:
相关推荐
SQL数据库性能优化 转载,初学者可参考。
查询优化器简介、查询优化器面临的挑战、计划空间、计划管理、OceanBase查询优化器工程实践(统计信息和代价模型、计划空间、计划管理)
MySQL大并发量性能优化实战 MySQL大并发量性能优化实战 MySQL大并发量性能优化实战 MySQL大并发量性能优化实战 仅供个人学习, 禁止转载及其他商业用途.
针对原煤转载系统设计考虑不足导致影响生产和末煤系统磨损严重的问题,通过采取加装分支溜槽、分流液压闸板以及增设一套小型液压站的措施,实现了不拆卸筛板即可达到转载和半自动控制的目的,从而节省了大量人力、物力,...
HTML5优化实践 109Effective前端11:使用H5的history改善AJAX列表请求体验 109Effective前端12:使用图标替代雪碧图 118Effective前端13:理解和使用CSS3动画 128Effective前端14:实现前端裁剪压缩图片 136...
在露天采矿中,半连续工艺的破碎与转载系统由不同的设备组成,自移式破碎机是这个系统的重要一环。研究破碎与转载设备的结构形式、几何尺寸与其作业...结合某露天煤矿的使用要求,确定了适合破碎与转载设备的性能匹配。
新型智能优化算法,已在很多领域得到应用,值得研究。以此书大家互相学习。
xen实践手册xen实践手册xen实践手册
TC35调试性能,相关参数设置,以及短消息发送等等
性能测试种类
集服务器安全、网站优化、网站排名等相关教程的文章,是在www.63pp.com网站转载过来的与大家分享
时下安全技术,针对linux系统,探索安全
NULL 博文链接:https://lxmxj.iteye.com/blog/2211052
基于排队网络思想的各种类型的排队网络模型被广泛应用于软件系统的性能建模的研究和生产实践,例如层次化的排队网络模型、Petri 排队网络模型。 本文首先考察了真实的电子商务系统中的排队网络,然后依据真实的...
PSO优化GRU-LSTM超参数 ...版权声明:本文为CSDN博主「AI信仰者」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。 原文链接:https://blog.csdn.net/qq_30803353/article/details/126131537
基于zigbee数据帧中的rssi值,本文设计一种通过计算rssi值的强弱来完成对地下转载机位置进行模糊定位。同时结合车载电脑和车载传感器进一步确定转载机姿态。最后通过无线局域网的形式把视频监控数据、远程控制数据、...
包括但不限于面试、前端进阶、最新资讯、工程化、性能优化、工具资源原创列表可以通过以下链接访问转载文章列表JavaScript文章描述备注CSS文章描述备注性能优化文章描述备注我是如何将网页性能提升5倍的 — 网络...
性能优化面试专栏 1.1、tomcat性能优化整理 1.2、JVM性能优化整理 1.3、Mysq|性能优化整理 二、微服务架构面试专栏 2.1、SpringCloud面试整理 2.2、SpringBoot面试整理 2.3、Dubbo面试整理 三、并发编程高级面试专栏...