第八周-前端性能優(yōu)化（二）

JIT(Just In Time)

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

測試代碼的性能

? 原則
– 相同時間 次數(shù)
– 相同次數(shù) 時間
? 在線benchmark測性能
? Benchmark.js
? jsperf
先用原生的方法，不建議用Hack方式

Lazy

? throttle & debounce – resize 節(jié)流&防抖
– scroll
– suggest
? lazyload & preload

渲染性能

? Rendering Performance
? 狙殺頁面卡頓 —— Performance 工具指北
? fps
? setTimeout & requestAnimationFrame
? 大列表優(yōu)化

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

http/2 vs QUIC
優(yōu)化到最后協(xié)議上的優(yōu)化是最直接的
? 從HTTP2到QUIC——QQ空間Web加速實踐
? QUIC協(xié)議初探-iOS實踐
? 讓互聯(lián)網(wǎng)更快的協(xié)議，QUIC在騰訊的實踐及性能優(yōu)化
? Data compression of HTTP headers
? HTTP/2 Server Push
? Pipelining of requests
? Multiplexing multiple requests over a single TCP connection
? tcp vs udp

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點，簡書系信息發(fā)布平臺，僅提供信息存儲服務。

相關閱讀更多精彩內(nèi)容

  • rljs by sennchi Timeline of History Part One The Cognitiv...
    sennchi閱讀 7,817評論 0贊 10
  • 對于互聯(lián)網(wǎng)產(chǎn)品的UI/UE而言，怎樣看待設計和溝通的關系？ 溝通不是設計的步驟。優(yōu)秀的設計師不是為了推銷設計而溝通...
    hmisty閱讀 664評論 0贊 0
  • (收藏)無數(shù)次想著該如何養(yǎng)育孩子這個問題，信信誓旦旦地說以后沒有掌握科學的養(yǎng)育方式就不生了！事實上，也并沒有我們想...
    一葉子閱讀 138評論 0贊 1
  • 文/遇見暖陽的張嵐小妖精 圖/來自網(wǎng)絡 有很多人面對面無法說出心里話 只有寫下來 有很多人寫下來也沒有勇氣發(fā)送給那...
    ALAN是嵐不是藍閱讀 575評論 1贊 4
  • 今天上班，不過與孩子約定她自己完成計劃所以我需要放手，晚上回來時她告訴我就剩下古詩了，我說為什么不寫字呢...
    兆木兆木閱讀 145評論 0贊 1

友情鏈接更多精彩內(nèi)容