cypress[https://www.cypress.io/] 是一个快速、简单、可靠的浏览器 E2E 测试工具。 Features cypress 运行过程中会截取当前...
![240](https://cdn2.jianshu.io/assets/default_avatar/15-a7ac401939dd4df837e3bbf82abaa2a8.jpg?imageMogr2/auto-orient/strip|imageView2/1/w/240/h/240)
cypress[https://www.cypress.io/] 是一个快速、简单、可靠的浏览器 E2E 测试工具。 Features cypress 运行过程中会截取当前...
webpack的配置及基本运行原理 能分清loader和plugins区别 核心概念:entry,output,loader,plugins 运行过程:初始化参数依照参数初始...
webpack的配置及基本运行原理 能分清loader和plugins区别 核心概念:entry,output,loader,plugins 运行过程:初始化参数依照参数初始...
添加 cdn 预解析,例如预解析图片服务器
使用 HTTP2 使用缓存强缓存Expires: Wed, 22 Oct 2018 08:41:00 GMTCache-control: max-age=30协商缓存Last...
使用图片压缩,如 tinypng ,减少体积 对于HTTP1.1,可以使用雪碧图拼接icon做成单张图片,减少请求次数,避免占用并发通道但是在HTTP2中,由于其多路复用的特...
应当放在页面头部, 中,防止出现页面闪动使用 @font-face 预加载字体font-display 设置为 swap (标题)或 fallback(正文)
添加defer属性,延迟执行脚本,不阻塞页面解析及渲染 如果脚本与页面元素无关,改为添加async属性,加载完成后立即执行 如果浏览器版本不支持这两个属性,那么将 放在页面尾...
升级 webpack 版本至 4.x 使用 happypack 进行多线程编译 webpack 4.0 发布后 happypack 已经不维护,使用 webpack 自带的 ...
添加骨架屏,例如 ant design 的 添加 loading 加载状态及对应图标
性能指标 RAIL 模型Response 响应 100ms 内获得回应Animation 动画 保持 60 帧,即每帧 16msIdle 空闲 将部分处理延后,在浏览器空闲时...
原文: https://html.spec.whatwg.org/multipage/webappapis.html#event-loop-processing-model ...
微信浏览器使用的是QQ浏览器X5内核,而非系统内核 微信不是开源软件,具体的缓存逻辑不清楚,而且各个版本不同,只能猜测 所以导致了各种技术解决方案都没有一劳永逸解决问题的(说...
例: 时间:2020-06-15 机型:苹果Ihpne7 操作系统版本:11.3 苹果手机查找操作系统版本 华为手机查找操作系统版本 小米手机查找操作系统版本 其他型号自行百...
1. 清除缓存 2. 使用chrome谷歌浏览器 3. 下载并更新到最新版的chrome谷歌浏览器 下载链接 4. 如果仍然没有修复成功,请按下F12打开控制台,并将以下日志...