• 高性能网站的十四条黄金法则
    时间:2012-07-24   作者:地瓜哥   出处:diguage.com

    许多研究都表明,用户最满意的打开网页时间,是在2秒以下。用户能够忍受的最长等待时间的中位数,在6~8秒之间。这就是说,8秒是一个临界值,如果你的网站打开速度在8秒以上,那么很可能,大部分访问者最终都会离你而去。

      Google做过一个试验,显示10条搜索结果的页面载入需要0.4秒,显示30条搜索结果的页面载入需要0.9秒,结果后者使得Google总的流量和收入减少了20%。

    Amazon的统计也显示了相近的结果,首页打开时间每增加100毫秒,网站销售量会减少1%。

    由此可见,网页的打开速度,对于一个站长,尤其是对于营利性网站来说,是多么重要。但是,从输入网址到网页全部打开,这段时间内,浏览器与服务器之间都发生了什么?时间都消耗在哪里的呢?

    雅虎实验室的研究表明,对于大多数网站来说,只有不到10%-20%的响应时间是消耗在从Web服务器上下载HTML文档到浏览器中的。哪另外的80%到90%的时间,消耗到哪里去了呢?

    雅虎的前首席性能专家、著名网页性能分析YSlow的创建者Steve Souders的《High Performance Web Sites》(国内翻译为:《高性能网站建设指南》)给大家揭开另外80%-90%的秘密。书中,Souders简要地提出来关于Web前段性能的十四条黄金法则。如下:

    ●Make Fewer HTTP Requests(尽量减少HTTP请求)
    ●Use a Content Delivery Network (使用内容分发网络(即CDN))。我前面写过一篇文章,来介绍CDN网络的使用。
    ●Add an Expires Header(添加Expires头)
    ●Gzip Components (压缩组件)
    ●Put Stylesheets at the Top(把CSS放在HTML最上面)
    ●Put Scripts to the Bottom (把脚本(比如JavaScript)放到HTML最下面)
    ●Avoid CSS Expressions(避免使用CSS表达式)
    ●Make JavaScript and CSS External(使用外部的JavaScript和CSS)
    ●Reduce DNS Lookups (减少DNS查询次数)
    ●Minify JavaScript(精简JavaScript)
    ●Avoid Redirects (避免重定向)
    ●Remove Duplicate Scripts(删除重复代码)
    ●Configure ETags (配置ETag)
    ●Make Ajax Cacheable(使用Ajax缓存)

    从十四条黄金法则扩展开来 ,每一条都是一支学习树,看完了解简单,一条一条掌握就来日方长了。这十四条黄金法则让你明白前端优化的准则,自己动手处理的时候有明确目标方向。同时,从这本书里,让我意识到,除了标准的xHTML/CSS/JavaScript,一个优秀的Web开发工程师还应该具备其他几种技能:

    ●精通浏览器工作原理及不同浏览器间的差异
    ●理解HTTP协议
    ●掌握服务器端编程
    ●了解网络环境配置

    作为一个开发人员,不能再满足于能实现,而要向更优的实现进军。不满足于言简意赅的操作指南,而要向对内部原理的融会贯通进军!所以,我计划针对每一条写一篇原理介绍以及一个实践日志。关于CDN的实践前段时间已经发出来了,请看“使用Microsoft Ajax Content Delivery Network(CDN)优化WordPress加载速度”。

    网友留言/评论

    我要留言/评论

    相关文章

    SEO关于URL优化的一些经验:URL在搜索结果列表中时显示内容之一。设计网站结构时需要对目录及文件命名系统做事先规划。总的原则是首先从用户体验出发,URL应该清晰友好、方便记忆,然后才考虑URL对排名的影响。具体可以考虑以下几个方面。
    搜索引擎高排名的8步骤:对于网上业务,网站和博客一样,在搜索引擎中的排名高是必须的。有机搜索结果是相关的网页出现在搜索引擎结果页面在回应关键字搜寻字词。结果是不带偏见,而不是生成的基础上的付费广告。当你的网站排在各大搜索引擎,像谷歌,雅虎和Bing高,您的网站的网址,标题和描述的结果页上可见。获得了坚实的搜索引擎的地位,意味着你的网站是一个权威和流行的在线源。
    解构科技博客:一直压着没发,之前写知乎时就写完这篇东西了,今天突发灵感就修改一些东西发出来了,可能以后写东西的方向会改变,不再是这类大而泛的文章了。
    十五种实用促销方式:促销是指为了促进产品的销售,针对的消费行为、消费习惯而采取的促进产品快速实现从厂家到手中转变的策略。@茵曼文案lala凤 根据自己在工作中的实践与摸索,总结了15种促销方式,她没想到的是,这个图迅速在微博上疯传,并被许多网友惊呼为“目前看起来最全的促销图”。
    GET和POST有什么区别?及为什么网上的多数答案都是错的。:前几天有人问我这个问题。我说GET是用于获取数据的,POST,一般用于将数据发给服务器之用。
    网站运营人员必须要了解的网站运营术语:一个网站从建立到发展需要很多人的努力,现在的网站运营也不仅仅是一个开源程序,一个cms或者是一个网站源码就可以搞定的事情。网站建立起来想要获得发展的话还需要有人去经营网站,而如何经营,那就是网站运营要做的事情了。当然不一样的网站需要的运营手法是不相同的,而且每个运营人员对于网站的理解也是不一样的。但是不管如何改变,网站运营术语还是一样的。
    互联网产品如何从无到有聚集用户?:最近遇到考题:一个互联网产品如何从无到有聚集用户?对此,我分了3个阶段来进行论述。(中间加了一些孙子兵法的观点,学习孙子兵法,对做产品也有一定的指导思想。希望更多的人能学习国学,爱国学。多学国学,就能透过现象看本质,这也是哲学的本意。)
    信息图:社会化网站生存的五大法则:我们在社会化网站上花费的时间占据了上网时长的35%。对社会化网站站主而言,社会化网站千千万,如何在激烈的竞争中脱颖而出,是每个网站拥有者必须认真思考的一个问题。本幅信息图告诉你五大法则,助力你社会化网站的运营。
    9个方法令你的作品集人气大升:对于新人设计师或自由职业者(或许“老鸟”也同样)而言,最大的一个挑战是:让自己的作品集为更多的人看见。即使你的设计质量上乘,但如果无人知晓,你也无法如愿获得更多工作机会。这里列举了一些私人经验,或许能帮你们提升曝光率。
    如何通过改善用户体验来提高网站的转化率:对电子商务网站来说,可用性和用户体验的改善,对转化率的提高是有显著效果的。所谓的改善,不仅包括更好的视觉效果与内容架构,更重要的是,怎样以更专业化的、让人信赖的方式在正确的时间传达正确的信息,与潜在客户进行有效的沟通。   通过本文,你将了解到,为产品创建着陆页面时需要注意哪些涉及用户体验和可用性方面的因素,包括怎样使用户的注意力集中在最重要的信息上,以及怎样通过视频、用户打分等方式,有效提升转化率。