1. 程式人生 > >H5開發在微信瀏覽器上,載入時“白屏”問題

H5開發在微信瀏覽器上,載入時“白屏”問題

前天開發了一個簡單的邀請函,整體8個頁面,不足8M,在PC端模擬器上開啟沒有問題,在手機的其他瀏覽器中也沒有問題。唯獨在微信瀏覽器中載入時會出現長時間白屏,使用者體驗很不好

一番檢查下來,因為寫的太隨心了,最後發現了兩個BUG

———————————正文———————————

1. 不要把太多( 最好沒有)需要下載或者載入速度過慢的js放在body之前,因為會阻斷H5dom的渲染,那麼在你前端的所有庫載入完之前,你的頁面就是“白屏”狀態

2. 第二點主要針對iPhone使用者,記住一個要點,開發iPhone使用者使用在微信瀏覽器上的H5時候,

千萬不要使用jQuery!!千萬不要使用jQuery!!千萬不要使用jQuery!!重要的事情說三遍

jQuery及其相關的庫在iPhone微信瀏覽器的渲染速度非常的慢,如果習慣使用jQuery的同學,我建議你使用zepto

這樣白屏的問題就解決了,歡迎討論

———————————11月5日補充———————————

不是所有的情況jQuery都不能使用,但是當你開發的網頁在微信瀏覽器上載入極慢又找不到原因的時候,嘗試著刪除一些用不到的meta,然後把JS引用放到頁面渲染的後面,最後刪除jQuery試一試,大部分問題都會解決