当前位置:380元网站建设 虎网站 > 网站维护 > 正文

尽可能减少对象

发布日期:2020-03-14
尽可能减少页面上的对象。所有性能至关重要的Web页面。减少或合并对象,但要与最大同时连接数进行平衡;口测试修改过的页面,确保性能提高了。对象数量会影响下载时间。对象和提供它们的方法之间的平衡是一门学问,需要适时调整。这是客户的可用性、有用性和性能之间的平衡。

web页面是由各种各样的对象(HTML、CSS、图像、Javascript等)构成的,这就使得浏览器能够独立甚至并行地下载它们。提高Web页面的性能,从而提高扩展性(为一个页面提供的对象少,就意味着服务器能够多服务几个页面)的最简单方法之一就是减少页面上的对象。对大多数页面来说,造成性能问题的罪魁祸首都是图形化对象,如照片和图像。作为示例,让我们来看看Google的检索页面(www.google.com)如他们自己所述,该页面本质上就是极简的。在编写本书时,Google的检索页面上只有5个对象:一个HTML文件、两个图像和两个Javascript文件。我做了一个不算很科学的实验,载人该检索页面的时间约为300毫秒。再看一看与我们合作的一个在线杂志业,我们这个客户的主页有200多个对象,其中145个是图像,平均需要花费111秒以上才能载入该页面。这个客户并没有意识到,页面性能低会导致有价值的读者流失。Google于2009年发布过一个白皮书,声称测试表明检索延迟增加400毫秒,就会使每天的检索量减少将近0.6%。

尽可能减少对象

减少页面上的对象是提高性能和可扩展性的好方法,但是在你急于删除所有图像前,还需要考虑几点。首先,显然要考考虑你想传达给客户的重要信息。如果没有图像,你的页面看起来就会像1992W3项目的页面,该页面据说是史上最早的一个Web页面。由于你需要图像、Javascript脚本和CSS文件,那么第二点需要考虑的就是把相似的对象合并到一个文件中。这个主意并不坏,事实上,还有一个专门的技巧,即CSS图片精灵。所谓图片精灵,就是一组小图像的集合,这些小图像被组合成一个较大的图像,使用CSS处理这幅图像就可以只显示其中一幅小图像。这样做的好处就是大大减少了所请求的图像数量。返回 Google检索页面,该页面上的两个图像之一,就是一个图片精灵,它是由二十多个能够独立显示的小图像构成的。

至此,我们已经讨论过,虽然减少页面上的对象可以提高性能和可扩展性,但是这种做法必须权衡考虑页面对现代外观的需求(图像、CSS文件和Javascript)。接下来,我们讨论如何把这些对象组合成一个对象,从而减少浏览器生成页面所必需的请求。不过,这就有另外一点需要权衡,即把所有对象都组合到一个又对象中,就不能利用我们在每个服务器的最大同时持续连接数了。简单重述一下,最大同时连接数指浏览器从一个域中同时下载多个对象的数量。如果所有内容都放在一个对象中,那么浏览器这种能同时下载两三个对象的能力就毫无用武之地了。现在,我们需要考虑把这些对象分布到几个小对象中,这样就能够同时下载。

浏览器的同时连接功能是对提供对象的域的限制。如果页面上的所有对象都来自于一个域(www.akfpartners.com),那么浏览器设置的最大连接数就是最多可以同时下载的对象数。如前所述,这个最大数建议设为2,不过许多浏览器默认设置为6或者更高。因此,最好把你的内容(图像、CSS文件、Javascript文件等)分成足够多的对象,以便充分利用浏览器的这一功能。能够真正利用浏览器这一功能的一个技巧是从不同的子域提供不同的对象(例如,static.akfpartners com、static2.akfpartners,com等)。浏览器会分别考虑这些域,能够并发地让每个域都达到最大连接数。前面我们提到过的在线杂志的客户,对载入时间1秒的页面使用了该技术,把对象分布到7个子域中,从而把平均载入时间减少到了5秒以下。

遗憾的是,对于理想的对象大小或应该采用多少个子域,没有绝对的答案。提高性能和可扩展性的关键还是测试页面。在必要的内容和功能、对象大小、显示时间、总下载时间、域等因素之间,都要进行平衡。如果页面上有100个对象,每个大小50KB,那么把它们组合到一个图片精灵中可能不是好方法,因为在没有把4.9MB的对象下载完之前,任何图像都显示不出来。如果把所有js文件都组合到一个文件中,那么在没有把整个文件下载完之前,任何 Javascript功能都不能用。究竟哪种选择才是最好的,只有使用各种ISP连接速度在各种浏览器上测试页面之后才能确切知道。

总之,页面上的对象越少,网页性能就越好,但是必须与其他因素平衡。这些因素包括必须显示多少内容,多少对象可以组合起来,如何通过增加域最大限度地利用同时连接,页面总体大小以及限制对象数量是否有帮助等。虽然本原则涉及很多提高Web站点性能的技术。
 
此外,还有很多优化网站建设性能的技术可以考虑,包括在页面顶部载入CSS文件、在底部载入 Javascript文件、减小文件、利用缓存、延迟加载等。

日本俳句的历史和特点是什么?

    日本俳句的历史和特点是什么? 日本俳句是一种古老的诗歌形式,它是日本文学中的重要组成部分。俳句是一种短小精悍的诗歌形式,通常由17个音节组成,分为5-7-5的三行。它的历史可以追溯到公元9世纪,当时的日本人已经开始创作短小的诗歌。然而,俳句的形式和风格在17世纪时才被正式确定下来。 在日本的文化历史中,俳句是一种非常重要的艺术形式。它是日本文学中的一种非常重要的诗歌形式,并且在日本文化中扮演着重...

       网站做好后我们不会维护怎么办? 网站建设好后,我们技术上提供一年的免费维护,保证网站的正常使用,不收取任何额外费用(第二年网站维护费按具体网站开发费用的10~15%收取)。网站的资料更新都有独立的后台进行操作,添加维护网站资料工作我们会负责培训和讲解,其实维护网站内容很简单,基本和我们平时玩空间以及博客一样。只需要专门人去负责和管理就好。另外可以随时与我们长沙网站制作专家-火星网络取得联系。我们的联系电话:

       网站建设项目合同的编写因素 据悉,网站建设合同是在网站建设项目中,企业(需要建网站方)和承建方(专业网站制作企业)之间共同确立的双方在项目中的权利,义务和合作内容的契约文件。网站建设合同必须包含以下主要内容: 1)网站建设工作范围 2)网站建设工作流程与时间进度 3)网站建设质量要求 4)网站承建费用支付,支付标准与支付方式 下面就每一部分应该写明一些什么内容和注意一些什么点逐个做说明(合同其他部分如,违约形式与责任,合...

       网页的色彩处理 色彩处理   色彩是人的视觉最敏感的东西。网页的色彩处理得好,可以锦上添花,达到事半功倍的效果。色彩总的应用原则应该是'总体协调,局部对比',也就是:网页的整体色彩效果应该是和谐的,只有局部的、小范围的地方可以有一些强烈色彩的对比。在色彩的运用上,可以根据网页内容的需要,分别采用不同的主色调。因为色彩具有象征性,例如:嫩绿色、翠绿色、金黄色、灰褐色就可以分别象征着春、夏、秋、冬。其次还有职业的标志...

       网站制作服务通常会有哪些不可或缺的环节 学徒建设网站一般都比较迷茫,其实网站制作已经变成相对容易,做好这一些环节就可以基本完成一个网站的制作了,那么网站制作服务通常会有哪些不可或缺的环节呢? 网站制作服务通常会有哪些不可或缺的环节   对于网站来说主要目的便是给用提供方便的体验,使客户足不出户在电脑上就能完成各种需求。因此网站的特征就是要便捷,要让用户能够容易快速的完成需求,倘若其中的环节让客户感觉繁琐的话,这个网站也就丧失了意义。因此...

       福田蓝一电子配件与虎网科技签署做网站项目 蓝一是经深圳市福田区工商局审核的正规企业,统一社会信用代码:91440300MA5DFTCH44。蓝一位于深圳市福田区莲花街道红荔路7002号第壹世界广场西座10B。蓝一选用虎网站经济型入门级网站案例,其功能比较简单的程序,广告单图(无动漫),页面较简单,适合小微企业产品展示型网站。   蓝一是一家专业研发和生产计算机周边、手机通讯、医疗、家电、音视频、汽车等连接线为主的OEM/ODM公司,特别是...

最新模板
少儿英语培训机构网站建设 培训公司网站建设
成人自考网站建设 成人培训网站制作设计版面
智能家居摆设设计网站建设 智能家居装修企业网站建设
铜螺母,铜螺丝,螺栓,螺钉工厂网站建设
废气处理设备,如活性炭吸附箱、RTO蓄热式氧化处理设备、光氧等离子复合设备 低温等离子设备 光氧催化设备等网企业网站建设
图文阅读