美文网首页
第八周-前端性能优化(二)

第八周-前端性能优化(二)

作者: seeddyan | 来源:发表于2018-08-31 17:11 被阅读0次

JIT(Just In Time)

A crash course in just-in-time (JIT) compilers
WebAssembly 系列(二)JavaScript Just-in-time (JIT) 工作原理
JavaScript 为什么快

测试代码的性能

• 原则
– 相同时间 次数
– 相同次数 时间
在线benchmark测性能
Benchmark.js
jsperf
先用原生的方法,不建议用Hack方式

Lazy

• throttle & debounce – resize 节流&防抖
– scroll
– suggest
• lazyload & preload

渲染性能

Rendering Performance
狙杀页面卡顿 —— Performance 工具指北
• fps
• setTimeout & requestAnimationFrame
• 大列表优化

MTU
Reduce the size of the above-the-fold content 14.6kB
Maximum transmission unit
• inline
• base64

http/2 vs QUIC
优化到最后协议上的优化是最直接的
从HTTP2到QUIC——QQ空间Web加速实践
QUIC协议初探-iOS实践
让互联网更快的协议,QUIC在腾讯的实践及性能优化
• Data compression of HTTP headers
• HTTP/2 Server Push
• Pipelining of requests
• Multiplexing multiple requests over a single TCP connection
• tcp vs udp

相关文章

  • 前端性能优化(中)

    性能优化调研系列文章 《前端性能优化(上)》 《前端性能优化(中)》 《前端性能优化(下)》 《前端性能优化(上)...

  • 前端性能优化(下)

    性能优化调研系列文章 《前端性能优化(上)》 《前端性能优化(中)》 《前端性能优化(下)》 《前端性能优化(中)...

  • 前端性能优化(上)

    性能优化调研系列文章 《前端性能优化(上)》 《前端性能优化(中)》 《前端性能优化(下)》 为什么要进行前端性能...

  • 第八周-前端性能优化(二)

    JIT(Just In Time) • A crash course in just-in-time (JIT) ...

  • 前端面试必问及加分点---性能优化篇

    如何进行网站性能优化 你有用过哪些前端性能优化的方法? 谈谈性能优化问题 代码层面的优化 前端性能优化最佳实践

  • 前端性能优化

    对于前端的性能优化,主要有分为加载优化和性能优化。在Google官方文档中,给出了性能优化有哪些好处。前端优化的最...

  • 常用的后端性能优化六种方式:缓存化+服务化+异步化等

    性能优化专题 前端性能优化 数据库性能优化 jvm和多线程优化 架构层面优化 缓存性能优化 常用的后端性能优化六大...

  • 关于前端性能优化问题详解

    关于前端性能优化问题详解 出处:http://segmentfault.com/blogs 前端性能优化指南 AJ...

  • 前端性能优化

    前端性能优化 下面是我认知的前端性能优化的策略,本书主要着手 JavaScript 优化展开阐述。 JavaScr...

  • 2019-10-22

    2018 前端性能优化清单

网友评论

      本文标题:第八周-前端性能优化(二)

      本文链接:https://www.haomeiwen.com/subject/uajtiftx.html