网页出现长时间的白屏可能的原因是什么?如何优化?

CSS的加载放在head里会阻塞渲染,js的的加载和执行会阻塞页面解析。这二者只要加载时间过长都胡出现页面长时间白屏。解决的思路是除了尽量减小css、js体积外,对于css可以放在body最尾部,head内放少量的css用于展示入场加载特效且隐藏页面真实内容,待css加载后再展示真实内容;对于js可加defer属性或者放到body最尾部

你可能感兴趣的:(css,javascript,前端)