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

  • 时间:
  • 浏览:108
  • 来源:苹果资源网 - 专注共享南街博客技术

在互联网盛行的今天,太少 的在线用户希望得到安全可靠可是快速的访问体验。针对Web网页过于膨胀以及第三脚本蚕食流量等现象,工程师向网站运营人员提出以下改进建议。

作者:佚名来源:Radware|2015-02-04 09:19

在互联网盛行的今天,太少 的在线用户希望得到安全可靠可是快速的访问体验。针对Web网页过于膨胀以及第三脚本蚕食流量等现象,Radware向网站运营人员提出以下改进建议,帮助.我歌词 歌词 为用户提供最快最优质的访问体验。

1. 管理“页面膨胀”

页面大小与性能有着密切的关系。Radware最新电商性能“行业现状”报告显示,5000强电商页面大小中位数达到了1492KB,比一年半以前增大了48%。

在研究报告里加载最快的10个页面中,页面蕴藏的资源请求中位数为500个,页面大小中位数为556KB。而加载最慢的10个页面中,页面蕴藏的资源请求中位数为14六个多多 ,页面大小中位数为3289KB。换句话说,加载最慢的页面的资源中位数几乎是加载最快的页面的三倍,页面大小则是六倍。

仔细研究页面尺寸大小,.我歌词 歌词 儿不能不能得到更多的信息。加载最快的10个页面所蕴藏的资源总数范围比较密集:在1六个~7六个多多 之间;页面尺寸最小的仅为251KB,最大的5003KB。而加载最慢的10个页面所蕴藏的资源总数范围则比较广泛:在89个~37六个之间;页面尺寸最小为2073KB,最大的则超过了10MB。

2. 进行图像优化

图像是造成页面膨胀的罪魁祸首之一,通常处于页面字节数的500-500%。在页面中加进图片或是将现有图片放大,是很慢获取用户并提高业务转化率的有效土措施。可是你你有一种土措施会对性能造成严重的影响。

进行图像优化是提升性能最简单的有有一种土措施,它不能不能使页面加载更快。为了更有效的完成图像渲染,图像需用经过压缩和整合、图像的尺寸和格式需用经过仔细调整,图像质量也需用经过优化,原先才不能不能土措施图像的重要性进行区别化的加载处里。

3. 控制第三方脚本

在典型的页面服务器请求中,来自于第三方脚本的请求占了其中的500%或更多。哪些地方地方第三方脚本不仅会增加页面的字节数,带来延迟,可是也会成为Web页面中最大的潜在故障点。无响应、未经优化的第三方脚本会降低整个网络的加载淬硬层 。

处里土措施是延迟第三方脚本的加载,将其放上去关键页面内容以前进行加载,更为理想的情况汇报是放上去页面onLoad事件以前加载,原先才太少影响企业的搜索排名(谷歌将onLoad事件作为加载时间指标)。对于有些分析工具和第三方广告商而言,将会延迟第三方脚本加载的土措施不可行,不能不能利用脚本的异步版本,与关键内容的加载同步进行。用户需用了解网站中哪些地方地方脚本,删除哪些地方地方无用的脚本,并对第三方脚本的性能进行持续监控。

4. 真正做到移动设备优先

“移动设备优先”并也有六个多多 全新的概念。早在2013年,移动设备的使用量就将会超过了台式机,然而与众多口头承诺的移动性能相比,真正专注于移动设备的开发还是处于一定的差距。之类,2011年11月,移动设备上的平均页面大小为475KB,现在则增长至897 KB。也可是 说,在短短三年之间,平均页面大小几乎翻了一番。

尽管移动设备和网络取得了有些进展,但就性能而言,还是无法与大小已接近1MB的服务页面需求保持同步。.我歌词 歌词 儿知道,页面大小与加载时间息息相关,移动用户对缓慢的加载淬硬层 尤其敏感。将会企业希望网站不能不能真正做到“移动设备优先”,就需用正确处里哪些地方地方现象。

5. 在进行响应式Web设计时兼顾性能

响应式设计让设计人员和开发人员不能不能更好地控制Web页面的外观和感觉。它不能不能使跨多平台和设备上的页面变得更漂亮。但一同也会带来巨大的性能损失,哪些地方地方性能损失暂且能通过更快速的浏览器、网络和小工具得到缓解。可是随着时间的推移,原先影响还将持续恶化。

响应式设计建立在样式表和JavaScript之上。然而,低效的CSS和JS所带来的性能现象远远大于其设计优势给.我歌词 歌词 儿带来的好处。样式表应当放上去HEAD文档中,用以实现页面的逐步渲染。然而,样式表却总爱出现 在页面其它位置,这就阻碍了页面的渲染淬硬层 。换句话说,JavaScript文件应当放上去页面底部或在关键内容加载完成以前再被加载才是合理的处里土措施。

6. 实时监控性能

.我歌词 歌词 儿都知道要处里六个多多 现象就需用先对现象有充分的了解。要处里页面性能现象,企业就需用知道用户在哪些地方以前不能不能看过主要页面内容并与之进行交互;一同,企业还需了解性能和可用性现象是何如影响业务指标的。企业需用有土措施获取实际的性能指标并对其进行分析。实时用户监控(RUM)工具不能不能从真实用户的淬硬层 实时获取、分析并记录网站的性能和可用性。

7. 切勿过分依赖CDN处里所有性能现象

Radware季度电商性能“行业现状”报告中处于一项最具争议性的调查结果,即:使用内容挂接网络(CDN)的网站完成主要内容渲染所需的时间比未曾使用CDN的网站要长的多。这是六个多多 相关性现象,而非因果关系:通常情况汇报下,相较于未使用CDN的网站,使用CDN的网站页面更大,也更复杂。页面的大小和复杂程度才是造成性能现象的元凶,而非CDN。但你你有一种结果也表明,仅依靠CDN暂且能处里所有的性能现象。

将会部署得当,CDN会是处里延迟现象非常有效的工具:缩短托管服务器接收、处里并响应图像、CSS文件等页面资源请求所需的时间。可是,延迟仅仅可是 现代电商网站的关键现象之一。为了实现最佳的加速效果,网站运营人员不能不能采用组合处里方案:CDN+前端优化(如Radware FastView处里方案)+应用交付控制器(ADC)和实物管理。

8. 在企业实物加强Web性能观念的宣传

少许研究证明,提高页面淬硬层 不能不能对所有的关键性能指标产生积极影响:页面访问量、用户粘连度、业务转化率、用户满意度、客户保持、购物车的内容哪几只和收入。

然而,正如上述7个建议中所表明的那样,有些企业都犯了同样的错误,最终损害了Web性能。目前,企业应该重点处里Web开发目标和在线业务目标之间的差距现象,可是,每个企业都应该相当于 拥有六个多多 实物性能专家,以便更好的处里Web性能现象。

【编辑推荐】

【责任编辑:

林琳

TEL:(010)684765006】



点赞 0