高特性网站应用的14条技术性

日期:2021-01-20 类型:科技新闻 

关键词:小程序制作流程,抽奖小程序,微信小程序怎么开店,小程序码生成,小程序模版


原文:http://developer.yahoo.com/performance/rules.html
2007.3.20 Steve Souders
Translated by mask
从2004年刚开始,我刚开始进到yahoo的出现异常主要表现小组。大家是1个很小的团队,专业对于yahoo的商品开展品质检验和改善,我做为1个后端开发工程项目师,如今却刚开始捣鼓前端开发编码提升层面的工程项目,因此我觉得这是1个极好的发展的机遇。我的总体目标是改善客户端体验,我衡量了在各个带宽下访问器的回应時间,得出以下的1个图表,它展现了来自http://yahoo.com的http的总流量。

以上标志的第1个标识便是html,是1个html文本文档最初载入的东东,在这个事例中,载入html编码只占了全部回应時间中的5%,这个結果可用于绝大部分网站,在取样美国的前10位网站中,仅有1家超出5%但少于20%,其余80%的時间是用来载入网页页面别的內容的,也便是说,前端开发(原文是front-end,意思便是不包含html编码的其余內容,能够是照片,脚本制作,flash,视頻,各种各样物品)。这便是为何大家要把眼光集中化在这些物品来提升显示信息速率的重要缘故。
为何要从前端开发刚开始下手有3个关键缘故
    这里有提高和改善的发展潜力。假如能降低1半的体积,就可以降低40%的回应時间 改善前端开发比改善后端开发必须的時间和資源更少。(改善后端开发要再次设计方案运用程序流程整体规划,编码,找寻提升编码的方式,加上或更改硬件配置配备,遍布式数据信息库,这些) 前端开发的改善在大家的工作中中早已被确认,大家在yahoo有510个小组,在大家的最好主要表现标准下,提升了她们的客户端回应時间做到25%或更高。

大家的金子标准是:最先提升前端开发主要表现,这些物品消耗了客户端回应時间中的80%。
1.降低http恳求数
照片,css,script,flash,这些这些都会提升http恳求数,降低这些元素的数量能降低回应時间。
CSS Sprites技术性能降低照片的恳求数,把零散的小照片放到1起,应用background-position来更改情况照片的部位,前提条件是html元素事前界定好宽高,实际上就像1个遮罩,挪动情况就会看到不一样的景色。
嵌入图象 用data:URL scheme的方法把照片內容编码立即嵌入html编码中,这样会增大html编码的体积,改善的方法是把嵌入照片嵌入到css中(css被缓存文件),这样就会更好的降低http恳求数并且不增大html的体积。
许多客户全是在空缓存文件的状况下进到你的网站的,这样第1次的速率就会显得很关键。
第1条标准是最关键的1条标准。
上1页12 3 下1页 阅读文章全文
上一篇:TOM.COM网站主页改版的体验体会 返回下一篇:没有了