Yslow-23修军规

YslowYahoo宣布的同样款基于FireFox的插件,主要是为着增进网页性能而计划的,下面是她提倡了23条规则,还是生是的,分享一下:1.压缩HTTP请求次数合并图片、CSS、JS,改进首不善拜访用户等时。2.
用到CDN就近缓存==>智能路由于==>负载均衡==>WSA全站动态加速3.
幸免免空的src和href当link标签的href属性为空、script标签的src属性为空的早晚,浏览器渲染之当儿会管当前页面的URL作为它们的属性值,从而把页面的内容加载进来作为它们的价。测试4.
啊文件头指定Expires使内容有所缓存性。避免了联网下的页面访问被不必要的HTTP请求。5.
动gzip压缩内容减少其他一个文件类的响应,包括XML和JSON,都是值得的。旧文章6.
把CSS放到顶部7. 把JS放到底部防止js加载对以后资源造成堵塞。8.
幸免下CSS表达式9.
拿CSS和JS放到外部文件中目的是缓存,但偶尔为削减请求,也会一直写及页面里,需因PV和IP的比重权衡。10.
权衡DNS查找次数减少主机名好节约响应时间。但与此同时,需要小心,减少主机会削减页面中互相下载的数额。IE浏览器在平等时刻只能打同一域名下充斥两独公文。当以一个页面显示多布置图时,IE
用户的图片下载速度就会见受到震慑。所以新浪会作N个二级域名来放开图片。11.
简单CSS和JS12. 避免跳转同域:注意避免倒斜杠 “/”
的跳转;跨域:使用Alias或者mod_rewirte建立CNAME(保存域名与域名中关系之DNS记录)13.
剔除重复的JS和CSS重复调用脚本,除了益额外的HTTP请求他,多次运算也会见浪费时间。在IE和Firefox中无脚论是否只是缓存,它们还设有重复运算
JavaScript的问题。14.
安排ETags它因此来判断浏览器缓存里之要素是否与原先服务器上的平。比last-modified
date更享有弹性,例如有文件于1秒内修改了10涂鸦,Etag可以归结
Inode(文件之索引节点(inode)数),MTime(修改时间)和
Size来精准的进展判定,避开UNIX记录MTime只能精确到秒的问题。
服务器集群使用,可取后少只参数。使用ETags减少Web应用带富和负载15.
但缓存的AJAX“异步”并无意味“即经常”:Ajax并无克确保用户不见面当守候异步的JavaScript和XML响应上消费时间。16.
用GET来形成AJAX请求当用XMLHttpRequest时,浏览器被之POST方法是一个“两步走”的经过:首先发送文书头,然后才发送数据。因此下GET获取数据时尤其有含义。17.
压缩DOM元素数量是否存在一个凡是再度确切的价签可以下?人生不仅仅是DIV+CSS18.
免404发出把站点将404荒唐应页面改吗“你是休是一旦摸***”,这则改进了用户体验而同为会见浪费服务器资源(如数
据库等)。最不好的气象是借助为外部
JavaScript的链接出现问题并回404代码。首先,这种加载会摔并行加载;其次浏览器会拿试图以回到的404响应内容遭找到可能有效之片当
作JavaScript代码来推行。19. 压缩Cookie的轻重缓急20. 利用无cookie的域比如图片
CSS 等,Yahoo!
的静态文件还以主域名之外,客户端请求静态文件的下,减少了 Cookie
的勤传输对主域名之影响。21.
绝不动滤镜,png24的当IE6半晶莹剔透那种东西,别瞎设,淡定的切成PNG8+jpg22.
不用在HTML中缩放图片23. 压缩favicon.ico并缓存

 

相关文章