paip.提升性能---首页性能加快解决方案
paip.提升性能---首页性能加快解决方案
作者Attilax ， 1466519819@qq.com 服
测试及分析工具TOOLS
Eichteaxpeaveoch.
页面优化建议工具
http://zhanzhang.baidu.com/optimization可以得到网站在全国网站的速度排名,以及页面优化的建议.还是蛮不错的..
网站首页体积1M. 首页打开速度11秒,首屏速度5秒.
其中80%是图片的体积
HTTP400不用管
首页有大约大约10个HTTP400..去掉后,感觉不明显..
在本机测试.100个HTTP400总耗时不过0.2S,..所以.10个400应该在0.02S左右…
由于服务器速度大概是本机网络连接的3倍之慢…所以10个HTTP400在服务上应该是0.02*3= 0.06.总之不到0.1S..影响不大..
而且在本地去HTTP400的文件,要用DW查找多起,累死人..
结论:HTTP400连接不用管..
开启GZIP
这个很有用..
先在IIS右键> 选择允许直接编辑配置数据库..这样就可以不用停止IIS可以编辑MetaBase.xml
然后设置压缩项目,注意Location =”/LM/W3SVC/Filters/Compression/deflate“也要设置..否则GZIP不起作用.
重启IIS以便配置生效就可以了…
原来首页有1M,开启GZIP后,就成了700KB了,效果很好啊..其它的都是图片一类的,没办法用GZIP压缩
CNZZ等网站统计…
这个东东非常的消耗网站速度…有CNZZ的情况下,首页整体耗时11秒,首屏耗时5秒..
去掉后, 全部统统下降了一半..首页5秒打开,首屏只用2.5秒…
解决方案就是使用自己的网站统计系统
|
|
图片延迟加载
整个首页80%体积内容是图片….所以图片的后加载很重要..
页面初次加载时，只显示可视区域的图片，当页面滚动的时候，图片进入了可视区域再进行加载，这样可以显著的提高页面的加载速度
图片延迟加载的原理比较简单，先将图片的真实地址缓存在一个自定义的属性(lazy-src)中，而src地址使用一个1×1的全透明的占位图片
页面初次加载时获取图片在页面中的位置并缓存(每次取offset的值会引发页面的reflow)，计算出可视区域，当图片的位置出现在可视区域中，将src的值替换成真实的地址，此时图片就开始加载了。
当页面滚动的时候，再判断图片已经缓存的位置值是否出现在可视区域内，进行替换src加载。当所有的图片都加载完之后，将相应的触发事件卸载，避免重复操作引起的内存泄漏
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/imglazyload.min.js"></script>
调用：
1. $( 'img' ).imglazyload({
2. event : 'scroll',
3. attr : 'lazy-src'
4. });
默认的调用可以省略所有参数。
1. $( 'img' ).imglazyload();
经过测试,成功的将首屏幕的1M请求变成了600KB …
首页防挂马
首页被挂马后,打开要50秒,原来只要11秒…防止的方案就是安装网站防篡改系统..当然,为了简单快速,可以只对首页进行防篡改监控…
云加速,免费CDN加速
加速乐什么的…百度的..还有360的东东.
经过测试,加速超过一倍,,首页速度3.5秒了.. 首屏速度1.2秒了
(未加速前已经开启GZIP, 图片LAZY加载了,首页大小600KB..首页速度5秒,首屏速度2.5秒)
