雅虎网页面机能优化的34条黄金守则
|
1、只管镌汰HTTP哀求次数 终端用户相应的时刻中，有80%用于下载各项内容。这部门时刻包罗下载页面中的图像、样式表、剧本、Flash等。通过镌汰页面中的元素可以镌汰HTTP哀求的次数。这是进步网页速率的要害步调。 镌汰页面组件的要领着实就是简化页面计划。那么有没有一种要领既能保持页面内容的富厚性又能到达加速相应时刻的目标呢?这里有几条镌汰HTTP哀求次数同时又也许保持页面内容富厚的技能。 归并文件是通过把全部的剧本放到一个文件中来镌汰HTTP哀求的要领，如可以简朴地把全部的CSS文件都放入一个样式表中。当剧本可能样式表在差异页面中行使时必要做差异的修改，这也许会相对贫困点，但即便云云也要把这个要领作为改进页面机能的重要一步。 CSS Sprites是镌汰图像哀求的有用要领。把全部的配景图像都放到一个图片文件中，然后通过CSS的background-image和background-position属性来表现图片的差异部门; 图片舆图是把多张图片整合到一张图片中。固然文件的总体巨细不会改变，可是可以镌汰HTTP哀求次数。图片舆图只有在图片的全部构成部门在页面中是紧挨在一路的时辰才气行使，如导航栏。确定图片的坐标和也许会较量繁琐且轻易堕落，同时行使图片舆图导航也不具有可读性，因此不保举这种要领; 内联图像是行使data:URL scheme的要领把图像数据加载页面中。这也许会增进页面的巨细。把内联图像放到样式表(可缓存)中可以镌汰HTTP哀求同时又停止增进页面文件的巨细。可是内联图像此刻还没有获得主流赏识器的支持。 镌汰页面的HTTP哀求次数是你起主要做的一步。这是改造初次会见用户守候时刻的最重要的要领。犹如Tenni Theurer的他的博客Browser Cahe Usage - Exposed!中所说，HTTP哀求在无缓存环境下占去了40%到60%的相应时刻。让那些首次会见你网站的人得到越发快速的体验吧! 2、镌汰DNS查找次数 域名体系(DNS)提供了域名和IP的对应相关，就像电话本中人名和他们的电话号码的相关一样。当你在赏识器地点栏中输入www.dudo.org时，DNS理会处事器就会返回这个域名对应的IP地点。DNS理会的进程同样也是必要时刻的。一样平常环境下返回给定域名对应的IP地点会耗费20到120毫秒的时刻。并且在这个进程中赏识器什么都不会做直到DNS查找完毕。 缓存DNS查找可以改进页面机能。这种缓存必要一个特定的缓存处事器，这种处事器一样平常属于用户的ISP提供商可能当地局域网节制，可是它同样会在用户行使的计较机上发生缓存。DNS信息会保存在操纵体系的DNS缓存中(微软Windows体系中DNS Client Service)。大大都赏识器有独立于操纵体系以外的本身的缓存。因为赏识器有本身的缓存记录，因此在一次哀求中它不会受到操纵体系的影响。 Internet Explorer默认环境下对DNS查找记录的缓存时刻为30分钟，它在注册表中的键值为DnsCacheTimeout。Firefox对DNS的查找记录缓存时刻为1分钟，它在设置文件中的选项为network.dnsCacheExpiration(Fasterfox把这个选项改为了1小时)。 当客户端中的DNS缓存都为空时(赏识器和操纵体系都为空)，DNS查找的次数和页面中主机名的数目沟通。这个中包罗页面中URL、图片、剧本文件、样式表、Flash工具等包括的主机名。镌汰主机名的数目可以镌汰DNS查找次数。 镌汰主机名的数目还可以镌汰页面中并行下载的数目。镌汰DNS查找次数可以节减相应时刻，可是镌汰并行下载却会增进相应时刻。我的指导原则是把这些页面中的内容支解成至少两部门但不高出四部门。这种功效就是在镌汰DNS查找次数和保持较高水平并行下载两者之间的衡量了。 3、停止跳转 跳转是行使301和302代码实现的。下面是一个相应代码为301的HTTP头： HTTP/1.1 301 Moved Permanently Location: http://example.com/newuri Content-Type: text/html 赏识器会把用户指向到Location中指定的URL。头文件中的全部信息在一次跳转中都是必须的，内容部门可觉得空。不管他们的名称，301和302相应都不会被缓存除非增进一个特另外头选项，如Expires可能Cache-Control来指定它缓存。 可是要记着跳转会低落用户体验。在用户和HTML文档中间增进一个跳转，会耽搁页面中全部元素的表现，由于在HTML文件被加载前任何文件(图像、Flash等)都不会被下载。 有一种常常被网页开拓者忽略却每每异常挥霍相应时刻的跳转征象。这种征象产生在当URL本该有斜杠(/)却被忽略掉时。譬喻，当我们要会见http://astrology.yahoo.com/astrology 时，现实上返回的是一个包括301代码的跳转，它指向的是http://astrology.yahoo.com/astrology/ (留意末端的斜杠)。在Apache处事器中可以行使Alias 可能 mod_rewrite可能the DirectorySlash来停止。 毗连新网站和旧网站是跳转成果常常被用到的另一种环境。这种环境下每每要毗连网站的差异内容然后按照用户的差异范例(如赏识器范例、用户账号所属范例)来举办跳转。行使跳转来实现两个网站的切换异常简朴，必要的代码量也不多。尽量行使这种要领对付开拓者来说可以低落庞洪水平，可是它同样低落用户体验。一个可更换要领就是假如两者在统一台处事器上时行使Alias和mod_rewrite和实现。假如是由于域名的差异而回收跳转，那么可以通过行使Alias可能mod_rewirte成立CNAME(生涯一个域名和其它一个域名之间相关的DNS记录)来更换。 （编辑：河北网） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
