目前如何更好的提升用户的浏览体验已成为搜索引擎和站长共同重视的问题,百度在移动落地页体验白皮书4.0中规定页面的首屏内容应在1.5秒内加载完成。百度搜索对用户行为的研究表明,页面首屏的加载时间在1.5秒以内的页面,会带给用户流畅快捷的极速体验。
一般造成网站打开速度慢的原因有关键子资源耗时较严重、页面存在额外跳转、主文档耗时较为严重。如果你的站点页面首屏打开速度多于1.5秒,可以尝试以下办法进行
网站优化。
1、清除不必要的资源,避免进行不必要的下载
网页中往往会包含一些冗余资源,影响网页性能的同时还无法给网页带来价值,可以考虑清除不必要的资源,避免不必要的资源下载带来性能上的消耗。减少网页上关键JS/CSS子资源的数量,并尽可能清除这些资源,减少下载量。
2、使用代码拆分减少JS负载
根据不同的业务需求,开发者可以将JS中首屏的关键代码拆分出来,这样可以提前加载执行首屏中必需的少量JS代码,从而缩短页面的加载时间,其余的可以按需加载或者置后加载,同时建议开发者将JS优先放在首屏渲染完成之后,放在body闭标签前面。
3、优化阻塞渲染的JS
可以让页面的JS进行异步执行,建议优先考虑使用defer的方式,其次是async方式,并去除关键渲染路径中任何不必要的JS。优化JS的使用方式,优先使用异步JS资源。延迟所有非必需的、对构建首屏渲染无关紧要的JS脚本,将JS优先放在body闭标签处。
4、优化阻塞渲染的CSS
精简网页的CSS资源,关键CSS子资源优先放在head标签内,以便缩短首屏渲染的时间。避免使用CSS import指令,因为它们会在关键路径中增加往返次数从而影响首屏渲染性能。
5、优化和压缩资源,减小总下载文件大小
优化和压缩资源来最大限度地减小总下载大小,来提高网页加载速度。可以考虑通过简化编码来优化主文档大小,同时可以采用chunk编码,服务器分chunk输出,以及通过GZIP来压缩主文档资源。
6、去除页面的额外跳转
单次额外跳转会使性能退化约600毫秒,这就可能给关键渲染路径增加600毫秒的延迟体验,所以建议去除额外的跳转。