Yahoo给出的34条网站加快办法

查看次数:399 2019-11-02

Yahoo给出的包含Yslow规矩(22条)的34条 具体说明 ,经过这此规矩对自己页面进行一次全面的剖析优化,能够提高你网站的加载速度。

1.Minimize HTTP Requests 削减HTTP恳求
图片、CSS、script、flash等等这些都会添加http恳求数,削减这些元素的数量就能削减呼应时刻。把多个JS、CSS在可能的情况下写进一个文件,页面里直接写入图片也是欠好的做法,应该写进CSS里,运用 CSS sprites 将小图拼合后运用background来定位。

2.Use a Content Delivery Network 运用CDN技能
CDN 确实是好东西,8过服务器提供商的这项服务一般是要收费的,我曾经买的国内空间是有这个的可是我当时根本不知道啥用,现在没了。。。

3.Add an Expires or a Cache-Control Header 设置头文件过期或许静态缓存
阅读器会用缓存来削减http恳求数来加快页面加载的时刻,假如页面头部加一个很长的过期时刻,阅读器就会一直缓存页面里的元素。不过这样假如页面里的东西变动的话就要改名字了,否则用户端不会自动刷新,看自己衡量了~ 这项能够经过修正.htaccess文件来完成。

4.Gzip Components Gzip紧缩
Gzip格局是一种很普遍的紧缩技能,简直所有的阅读器都有解压Gzip格局的才能,而且它能够紧缩的比例非常大,一般紧缩率为85%。紧缩没紧缩,能够到 这里 做下测验。

5.Put Stylesheets at the Top 把CSS放顶部
让阅读者能尽早的看到网站的完整款式。

6.Put Scripts at the Bottom 把JS放底部
网站呈现完毕后再进行功用设置,当然这些JS要在你的加载过程中不影响内容体现。

7.Avoid CSS Expressions 防止CSS Expressions
CSS表达式很可怕,这个只被IE支撑的东西执行时分的运算量非常大,你移动一下鼠标它都要进行重核算的,但有时分为了做阅读器的兼容必须要用到这个||| IE6去死去死!~

8.Make JavaScript and CSS External 将JS和CSS外链
前面讲到了缓存这个工作,一些较为公用的JS和CSS,咱们能够运用外链的方法,譬如我便是从Google外链来的Jquery文件,假如我的阅读者在阅读其他运用了这个外链文件的网站时现已下载并缓存了这个文件,那么他在阅读我的网站的时分就不需求再进行下载了!~

9.Reduce DNS Lookups 削减DNS查找
貌似是要削减网站从外部调用资源,我的Google剖析和picasa的外链图片都算在里面了。

10.Minify JavaScript and CSS 减小JS和CSS的体积
写JS和CSS都是有技巧的,用最少的代码完成同样的功用,削减空白,增强逻辑性,用缩写方法等等,当然也有不少工具也能够帮你完成这一点。

11. Avoid Redirects 防止重定向
再写入链接时,尽管“http://www.loncent. com”和“http://www.loncent. com/” 仅有一个最后的“/”只差,可是结果是不同的,服务器需求花时刻把前者重定向为后者然后进行跳转,这个要自己留意,也能够在Apache里用Alias 或许mod_rewrite或许DirectorySlash解决。

12. Remove Duplicate Scripts 删除重复脚本
重复调用的代码阅读器并不会识别疏忽,而是会再次运算一遍,这当然是大大的糟蹋。

13. Configure ETags 装备ETags
搞不清楚咋回事,总之我是在. htaccess里把它删除了。

14. Make Ajax Cacheable 缓存Ajax
Ajax是实时呼应的,在阅读器接收到新的数据前,旧的数据被缓存,这样能够更好的提高功率。

15. Flush the Buffer Early 尽早的释放缓冲
当用户进行页面恳求时,服务器端需求花费200到500毫秒时刻来拼合HTML,将写在head与body之间,释放缓冲,这样能够将文件头先发送出去,然后再发送文件内容,提高功率。

16. Use GET for AJAX Requests 用GET方法进行AJAX恳求
Get 办法和服务器只有一次交互(发送数据),而 Post 要两次(发送头部再发送数据)。

17. Post-load Components 推迟加载组件
最先加载必须的组件进行页面初始化,然后再加载其他,YUI Image Loader 是很好的例子。

18. Preload components 预加载组件
提前加载今后可能用到的东西,和推迟加载并不抵触,它的意图是为后续恳求提供更快的呼应,参见Google主页上的CSS sprites应用。

19. Reduce the Number of DOM Elements 削减DOM元素数量
杂乱的页面结构意味着更长的下载及呼应时刻,更合理更高效的运用标签来架构页面,是好的前端的必备条件。

20. Split Components Across Domains 跨域分离组件
页面组件多个来源能够增大你的平行下载量,但留意不要过多,超越2-4个域名会引起上面说到的DNS查找糟蹋。

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就不支撑


【声明:信息来自网络,如有侵权,联系既删。】
推荐新闻

如何将一个网站设计得更为高层次?

2022-05-26

每个人都需要通过不断地改变才能够向着更高的层次前进,网站设计也是一样的,尤其是如今网路购物成为一件非常常见的事情,更需要通过多方面的变

WordPress建站是站长唯一选择吗?

2022-05-26

当下很多用户在进行网站建设时首先想到的是用WordPress这种方式建站,即使一些对于建站方法并不了解的人也会找专业公司来进行网站建设

导致网站出现404错误页面的六个原因

2022-05-26

404页面的出现会严重的影响到用户体验的效果,试想一下,如果是你,当你兴致勃勃地输入想找的信息关键字找到想要的内容以后,正等着网页跳转

怎么看网站是不是被降权

2022-05-26

回答:网站被降权有很明显的表现,通常就是关键词排名直线下降,另外有些严重的网站可能会直接大幅度减少收录。在判断网站是否被降权的时候,还

增加页面关键词密度能够提升排名吗

2022-05-26

回答:增加密度不一定能够提升关键词排名,具体效果要具体分析,如果原本关键词的密度很低,适当增加下有利于排名,如果关键词的密度本身已经比

微网站的设计要怎样能突出视觉效果?

2022-05-26

随着网络的普及与多样化,微网站的建设,作为一个可以有商业经营基础,也在设计与功能上更具特色的同时,成为需求量较大的全新项目。特别是在济

返回顶部

TOP

QQ客服

QQ客服

上海网站制作公司:电话:021-67637587

021-67637587

开杰做网站
上海网站设计公司 上海网站设计公司

Are you ready?


您准备好了吗?我们时刻准备就绪!

我们专注:网站策划设计、网络多媒体传播、网站优化及网站营销、品牌策略与设计
主营业务:网站建设、企业邮箱、网站优化、域名注册、虚拟空间

期待您与我们联系!您的咨询,是对我们极大的鼓励和支持,也是我们共赢美好未来的开始! 更感谢您对我们的关注与信赖……

您也可通过下列途径与我们取得联系:

电 话: 021-67637587,13817759102 (微信同号)

电 话: 15900942493 (微信同号)

QQ: 632248744 , 273657225

邮 箱: service@kj021.com

地 址: 上海市松江区荣乐中路228弄104号202室

地 址: 上海市闵行区(莘庄)友情路50弄15号1302室

上海网站建设
上海网站建设

上海开杰信息技术有限公司 沪ICP备12017671号-4

电话:021-67637587 15900942493(微信同号)

地址:上海市闵行区友情路50弄15号1302室

地址:上海市松江区荣乐中路228弄104号202室

上海开杰信息技术有限公司 上海网站建设 电话:021-67637587

地址:上海市松江区荣乐中路228弄104号202室

地址:上海市闵行区(莘庄)友情路50弄15号1302

沪公网安备 沪公网安备 31011702001626号 沪ICP备12017671号-4

上海开杰信息技术有限公司松江分部

电话:021-67637587 15900942493

地址:上海市松江区荣乐中路228弄104号202室

上海网站设计公司