网页由各种对象(HTML, CSS, 图像, JavaScript, 等等。),这使得浏览器可以独立下载它们甚至并行。提高网页的性能,从而提高铺展性(对于页面提供的对象较少,一个意味着最简单的服务器方法可以为几页提供几页是为了减少页面上的对象。对于大多数页面,导致性能问题的罪魁祸首是图形对象。如照片和图像。举个例子,让我们来看看谷歌的搜索页面(www。谷歌。他们打电话,此页面本质上是简约的。写这本书时,Google搜索页面上只有5个对象:HTML文件, 两个图像和两个JavaScript文件。我做了一个非常科学的实验,载人搜索页面约为300毫秒。看看在线杂志行业,我们的主页有超过200个对象,145是图像,平均需要需要111秒才能加载页面。这个客户没有意识到。页面性能将导致有价值的读者。谷歌在2009年发出白皮书,索赔测试表明检索延迟了400毫秒。每日检索金额近0。6%。
减少页面上的对象是提高性能和可扩展性的好方法。但在你渴望删除所有图像之前[建筑企标准版网站多少钱业网站]那需要考虑几点。首先,明显地, 您想考虑您想要传达给客户的重要信息。如果没有图像,您的页面看起来像1992W3项目的页面,据说此页面是历史中最早的网页。由于您需要图像, JavaScript脚本和CSS文件,然后, 需要将第二个点视为将类似的对象合并到文件中。这个想法还不错,实际上,还有一个特殊技能。CSS图片精灵。所谓的图片,这是一系列小图像,这些小图像组合成更大的图像,使用CSS处理此图像只能显示其中一个小图像。这的优点是大大减少所要求的图像的数量。返回Google检索页面,此页面上的两个图像之一,是一种图片精神,它由20多个可以独立显示的小型图像组成。
在此刻,我们已经讨论过,虽然它会减少页面上的对象以提高性能和可伸缩性,但必须对这种做法进行重视,需要页面面对现代外观(图像, CSS文件, 和javascript)。下一个,我们讨论如何将这些对象组合到一个对象中。从而减少了浏览器生成页面所需的请求。但,这是另一种称重,那是, 所有对象都组合成一个对象,无法使用我们的更大连接到每个服务器。简单的裁判,连接号意味着浏览器从域同时下载多个对象的数量。如果所有内容放在对象中,所以浏览器[剑站官方网站公司]同时下载两个或三个对象的能力未使用。马上,我们需要考虑将这些对象分发到几个小对象中。这将能够同时下载。
浏览器的连接功能是提供对象的域的限制。如果页面上的所有对象来自域名(www。Akfpartners。com),然后浏览器设置是可以下载到的对象数。如前面提到的,此更大建议数设置为2,然而, 默认情况下,许多浏览器设置为6或更高。所以,更好划分你的内容(图像, CSS文件, JavaScript文件, 等等。)进入一个足够的物体,为了充分利用浏览器的此功能。一种可以真正使用浏览器的一种技术提供了来自不同子域的不同对象(例如,静止的。akfpartners com, static2。Akfpartners,COM, 等等。)。浏览器将单独考虑这些域。能够使每个域达到最近的。我们之前提到的在线杂志的客户,该技术用于1秒钟的页面上使用。将对象分为7个子域,这将平均负载时间降低至5秒钟。
令人遗憾的是,对于理想的对象大小或应该使用多少子域,没有的答案。改进性能和可扩展性的关键或测试页面。在必要的内容和功能之间, 对象大小, 显示时间, 总下载时间, 和域名, 等等。两者都是平衡的。如果页面上有100个对象,每尺50kb,然后将它们结合到图片精灵中可能不是一个好方法,因为没有4。在下载9MB对制作微官网象之前,任何图像都无法显示。如果所有JS文件组合成一个文件,因此,在未下载整个文件之前,不使用JavaScript功能。哪种选择是更好的,只有在各种浏览器上使用各种ISP连接速度才能测试页面。
简而言之,页面上的对象越少,页面性能越好, 更好,但你必须与其他因素保持平衡。这些因素包括必须显示多少内容,可以组合多少个对象,如何使用域的更大使用来更大化同时连接,页面的总体大小以及限制数量有用。虽然这一原则涉及许多改善网站性能的技术。
此外,还有很多[剑网站公司]优化网站施工表现的技术可以考虑,包含在顶部加载CSS文件顶部, 加载底部的JavaScript文件, 减少文件, 使用缓存, 延迟装载, 等等。
市网站制作 企业公司网站建设 专业网页制作
请立即点击咨询我们或拨打咨询热线: 13968746378,我们会详细为你一一解答你心中的疑难。项目经理在线