美文网首页
YaHoo军规 网站性能优化

YaHoo军规 网站性能优化

作者: 于哈哈yhh | 来源:发表于2018-07-30 11:40 被阅读0次

雅虎给出了优化网站加载速度的34条法则(减少页面加载时间)

1.Minimize HTTP Requests 减少HTTP请求

2.Use a Content Delivery Network 利用CDN技术

3.Add an Expires or a Cache-Control Header 设置头文件过期或者静态缓存

4.Gzip Components Gzip压缩

5.Put Stylesheets at the Top 把CSS放顶部

6.Put Scripts at the Bottom 把JS放底部

7.Avoid CSS Expressions 避免CSS Expressions

8.Make JavaScript and CSS External 将JS和CSS外链

9.Reduce DNS Lookups 减少DNS查找

10.Minify JavaScript and CSS 减小JS和CSS的体积

11. Avoid Redirects 避免重定向

12. Remove Duplicate Scripts 删除重复脚本

13. Configure ETags 配置ETags

14. Make Ajax Cacheable 缓存Ajax

15. Flush the Buffer Early 尽早的释放缓冲

16. Use GET for AJAX Requests 用GET方式进行AJAX请求

17. Post-load Components 延迟加载组件

18. Preload components 预加载组件

19. Reduce the Number of DOM Elements 减少DOM元素数量

20. Split Components Across Domains 跨域分离组件

21. Minimize the Number of iframes 减少iframe数量

需要更有效的利用 ifames。

iframe 优点:有利于下载缓慢的广告等第三方内容,安全沙箱,并行下载脚本

iframe 缺点:即使为空也会有较大资源消耗,会阻止页面的onload,非语义

22. No 404s 不要出现404页面

站点本身里(非搜索结果)出现404页面,无意义的404页面会影响用户体验并且会消耗服务器资源。

23. Reduce Cookie Size 减小Cookie

Cookie在服务器及浏览器之间的通过文件头进行交换,尽可能减小Cookie体积,设置合理的过期时间,能够很好的提高效率。

24. Use Cookie-free Domains for Components 对组件使用无Cookie的域名

对静态组件的Cookie读取是一种浪费,使用另一个无Cookie的域名来存放你的静态组件式一个好方法,或者也可以在Cookie中只存放带www的域名。

25. Minimize DOM Access 减少DOM的访问次数

JS访问DOM是很慢的,尽量不要用JS来设置页面布局。

26. Develop Smart Event Handlers 开发灵活的事件处理句柄

DOM树上过多的元素被加入事件句柄的话,反应效率肯定会低,YUI事件工具有一个 onAvailable 方法可以帮助你灵活的设置DOM事件句柄

27. Choose < link >over @import 使用< link >而非 @import

在IE中使用@import就和在页面底部用< link >一样,我们前面说要把< link >放顶部的。

28. Avoid Filters 避免过滤器的使用

如果需要Alpha透明,不要使用AlphaImageLoader,它效率低下而且只对IE6及以下的版本适用,用PNG8图片。如果你非要使用,加上_filter以免影响IE7+用户。

29. Optimize Images 优化图片

将你的GIF转为PNG8会是个减小体积的好办法,另外有很多方法处理你的JPG及PNG图片以达到优化效果。

30. Optimize CSS Sprites 优化CSS Sprites

在CSS Sprites中竖直并尽量紧凑的排列图片,尽量将颜色相似的图片排在一起,会减小图片本身的大小及提高页面图片显示速度。

31. Don’t Scale Images in HTML 不要在HTML中缩放图片

图片要用多大的就用多大的,1000X1000的图片被width=”100″ height=”100″以后,本身的KB数是不会减少的。

32. Make favicon. ico Small and Cacheable 缩小favicon. ico的大小并缓存它

站点的浏览器ICO应该不是经常换吧,那就长时间的缓存它,并且最好控制在1K以下。

33. Keep Components under 25K 保证组件在25K以下

iPhone不能缓存25K以上的组件,并且这还是要在被压缩前。

34. Pack Components into a Multipart Document 将组件打包进一个多部分的文档中

就好像在邮件中加入附件一样,一个HTTP请求就够了,但是这一技术需要确保你的代理支持,iPhone就不支持。

相关文章

网友评论

      本文标题:YaHoo军规 网站性能优化

      本文链接:https://www.haomeiwen.com/subject/lvaxvftx.html