网站性能优化

简要总结：

1.资源压缩合并，减少http请求

2.非核心代码异步加载（异步加载方式，异步加载区别）

3.利用浏览器缓存（缓存的分类，缓存的原理）

4.使用CDN

5.与解析DNS

　　<mata http-equiv="x-dns-prefetch-control" content="on">   // https 协议下开启a链接的prefetch(http协议下会默认开启)

　　<link rel="dns-prefetch" href="//host_name_to_prefetch.com">

//=========================================================================

• content方面

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

• Server方面

  1. 使用CDN
  2. 配置ETag
  3. 对组件使用Gzip压缩

• Cookie方面

  1. 减小cookie大小

• css方面

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

• Javascript方面

  1. 将脚本放到页面底部
  2. 将javascript和css从外部引入
  3. 压缩javascript和css
  4. 删除不需要的脚本
  5. 减少DOM访问

• 图片方面

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

网站性能优化

原文：https://www.cnblogs.com/vicky24k/p/11780734.html