在这里伍佰亿就提高网站建设的性能需要注意的几点分享给大家:
1、管理“页面膨胀”
页面大小与性能有着密切的关系。据调查显示,100强电商页面大小中位数达到 了1492KB,比一年半之前增大了48%。在研究报告里加载快的10个页面中,页 面包含的资源请求中位数为50个,页面大小中位数为556KB。而加载慢的10个 页面中,页面包含的资源请求中位数为141个,页面大小中位数为3289KB。换句 话说,加载慢的页面的资源中位数几乎是加载快的页面的三倍,页面大小 则是六倍。
2、进行图像优化
图像是造成页面膨胀的主要原因之一,通常会占据页面字节数的50~60%。在页 面中添加图片或是将现有图片放大,是迅速获取用户并提高业务转化率的有效 方式,但会对网站的性能造成严重的影响。对图像进行优化是提升性能简单的 一种方法,它可以使页面加载更快。
3、控制第三方脚本
通常在典型的页面服务器请求中,来自第三方脚本的请求占据了50%或更多。第 三方脚本不仅会增加页面的字节数,带来延迟,也是web页面中的潜在故障 点。若是没有响应、优化的第三方脚本会降低整个网络的加载速度。可以经第 三方脚本放在关键页面内容之后进行加载,更为理想的情况是放在页面onLoad 事件之后加载这样才不会影响企业的搜索排名
4、做到移动设备优先
“移动设备优先”并不是一个全新的概念。早在2013年,移动设备的使用量就 已经超过了台式机,然而与众多口头承诺的移动性能相比,专注于移动设 备的开发还是存在一定的差距。例如,2011年11月,移动设备上的平均页面大 小为475KB,现在则增长至897 KB。也就是说,在短短三年之间,平均页面大小 几乎翻了一番。
尽管移动设备和网络取得了一些进展,但就性能而言,还是无法与大小已接近 1MB的服务页面需求保持同步。我们知道,页面大小与加载时间息息相关,移动 用户对缓慢的加载速度尤其敏感。如果企业希望网站可以做到“移动设备 优先”,就****正确处理这些问题。
5. 在进行响应式Web设计时兼顾性能
响应式设计可以使设计人员和开发人员能更好地控制Web页面的外观和感觉,可 以使网站跨多平台和设备上的页面变得更漂亮。同时也会给网站带来巨大的性 能损失,这些性能损失并不能通过更快速的浏览器、网络和小工具缓解。 而且随着时间的推移,这样影响还将持续恶化。响应式设计建立在样式表和 JavaScript之上。但是低效的CSS和JS所带来的性能问题远远大于其设计优势给 我们带来的好处。样式表应当放在HEAD文档中,用以实现页面的逐步渲染。若 是将样式表放在页面其它位置,会阻碍了页面的渲染速度。
6、实时监控性能
实时用户监控(RUM)工具可以从真实用户的角度实时获取、分析并记录网站的性 能和可用性,从而使企业知道用户在什么时候可以看到主要页面内容并与之进 行交互和了解性能和可用性问题是如何影响业务指标的。
7、不要过度的依赖CDN解决所有性能问题
使用内容分发网络(CDN)的网站完成主要内容渲染所需的时间比未曾使用CDN的 网站要长的多。这是一个相关性问题,而非因果关系:通常情况下,相较于未 使用CDN的网站,使用CDN的网站页面更大,也更复杂。然而,页面的大小和复 杂程度才是造成性能问题的元凶,而非CDN。仅依靠CDN并不能解决所有的性能 难题。