提高前端性能

提高性能

网络方面

  • 减少dns查询时间
  • 网络请求过程中采用cdn加速
  • 相同的静态资源缓存
  • 减少http请求大小
  • 减少http请求次数(是否可以把多次请求合并成一次(需要后台的逻辑处理))
  • 服务端渲染

js

  • 延迟加载
  • setTimeout
  • 让js最后加载(把js文件放入页面底部)
  • h5中script可以async属性,缺点:不能控制加载的顺序
  • 如果比较大的图片可以等页面加载完成之后用window.onload的方法来加载

css

  • 加载性能
  • 选择器性能
  • 渲染性能 最好把一组用公用的包裹起来.尽量减少不必要的标签(采用语义化的标签)
  • 可维护性、健壮性(命名合理,结构层次是否健壮,样式能否抽象复用)命名最好用用元素的样式命名而不是功能命名
  • css的代码压缩

 上一篇
设计模式 设计模式
设计模式主题  将不变的部分和变化的部分隔开 原则 单一职责原则(SRP) 一个对象(方法)只做一件事情 => 应该只有一个原因而引起方法或者对象的改变 何时应该分离职责: 当跟着需求的变化,两个职责同时变化,就可以不必分离.
2018-06-04
下一篇 
资源的合并与压缩 资源的合并与压缩
资源的合并与压缩 减少http请求数量(合并) 减少请求资源的大小(压缩) html压缩 nodejs提供html-minifier工具 后端模版引擎渲染压缩 css压缩 nodejs提供html-minifier工具 使用cle
2018-05-14
  目录