我们不断创新和探索
只为企业品牌重塑
您当前的位置:首页 > 新闻中心 > 技术知识
提高网站建设的性能需要注意的几点
发布时间:2015-11-07 13:30:58发布作者:wubaiyi

在这里伍佰亿就提高网站建设的性能需要注意的几点分享给大家:

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并不能解决所有的性能 难题。

客服经理:

18932913200

客服经理:

13143641678

客服经理:

13681483240

招商加盟:

15373923888