Skip to content

资源加载优化

1. 如何减少资源请求?什么是懒加载?

答案:减少资源请求的方法包括:

  1. 合并文件(CSS, JavaScript)
  2. 使用 CSS Sprites
  3. 使用字体图标或 SVG 图标
  4. 使用缓存
  5. 实施懒加载

懒加载是一种优化技术,它延迟加载非关键资源,只在需要时才加载。这可以减少初始页面加载时间,提高性能。

2. 什么是 Tree Shaking?如何在 Webpack 中实现?

答案:Tree Shaking 是一种通过清除上下文中未引用代码来优化打包结果的技术。在 Webpack 中实现 Tree Shaking:

  1. 使用 ES6 模块语法(import 和 export)
  2. 在 package.json 中设置 "sideEffects" 属性
  3. 使用生产模式(production mode)或在 Webpack 配置中启用优化