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试一试,大部分问题都会解决

你可能感兴趣的:(H5开发在微信浏览器上,加载时“白屏”问题)