当前位置: 首页 > 科技观察

8来自工程师的Web性能提升建议

时间:2023-03-13 17:47:08 科技观察

在互联网普及的今天,越来越多的上网用户期望安全、可靠、快速的访问体验。针对网页过度膨胀、第三方脚本侵占流量等问题,Radware向网站运营商提出以下改进建议,以帮助他们为用户提供最快、最优质的访问体验。1.管理“页面膨胀”页面大小与性能密切相关。Radware最新的电子商务业绩“行业状况”报告显示,前100家电子商务公司的页面大小中位数为1492KB,比一年半前增长了48%。在研究报告中加载速度最快的前10个页面中,页面包含50个资源请求的中位数和556KB的中位数页面大小。在加载最慢的10个页面中,页面中包含的资源请求数的中位数为141,页面大小的中位数为3289KB。换句话说,加载最慢的页面几乎是加载速度最快的页面的中位数资源的三倍和页面大小的六倍。仔细研究页面大小,我们可以获得更多信息。加载速度最快的10个页面包含的资源总数比较密集:在15到72之间;页面大小最小的只有251KB,最大的有2003KB。加载最慢的10个页面中包含的资源总数范围很广:在89到373之间;最小页面大小为2073KB,最大页面大小超过10MB。2.执行图像优化图像是页面膨胀的罪魁祸首之一,通常占据页面字节的50-60%。在页面中添加图片或放大现有图片是快速获取用户和提高业务转化率的有效方式。但是这种方法会对性能产生严重影响。优化图像是提高性能、加快页面加载速度的最简单方法之一。为了更有效地完成图像渲染,必须对图像进行压缩整合,仔细调整图像的大小和格式,优化图像质量,使加载过程可以根据重要性进行区分的图像。3、控制第三方脚本在典型的页面服务器请求中,来自第三方脚本的请求占到50%以上。这些第三方脚本不仅会增加页面的字节数和延迟,而且它们还可能成为网页中最大的潜在故障点。反应迟钝、未经优化的第三方脚本会降低整个网络的加载速度。解决方法是延迟加载第三方脚本,在关键页面内容之后加载,最好在页面的onLoad事件之后加载,以免影响企业的搜索排名(谷歌将onLoad事件视为load时间指标)。对于一些分析工具和第三方广告商,如果延迟加载第三方脚本不可行,可以使用异步版本的脚本来与关键内容的加载同步。用户必须知道网站上有什么脚本,删除无用的脚本,并持续监控第三方脚本的性能。4.真正做到移动优先“移动优先”并不是一个新概念。早在2013年,移动设备的使用率就已经超过了台式电脑。但是,与许多口头承诺的移动性能相比,真正专注于移动设备的开发还有一定的差距。例如,2011年11月,移动设备上的平均页面大小为475KB,现在已增长到897KB。也就是说,平均页面大小在短短三年内几乎翻了一番。尽管在移动和网络上取得了进步,但在性能方面,它仍然无法满足服务大小接近1MB的页面的需求。我们知道页面大小与加载时间密切相关,移动用户对缓慢的加载时间尤其敏感。如果企业希望他们的网站真正做到“移动优先”,就必须解决这些问题。5.在设计响应式网页时牢记性能响应式设计让设计人员和开发人员能够更好地控制网页的外观和感觉。它可以使页面在多个平台和设备上更加美观。但它也带来了巨大的性能损失,而更快的浏览器、网络和小工具并不能减轻这种损失。而且随着时间的推移,这种影响还会不断恶化。响应式设计建立在样式表和JavaScript之上。但是低效的CSS和JS带来的性能问题,远远大于它们的设计优势给我们带来的好处。样式表应该放在HEAD文档中,以便渐进式呈现页面。但是样式表经常出现在页面的其他地方,阻碍了页面的渲染速度。换句话说,JavaScript文件应该放在页面底部或者在关键内容加载之后加载才是合理的做法。6、实时性能监控我们都知道,要想解决一个问题,首先要对问题有充分的了解。要解决页面性能问题,企业必须知道用户何时可以看到主页内容并与之交互;同时,企业需要了解性能和可用性问题如何影响业务指标。企业需要一种方法来捕获实际性能指标并对其进行分析。实时用户监控(RUM)工具从真实用户的角度实时捕获、分析和记录网站性能和可用性。7.不要过分依赖CDN来解决所有性能问题Radware的季度电子商务性能“行业状况”报告中最具争议的发现之一是使用内容交付网络(CDN)的网站完成了内容呈现的大部分工作.它比不使用CDN的网站花费的时间要长得多。这是一个相关性问题,而不是因果关系问题:通常,使用CDN的站点比不使用CDN的站点具有更大、更复杂的页面。页面的大小和复杂性是性能问题的罪魁祸首,而不是CDN。但这个结果也表明,单靠CDN并不能解决所有的性能挑战。如果部署得当,CDN可以成为解决延迟问题的非常有效的工具:缩短托管服务器接收、处理和响应对图像和CSS文件等页面资源请求的时间。然而,延迟只是现代电子商务网站的主要问题之一。为了达到最好的加速效果,网站运营商可以采用组合方案:CDN+前端优化(如RadwareFastView方案)+应用交付控制器(ADC)和内部管理。8、加强企业内Web性能理念的推广大量研究证明,提高页面速度可以对所有关键性能指标产生积极影响:页面浏览量、用户粘性、业务转化率、用户满意度、客户留存率、购物车内容和收入。然而,正如上述7条建议所示,许多企业都犯了同样的错误,最终损害了网络性能。当前,企业应重点解决Web开发目标与线上业务目标之间的差距,每个企业都应至少拥有一名内部性能专家,以更好地解决Web性能问题。