1. 首页
  2. 编程面试题
  3. 前端
  4. 性能优化

浏览器加载原理优化



原理:html 在转 DOM 时,节点引用 css/img 不影响继续转化,但 js 会阻塞,因为 js 有可能修改 dom 树

- css 放 head
- js 尽量不放 head,如果放则 js 内嵌,且在所有css前面 | 对于会阻塞后续内容的外部 js ,用 defer
- 首屏优化
- 懒加载:列表滚动图片懒加载
- 按需加载 webpack codespliting
- 使用cdn加速:把静态资源(能被浏览器缓存的js/css)分发到离用户最近节点就近获取,提高响应速度和成功率

发布者:admin,如若转载,请注明出处:https://ai1024.vip/28320.html

QR code
//