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

Posted 2020-12-17 qianduan1

• 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题，完整总结！