工程师的8项Web性能提升建议 济南网站推广
  在互联网盛行的今天,越来越 多的在线用户希望得到安全可靠并且快速的访问体验。针对Web网页过 于膨胀以及第三脚本蚕食流量等问题,Radware向网站 运营人员提出以下改进建议,帮助他 们为用户提供最快最优质的访问体验。

 

  1. 管理“页面膨胀”

  页面大 小与性能有着密切的关系。据调查显示,100强电商 页面大小中位数达到了1492KB,比一年半之前增大了48%。

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

  仔细研 究页面尺寸大小,我们可 以得到更多的信息。加载最快的10个页面 所包含的资源总数范围比较密集:在15个~72个之间;页面尺寸最小的仅为251KB,最大的2003KB。而加载最慢的10个页面 所包含的资源总数范围则比较广泛:在89个~373个之间;页面尺寸最小为2073KB,最大的则超过了10MB。

  2. 进行图像优化

  图像是 造成页面膨胀的罪魁祸首之一,通常占 据页面字节数的50-60%。在页面 中添加图片或是将现有图片放大,是迅速 获取用户并提高业务转化率的有效方式。但是这 种方法会对性能造成严重的影响。

  进行图 像优化是提升性能最简单的一种方法,它可以 使页面加载更快。为了更 有效的完成图像渲染,图像必 须经过压缩和整合、图像的 尺寸和格式必须经过仔细调整,图像质 量也必须经过优化,这样才 可以依据图像的重要性进行区别化的加载处理。

  3. 控制第三方脚本

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

  解决办 法是延迟第三方脚本的加载,将其放 在关键页面内容之后进行加载,更为理 想的情况是放在页面onLoad事件之后加载,这样才 不会影响企业的搜索排名(谷歌将onLoad事件作 为加载时间指标)。对于一 些分析工具和第三方广告商而言,如果延 迟第三方脚本加载的方法不可行,可以利 用脚本的异步版本,与关键 内容的加载同步进行。用户必 须了解网站中有哪些脚本,删除那些无用的脚本,并对第 三方脚本的性能进行持续监控。

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

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

  尽管移 动设备和网络取得了一些进展,但就性能而言,还是无 法与大小已接近1MB的服务 页面需求保持同步。我们知道,页面大 小与加载时间息息相关,移动用 户对缓慢的加载速度尤其敏感。如果企 业希望网站可以真正做到“移动设备优先”,就必须 正确处理这些问题。

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

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

  响应式 设计建立在样式表和JavaScript之上。然而,低效的CSS和JS所带来 的性能问题远远大于其设计优势给我们带来的好处。样式表应当放在HEAD文档中,用以实 现页面的逐步渲染。然而,样式表 却经常出现在页面其它位置,这就阻 碍了页面的渲染速度。换句话说,JavaScript文件应 当放在页面底部或在关键内容加载完成之后再被加载才是合理的处理方式。

  6. 实时监控性能

  大家都 知道要解决一个问题就必须先对问题有充分的了解。要解决页面性能问题,企业就 必须知道用户在什么时候可以看到主要页面内容并与之进行交互;同时,企业还 需了解性能和可用性问题是如何影响业务指标的。企业需 要有方法获取实际的性能指标并对其进行分析。实时用户监控(RUM)工具可 以从真实用户的角度实时获取、分析并 记录网站的性能和可用性。

  7. 切勿过分依赖CDN解决所有性能问题

  使用内容分发网络(CDN)的网站 完成主要内容渲染所需的时间比未曾使用CDN的网站要长的多。这是一个相关性问题,而非因果关系:通常情况下,相较于未使用CDN的网站,使用CDN的网站页面更大,也更复杂。页面的 大小和复杂程度才是造成性能问题的元凶,而非CDN。但这一结果也表明,仅依靠CDN并不能 解决所有的性能难题。

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

  8. 在企业内部加强Web性能观念的宣传

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

  然而,正如上述8个建议 中所表明的那样,许多企 业都犯了同样的错误,最终损害了Web性能。目前,企业应该重点解决Web开发目 标和在线业务目标之间的差距问题,而且,每个企 业都应该至少拥有一个内部性能专家,以便更好的解决Web性能问题。

标签: 济南网站建设 济南网站推广 济南手机网站 济南微信网站 转载请注明来自http://www.

  • QQ咨询:
  • 手 机:13105316892(马经理)
  • 电 话:13105316892
  • 邮 箱:1070239262@qq.com
友情链接:    大发系统彩票   80彩票app下载   万美娱乐   欢乐棋牌网址多少   80彩票娱乐