您贴身的
网络运营管家

我们在做网站优化的时候，经常发现有很多网站有白屏时间。什么是白屏时间呢？就是指用户从打开网页开始，到页面加载有东西呈现为止，这段过程就是白屏时间。

对于SEOer来说，缩短白屏时间，提升用户体验，是做好网站非常重要的一步，特别是在网络不好的情况下，如果页面在加载时还出现很久的白屏现象，估计用户会马上关闭这个网站。但是处理白屏的时间，需要SEOer懂一些前端的知识，才能对整个网站的代码进行优化，减少白屏时间，现在小编介绍两种方法处理白屏时间，仅供参考.

方法一：

做一个简单的加载动画页面（a.html），当页面加载完成后，用js来动态加载，正文内容的页面（b.html）,此时要做一个复杂的步骤！就是判断CSS与JS是否加载完成，如若没有加载完全，就显示页面，该页面就会全乱，特别是一些复杂的页面，需要用js来计算或获取宽高比例时，就更甚。

方法二：（这个方法我觉得相对比较好用可行）

1、首先我们先做一个要显示正文内容的页面(b.html)；

2、做好后，我们来做一下那个动态加载的页面(a.html)；

3、此时就把这两个页面进行合并(c.html)；

4、在根目录下添加一个文件夹（contentHtml），里面新建一个txt文本（main.txt）,把b.html中的div的id为main的html内容添加到main.txt的文本中，在c.html中的index.js直行异步加载。

上面的几个步骤的思想是：以最少的代码量，下载该页面，并且没有代码阻塞的情况下先给用户看到动画，在动画与用户交互的过程中进行加载正文内容所需要的css与JS文件，一但加载完毕就立刻把动画替换为正文内容，显示给用户看，大大减少用户退出该页面机率。

5、优化

建议动画可以是一个加载条，把需要的图片进行预先加载，就是先不要把正文页面显示给用户看，用js获取页面的图片元素，用complete、onload来判断图片是否加载完成（记得用onerror，来做加载失败的异常处理），完成后进度条显示增加进度，最后加载完成为100%时，就把页面完整的显示给用户看，这样就保证用户能正常查看了！

怎么减少白屏时间或者避免自己网站白屏，是网站优化人员需要了解和学习的。智优营家网站优化SEO服务，先上排名后付费，人工优化排名稳定，不采集信息，不用软件发帖，专业后台，数据管理透明化。如您有任何关于网站优化seo的疑问，可点击在线客服咨询，或拨打热线电话：13549642614