• 关于网站性能优化 - 前端篇
    时间:2012-05-11   作者:佚名   出处:互联网

    网站性能对一个网站来说是至关重要的,差的性能整个网站的运营可能是致命的,遇到性能瓶颈的时候我们应该如何处理呢,本文介绍一下关于网站访问的过程和前端优化的几个方面。

    一些用户浏览统计

        1.1秒内自由浏览

        2.1 ~ 5秒,损失20%

        3.5 ~ 8秒,损失50%

        4.10秒99%

    访问网站过程

        1.DNS解析,找入口IP

            a)检查本地Host是否有域名解析,无则继续下一步

            b)将域名解析请求发送给本地的域名服务器

            c)本地域名服务器收到请求后,查询本地缓存,如有纪录则直接返回结果,无则继续下一步

            d)如本地缓存中无此纪录,则本地域名服务器就发请求到根域名服务器,然后根域名服务器再返回给本地域名服务器一个所查询域(根的子域)的主域名服务器的地址

            e)本地服务器向上一步返回的域名服务器发送请求,然后接受请求的服务器查询自己的缓存,如无该纪录,则返回相关的下级的域名服务器的地址

            f)重复(e),直到找到正确的纪录

            g)本地域名服务器把返回的结果保存到缓存,以备下一次使用,同时还将结果返回给客户机

        2.请求入口服务器

            a)如果有多层,则转发请求到节点服务器,可举例说明

        3.建立连接,发送请求(Header),等待响应,返回数据读取Cache,处理数据,渲染元素

    前端优化网站性能

        1.减少DNS查询

            a)减少域名的数量

        2.减少带宽

            a)删除文件内容注释,gzip压缩JS,CSS,HTML,不要压缩图片

            b)缓存文件,设置Expire或Cache-Control,特别是不常变化的文件

        3.减少连接数(不同浏览器同时最多支持2-4连接)

            a)多个小图标合并为1个图片

            b)使用多个域名

        4.减少解析时间

            a)减少冗余DOM元素,JS访问DOM较慢,标签要有始终

            b)指定图片尺寸大小

            c)将JS尽量放在底部,CSS放在头部,快速表现

            d)避免使用CSS表达式,运算频率高

        5.减少等待时间

            a)动态内容使用Ajax异步读取

            b)静态文件使用无cookie域名,带宽、存储和解析

    推荐工具:HttpWatch,FireBug,Yslow

    网友留言/评论

    我要留言/评论

    相关文章

    腾讯张小龙谈用户体验:用户体验是个什么东西?用户体验如何评价好坏?怎样用一句话描述用户体验评价方法的核心?个人对用户体验的目标是,做到“自然”。
    关于Michael Klocker运营好科技创业项目的经验:运营一个创业项目是非常困难的。当你创办第一个公司的时候,你得到的建议都非常“高端”,比如“关注用户需求!”“产品就是你公司的生命!”。可是怎样处理那些日常运营的琐事,没人能给你可行的建议。
    如何评价一款产品或一项功能被用户接受的难易程度?:如何评价一款产品或一项功能被用户接受的难易程度?一言以蔽之:通过你的产品(/功能/设计/其他)和用户以往经验的差异程度来对此进行评价。
    关于团队良性循环,哪里是乐土?:管理是门艺术,是管理活动中的一种高超的手段和方法,它是在长期的管理实践中总结出来的,建立在一定的素养、才能、知识 、经验基础上的有创造性的管理技巧。本文就下面几个例子来阐述一下管理的学问。
    QQ空间技术架构之深刻揭秘:QQ 空间作为腾讯海量互联网服务产品,经过近七年的发展,实现了从十万级到亿级同时在线的飞跃。在这个过程中,QQ 空间团队遇到了哪些技术挑战?其站点前后台架构随着业务规模的变化又进行了怎样的演进与变迁?成长背后有过怎样的心酸和快乐……
    关于需求沟通,接私活的事儿:我们曾经接了一个私活儿,某农业局的政务网站,功能很简单,无非就是新闻发布、在线留言等功能。这对我们这些做惯B/S开发的人来说,简直是小菜一碟。
    几秒快速注册?那接下来呢?:我们经常会在各个网站的注册页面看到“xx秒注册”的提示,此处摒除垃圾站点或游戏的广告不提,但有谁想过为什么要有这样一个提示呢?
    谈谈产品和团队 - 攀登之旅的启发:上周六,公司一行13人去了深圳横岗一起去攀登溪谷。作为第一次参与类似徒步旅行的我来说,这一次攀登之旅的启发很大,让我联想到许多关于产品、关于团队的东西。废话少说,给大家分享一下。
    网页设计流程-实例说明:对于很多刚入行的网页设计来说,总有很多迷惘和不安,特别是在设计过程中,遇到反复修改,更是有想揍人的冲动,有句话怎么说来着,每一次网页设计师背后,都有一群指点江山的大神。
    新产品上线前的5大准备工作:是的,你的产品已经测试完毕,bug list已经清空,上线后的用户跟踪、意见收集准备也已完成,你甚至制定出了上线后半年内的迭代发布计划。你觉得万事俱备,只欠发布了。