前端优化----技术

为什么要前端优化----可能会更新

• 加快页面渲染速度，提升用户体验

技术—雅虎军规

• 减少HTTP请求

  1. 合并css，合并js，使用精灵图技术，
  2. 使用base64图片格式

• 压缩

  1. 压缩图像 (tinypng 网站可以压缩png格式的图片)
  2. 压缩js,css,html
  3. 开启gzip

• 懒加载

  1. 首先加载首屏内容，其他内容通过Ajax获取其他的
  2. 图片先加载默认，通过修改src来实现懒加载图片
  3. js内容可以懒加载

• 预加载

  1. prefetch 当浏览器有空闲先加载
  2. 合理的利用浏览器的缓存
     • get请求会缓存
     • webpack使用contentid不同的内容不一样
     • 当浏览器去加载css文件，如果文件名有发生改变，说明内容也没有改变可以缓存

• 服务器加速

  1. CDN加速
  2. 全国镜像
  3. 带宽2M，5M，1M

等等