网站打开速度慢怎么优化？教你怎么提升网站打开速度

近期很多朋友用网站体检工具发现自己网站打开速度都超过了1秒，有的地区3~5秒，甚至更多。这样不仅影响用户体验，而且还会导致展现变少，流量下滑。今天远策科技建站团队总结了网站打开速度慢的常见原因以及提升网站打开速度的优化方法给大家进行参考。

1、清除不必要的资源，避免进行不必要的下载

如果要以更快速度完成首屏渲染，需要尽可能的减少网页上关键JS/CSS子资源的数量，并清除这些资源，减少下载量。

2、使用代码拆分减少JS负载

长时间运行的JS可能会阻塞主线程，这时可以考虑使用requestAnimationFrame() 或 requestIdleCallback() 来进行优化。根据不同的业务需求，可以将JS中首屏的关键代码拆分出来，这样可以提前加载执行首屏中必需的少量JS代码，从而缩短页面的加载时间。其余的JS可以按需加载或者置后加载。同时建议将JS优先放在首屏渲染完成之后，放在body闭标签前面。

3、优化阻塞渲染的JS

为了实现更好的性能，可以让页面的JS进行异步执行，建议优先考虑使用defer的方式，其次是async方式，并去除关键渲染路径中任何不必要的JS。为了更大限度减少内核渲染网页的工作量，建议延迟所有非必需的、对构建首屏渲染无关紧要的JS脚本，将JS优先放在body闭标签处。如果需要运行较长的初始化序列，请考虑将它们拆分为若干个阶段，以便浏览内核可以间隔处理其它的渲染任务。

4、优化阻塞渲染的CSS

默认情况下，关键CSS子资源是会阻塞内核渲染的，请务必精简网页的CSS资源，同时需要将CSS尽快地完成下载，关键CSS子资源优先放在head标签内，以便缩短首屏渲染的时间。一个样式表可以使用CSS import指令从另一个样式表文件导入规则。不过应避免使用这些指令，因为它们会在关键路径中增加往返次数从而影响首屏渲染性能。

5、优化和压缩资源，减小总下载文件大小

优化和压缩资源来减小总下载大小，来提高网页加载速度。可以考虑通过简化编码来优化主文档大小，同时可以采用chunk编码，服务器分chunk输出，以及通过GZIP来压缩主文档资源。

6、页面存在额外跳转

从用户点击到打开页面的过程中，有些网站内可能经过额外跳转才会将最终的页面展现给用户，所以建议去除额外的跳转。

百度搜索对用户行为的研究表明，页面首屏的加载时间在1秒以内的页面，会带给用户流畅快捷的极速体验。所以建议大家定期对网站进行自检，可以根据以上方法提升网站页面性能。