网站加载速度优化的方案比较多,本文会记录本网站采用的优化方案
cdn 加载脚本服务
外部 js 资源可以采用 jsdelivr 提供的服务加载。
优化原理:
-
如果用户曾经访问的 A 网站依赖
mermaid.js
,则本地会存在mermaid.js
文件对应的文件缓存 -
用户访问 B 网站时,如果依赖同样的
mermaid.js
,则可以避免再次请求网络。
|
|
网页预请求
本站采用 instant 提供的网页预请求服务。
优化原理:
- 桌面设备 * 从用户移动鼠标到链接上面 65ms 后,有 50%的几率点击该链接。
- 移动设备 * 当我们点击链接时,会先经过一个
hover
状态,此时加载页面会比正常的链接处理流程提前几十毫秒。
异步加载脚本
本站大部分脚本都使用异步加载(async
)方式,避免阻塞文档渲染。
|
|