资源的合并与压缩

资源的合并与压缩

  • 减少http请求数量(合并)
  • 减少请求资源的大小(压缩)

    • html压缩

      • nodejs提供html-minifier工具
      • 后端模版引擎渲染压缩
    • css压缩

      • nodejs提供html-minifier工具
      • 使用clean-css对css进行压缩
    • JS压缩与混乱
        无效字符的删除,剔除注释,代码语义的缩减和优化,代码保护

      • nodejs提供html-minifier工具
      • 使用uglifyjs2对js进行压缩

导致的问题:

  • 首屏渲染
  • 缓存失效
    一般公共库合并,不同页面的合并

 上一篇
提高前端性能 提高前端性能
提高性能网络方面 减少dns查询时间 网络请求过程中采用cdn加速 相同的静态资源缓存 减少http请求大小 减少http请求次数(是否可以把多次请求合并成一次(需要后台的逻辑处理)) 服务端渲染 js 延迟加载 setTimeout 让
2018-05-20
下一篇 
css与js的装载与执行 css与js的装载与执行
css与js的装载与执行 顺序执行、并发加载 词法分析 => 从上到下依次解析 并发加载 => 并发加载有上限(某个域名下并发数量是有限制的,应该控制每个域名下加载的资源数量) 是否阻塞 css阻塞 css he
2018-05-14
  目录