11.html和css优化

html的优化

• 减少iframes的使用
  • 必须使用的时候 延迟加载，动态赋予src
• 压缩空白符
• 避免节点深层次嵌套
• 避免使用table布局（已经没人用了）
• 删除注释
• css&js 尽量外链
• 删除元素默认属性
• 语义化标签

借用工具进行优化

• html-minifier (webpack已经集成)

css优化

• 降低css对渲染的阻塞
• 利用gpu完成动画绘制
• 使用contain属性
  • contain介绍
  • MDN-contain
• 使用font-display属性