网页加载速度,是优先于一切首先让客户感觉到的东西,网页加载速度将极大影响用户体验,用户期望且能够接受的页面加载时间在3秒以内。尚武科技的网站建设的每一个网站都会做了大量优化工作,启用缓存的模式下把主要页面的执行时间控制在了0.1秒内。对于网络性能,要把优化的重点放在网页内容加载本身。我们把常见的影响因素分硬件和软件两部分,硬件相关的有:
1、服务器负载的控制,以cpu、内存和磁盘IO为主要参考参数。
2、域名解析和网络传输速度,建议站长选择稳定的域名和网络服务商,并根据网站实际需要保留足够大网络带宽。
这方面就是客户为什么选择我们的尚武科技的主机的原因,更好地服务器质量和更好的线路质量是基础,更重要的一个指标就是单个服务器容纳的网站数目,我们尚武科技的IDC服务器保证单个服务器的网站数目不高于50个,这在业内也是一个很难实现的目标,但是客户的用户感受才是我们追求的。
软件相关主要指前端页面设计:
1、移动网站的页面格式经历了从wml ->xhtml -> html5,目前以html5 + css3作为主流页面设计规范。
2、图片格式采用png/jpg/gif皆可,主要目的是保持清晰的情况下让文件容量尽量小。手机的屏幕宽度描述通常分为像素宽度width和设备宽度device-width,比如iphone6的widh:750,device-width:375。通常网页设计以device-width为基准,但是为了手机上图片清晰,实际图片长宽可以是css定义里面的2倍。
3、网页中的小图片或者图标,建议使用icon font或者css sprites技术,把多个图片合并成一个文件。
4、网页设计时一个页面可能需要载入多个js和css,实际上线后建议多个同类文件合并,并且压缩css和js文件。
5、web服务端启用gzip压缩输出功能可以明显提高加载速度。
说到这里网站打开速度慢,最大的问题还是在图片的大小上面,
除了以上提到的,系统架构及页面优化方法还涉及到很多技术细节,另外还可以使用一些业绩比较成熟的设计策略,比如按需加载、延时加载等、征对不同的网络环境返回不同信息量的板式或者不同压缩程度的图片、渐进设计等等。尚武科技的主站所有的图片都采用异步加载的方式得以实现。
随着web交互越来越丰富,后续我们还会推动在用户交互行为上的性能提升,给出交互性能的检测工具,确保用户交互的顺畅。主要涉及到面向渲染引擎、JS解析引擎的一些运行时特点,比如避免频繁触发repaint和reflow、优化dom操作策略、避免使用低效的API、选择器优化、避免内存泄露,利用内存缓存数据,优化循环或者递归算法降低复杂度等。