在互联网盛行的今天,越来越多的在线用户希望得到安全可靠并且快速的访问体验。能用在每个 Web 应用上的性能提升方法千差万别,并且最后的效果也取决于预算、付出的时间和已有的实现等等。那么如何让你自己的应用达到性能提升 10 倍的目标呢? 尽管移动设备和网络取得了一些进展,但就性能而言,还是无法与大小已接近 1MB 的服务页面需求保持同步。我们知道,页面大小与加载时间息息相关,移动用户对缓慢的加载速度尤其敏感。如果企业希望网站可以真正做到“移动设备**”,就必须正确处理这些问题。 响应式设计让设计人员和开发人员可以更好地控制 Web 页面的外观和感觉。它可以使跨多平台和设备上的页面变得更漂亮。但同时也会带来巨大的性能损失,这些性能损失并不能通过更快速的浏览器、网络和小工具得到缓解。而且随着时间的推移,这样影响还将持续恶化。 响应式设计建立在样式表和 JavaScript 之上。然而,低效的 CSS 和 JS 所带来的性能问题远远大于其设计优势给我们带来的好处。样式表应当放在 HEAD 文档中,用以实现页面的逐步渲染。然而,样式表却经常出现在页面其它位置,这就阻碍了页面的渲染速度。换句话说,JavaScript 文件应当放在页面底部或在关键内容加载完成之后再被加载才是合理的处理方式。 缓存动态和静态内容。如果有一个服务器已经过载了,它既是 Web 服务器又是应用服务器,通过缓存动态内容就可以在峰值时刻提升 10 倍的性能。缓存静态文件也能实现个位数字的性能提升。 压缩数据。利用多媒体文件的压缩格式,比如图片采用 JPEG 格式、图像采用 PNG 格式、电影采用 MPEG-4 格式、音乐采用 MP3 格式,这样就能在很大程度上提升性能。一旦这些格式都用上,压缩文本数据(代码和 HTML)的页面加载速度可以提升 2 倍。 “移动设备**”并不是一个全新的概念。早在 2013 年,移动设备的使用量就已经**过了台式机,然而与众多口头承诺的移动性能相比,真正专注于移动设备的开发还是存在一定的差距。例如,2011 年 11 月,移动设备上的平均页面大小为 475KB,现在则增长至 897 KB。也就是说,在短短三年之间,平均页面大小几乎翻了一番。 大量研究证明,提高页面速度可以对所有的关键性能指标产生积极影响:页面访问量、用户粘连度、业务转化率、用户满意度、客户保持、购物车的内容多少和收入。 然而,正如上述 那样,许多企业都犯了同样的错误,较终损害了 Web 性能。目前,企业应该重点解决 Web 开发目标和在线业务目标之间的差距问题,而且,每个企业都应该至少拥有一个内部性能*,以便更好的解决 Web 性能问题。
深圳市天瑞地安网络科技有限公司滨江分公司专注于杭州IT培训,杭州java培训,汇道科技,汇道,汇道培训,杭州汇道科技等