前端优化

原创
2018/01/15 17:18
阅读数 66

前端优化老生常谈,

纯前端优化(非全栈人员)你能控制的无外乎,js,css,image,这个时候雅虎军规可能是你参考的对象:

  1. 压缩合并js,css,image,html。压缩合并的目的其实就减少http请求数量和请求的质量
  2. 还有js和css顺序可以控制。
  3. 异步加载代码
  4. 只加载页面可见区域,其余的懒加载
  5. 缓存,缓存是比较大的范畴,(包括前端缓存,服务器缓存,离线缓存,以及利用localStorage的黑科技缓存等等。)
  6. preload,prefetch,dns-prefetch ,具体能不能用可以caniuse
  7. cdn
  8. 图片使用webp优化(chrome系的都支持)

全栈的前端优化:出去上面能优化,还有:

  1. 上面缓存中的服务器缓存,以及浏览器缓存策略,等可以做
  2. 客户端和前端一起的混合的缓存策略,(前端代码缓存在客户端中)
  3. hybird 方式
  4. ssr (服务器渲染)

综上,优化其实让首屏的页面加载更快,要想更快”缓存“是大杀器,省去服务器端来取代码的时间,但是如果你使用的webpack打包的react+react-router+mobx+less等webapp,你会发现js的渲染也会花费很多的时间。

持续更新...

展开阅读全文
打赏
0
0 收藏
分享
加载中
更多评论
打赏
0 评论
0 收藏
0
分享
返回顶部
顶部