每天一道前端面试题：如何进行网站性能优化

标签：inline   -o   网站   样式表   精灵   dom   删除   import   data   

• content方面

  • 减少HTTP请求：合并文件、CSS精灵、inline Image
  • 减少DNS查询：DNS缓存、将资源分布到恰当数量的主机名
  • 减少DOM元素数量

• Server方面

  • 使用CDN
  • 配置ETag
  • 对组件使用Gzip压缩

• Cookie方面

  • 减小cookie大小

• css方面

  • 将样式表放到页面顶部
  • 不使用CSS表达式
  • 使用<link>不使用@import

• Javascript 方面

  • 将脚本放到页面底部
  • 将javascript 和 css从外部引入
  • 压缩JavaScript和css
  • 删除不需要的脚本
  • 减少DOM访问

• 图片方面

  • 优化图片：根据实际颜色需要选择色深、压缩
  • 优化css精灵
  • 不要在 HTML 中拉伸图片

推荐：

• 2020前端面试基础题293题，完整总结！
  
  

每天一道前端面试题：如何进行网站性能优化

标签：inline   -o   网站   样式表   精灵   dom   删除   import   data   

原文地址：https://www.cnblogs.com/qianduan1/p/13284048.html