前端优化----技术

前端优化

  • 为什么要前端优化----可能会更新
  • 技术---雅虎军规

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

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

技术—雅虎军规

  • 减少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

等等

你可能感兴趣的:(项目,JavaScript,工作,js,javascript,html)