浏览器页面白屏怎么处理

1.减少渲染堵塞
解决办法：
①将script放在body后面
②给script加 defer 属性(值)

2.减少head里的css资源
由于css必须要放在head里(否则页面加载会出问题，比如加载完成后又进行DOM重绘)，但是css太多，在head里又会阻塞页面渲染，所以我们要尽可能减少css代码量。
①.对css压缩和缓存
②.不要放太多图片，要是放图片可以进行优化，比如懒加载

3.http2已经席卷而来，而且其有一个强大的优势，在于对于一个域只进行一次tcp连接，使用多路复用，传输多个资源(同时加载)

4.代码优化：
代码优化：HTML不要嵌套太多层(否则会加重页面layout的压力)，css选择器别写的太复杂(不然计算量会很大)，js不要滥用闭包(闭包会加深作用域链，加长变量查找时间)

浏览器页面白屏怎么处理相关推荐

iframe嵌入页面白屏_BFCache 与浏览器前进后退白屏
什么是BFCache back-forward cache, 为浏览器前进/后退时准备的缓存官方解释提到了 nsIDOMWindow ,那什么是 nsIDOMWindow 呢? This inter ...
传奇霸业微端登陆服务器无响应,传奇霸业微端和浏览器崩溃白屏修复教程
传奇霸业WIN10系统微端和浏览器崩溃白屏修复教程,最近有玩家在用win10系统的电脑进行游戏时,微端和浏览器登录都出现了崩溃白屏的现象,那么这个问题怎么解决呢,下面小编就来教教大家. 如果你的电脑系 ...
vue2.0 在华为手机等手机自带浏览器打开白屏的问题
使用vue2.0 开发的单页面网站, 在华为部分型号(p20也是....),部分安卓手机打开页面是空白; 网上的方法是把把es6 转为 es5, 当时我使用的 vue-cli , webpack ...
华为手机vue_vue2.0 在华为手机等手机自带浏览器打开白屏的问题
使用vue2.0 开发的单页面网站, 在华为部分型号(p20也是....),部分安卓手机打开页面是空白; 网上的方法是把把es6 转为 es5, 当时我使用的 vue-cli , webpack ...
app中加载h5页面白屏问题
一.问题描述:通过原生检查日志在网络不好的情况下,由于vue打包后的第三方js包加载失败导致h5页面白屏. 二.解决方案: 1.减少第三方依赖:在package.json中把不需要的包删除. 2.组件 ...
关于微信PC版内置浏览器和IOS11以下系统打开页面白屏的问题
最近在开发的微信公众号项目出现了白屏的问题,安卓端一切正常,只在IOS11以下的苹果手机端和微信PC版内置浏览器打开才会发生. 网上找了很多资料,最后确定是前端JS代码使用了ES6版本的语法,而IOS ...
iOS H5 history.back() 返回上一路由页面白屏
问题描述最近在做H5项目的时候,发现使用history.back()在IOS上返回上一页的时候,会有很严重的bug.我的场景是列表页滚动了超出一屏之后,进入详情页,再点击返回列表页,在iOS上就出现 ...
微信小程序webview清除缓存、微信公众号h5清除缓存、页面白屏、空白、不刷新问题
一.缓存带来的问题和原因我们在发布新版本的时候,在打开微信小程序webview嵌套的h5页面或微信公众号h5页面时,常常会发现页面还是上个版本的旧页面或者打开直接空白白屏了,那么为什么会存在这个问 ...
vue页面白屏的原因及优化
一.原因: 单页面应用的 html 是靠 js 生成,因为首屏需要加载很大的js文件(app.js 和vendor.js),所以当网速差的时候会产生一定程度的白屏二.解决办法: 1.路由懒加载,组件 ...

浏览器页面白屏怎么处理

浏览器页面白屏怎么处理相关推荐

最新文章

热门文章