你如何实现 HTML 页面的优化

你如何实现 HTML 页面的优化

• 代码方面

  提高代码的复用性，减少代码冗余

  合适的使用 防抖 和 节流 技术

  减少页面的重绘、回流

  实现 HTML 的语义化

• 使用恰当的图片格式

  • JPG 一般用于展示风景、人物
  • GIF 一般用在颜色要求不高的地方，比如网站 Logo、表情包
  • PNG 能提供透明背景

• 使用图片精灵（一张图上有多个小图）（为什么叫图片精灵呢？那些小图片都是精灵，一个一个蹦出来的，所以叫图片精灵）

  这样就只会加载一张图片了。因为减少请求次数，页面加载会快一些