yahoo开发设计的网页页面评分软件YSlow的评分标准

2021-03-23 04:07 jianzhan

YSlow是yahoo美国开发设计的1个网页页面评分软件,十分的棒,从中大家能够看出大家网页页面上的许多不够,而且能够了解大家改如何却改善和提升。
细心科学研究了下YSlow的评分标准。
关键有12条:
1. Make fewer HTTP requests 尽量少的http恳求。。大家有141个恳求(在其中15个JS恳求,3个CSS恳求,47个CSS background images恳求),多的恐怖。思索了下,为何把这个3种恳求过量列为对网页页面载入的关键不好要素呢,而过量的IMG恳求并沒有列为不好要素呢?
发现原先这些恳求全是能够防止的。
15个JS和3个CSS彻底能够根据独特的方法开展合拼(这个技术性部早已帮大家处理了,确实是太谢谢了,嘿嘿。),这样合拼之后,1般状况下网页页面上只会出現1个JS和1个CSS(对JS的封裝得有1定的规定)。
可是47个CSS background images恳求改如何处理呢?为何网页页面上的纯IMG恳求时有效的,而CSS background images恳求过量便是不好要素了呢。这个我想了很久,终于搞清楚,原先是这样的:
1般网页页面上的ICON,栏目情况啊,照片按钮啊,大家都会用照片CSS情况来完成,而1般这个照片CSS情况用到的照片全是较为小的,因此彻底能够把这些照片合拼成1个相对性较为大的照片,这样网页页面上只会出現1个CSS background images恳求,数最多也就2⑶个。后来细心看了下yahoo美国的网页页面,她们确实也是这样做的,尽管这样做必须花1定的時间来有标准的合拼这些ICON,栏目情况,照片按钮,以便捷CSS启用,可是这样做肯定是合算的,并且是必须的,YSlow也是竭力强烈推荐的。
2.Use a CDN 这项大家的评分是F级,最低。说确实的,我一开始甚么是CDN都不知道道。后来查了GOODLE才了解。CDN的全称是Content Delivery Network,即內容派发互联网。其目地是根据在现有的Internet中提升1层新的互联网构架,将网站的內容公布到最贴近客户的互联网”边沿”,应用户能够就近获得所需的內容,处理Internet互联网拥堵的情况,提升客户浏览网站的回应速率。从技术性上全面处理因为互联网带宽小、客户浏览量大、网点遍布不均等缘故所导致的客户浏览网站回应速率慢的难题。
来看上述的解释后,基础上搞清楚了CDN是如何回事,后来资询了下汉语站点SA,获知大家网站现阶段确实都还没做CDN的提升,可是听说大家有更为优秀的技术性来处理相近的难题(实际甚么技术性那就信息保密了),可是终究CDN也是个非常非常好的技术性,因此在大家优秀技术性的基本上在做CDN提升,毫无疑问比如今更好,嘿嘿。听说SA2020年会做几个点的CND。
3. Add an Expires header 设定到期的HTTP Header.设定Expires Header能够将脚本制作, 款式表, 照片, Flash等缓存文件在访问器的Cache中.
实际上大家网站也做了这个提升,最少照片在这个上做过提升,可是沒有做彻底。大家的CSS和JS还没有有做过提升,倒是外界引进的1个广告宣传JS做了,呵呵。实际上设定到期的HTTP Header 更应当做在脚本制作, 款式表, Flash上.但是听说这个SA也是沒有做的,可是有1定的风险性,由于JS和CSS是有1定的逻辑性,假如服务器端和顾客端都存在缓存文件的话,万1出了甚么难题,对大家之后搜索难题的所属和提升难度,但是我想二者中是能够衡量和并存的。
4. Gzip components 对大家的网页页面內容开展Gzip文件格式的缩小,Gzip文件格式是1种很广泛的缩小技术性,基本上全部的访问器都有解压Gzip文件格式的工作能力,并且它能够缩小的占比十分大,1般缩小率为85%,便是说动务器端100K的网页页面能够缩小到25K上下的Gzip文件格式的数据信息发给顾客端,顾客端收到Gzip文件格式的数据信息后全自动解缩小后显示信息网页页面。
这点大家网站基础上是100%保证了,可是大家这项的评分并沒有做到想像中的A级,缘故是出在大家的外界连接,例如大家主页,有外界的广告宣传投放JS,这个JS说有着的网站是沒有做过GZIP提升,拖累了大家网站,因此大家也仅有B,或C级。
5. Put CSS at the top 把CSS外界连接放到网页页面的顶部。
实际上这个标准大家1般都遵循的,假如把CSS外界连接做为逻辑性的1一部分出現在网页页面头顶部下列,我本人感觉这个自身便是个不正确。还好,大家的网页页面基础上都保证了,但是一些网页页面例如LIST网页页面,還是出現了和逻辑性挂钩的CSS连接,缘故是以便处理1些原本就不符合理的商品逻辑性。因此,大家WEB前端开发工程项目师有责任避免这些不符合理的商品逻辑性破坏大家的网页页面結果及网页页面载入速率,不可以以便完成而完成。
上1页12 下1页 阅读文章全文