我們在做網站優化的時候，經常發現有很多網站有白屏時間。什么是白屏時間呢？就是指用戶從打開網頁開始，到頁面加載有東西呈現為止，這段過程就是白屏時間。

 

對于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