網頁效能
- Rust / Servo / stylo
- Rust - 維基百科，自由的百科全書
- GitHub - servo/servo: The Servo Browser Engine
- Quantum/Stylo - MozillaWiki
- Inside a super fast CSS engine: Quantum CSS (aka Stylo)
- WebAssembly / .wasm
- React Junkie · WebAssembly an23¡d React
- WebVR / Aframe / mixed reality
- Deep speech GitHub - mozilla/DeepSpeech: A TensorFlow implementation of Baidu’s DeepSpeech architecture
中場
- https://developer.mozilla.org/en-US/docs/Web/API/Payment_Request_API
- https://developers.google.com/web/fundamentals/discovery-and-monetization/payment-request/
量子專案
- http1, 2 —> QUIC
- Quantum css : parallel style system 任何順序處理 select & match
- 多核 CPU —> 平行處理
- Quantum render 繪圖引擎的效能問題
- Quantum dom 減少 background task 的負擔
Photon
- 介面重新設計 + quantum project 的效能改善
- SGV filmstrip
Track A - 相容性
- 使用者造訪 web 的管道不同 e.g line 裡的瀏覽器
- 新興市場瀏覽器多＆雜 <—> 低階手機沒有足夠的空間裝 native app
- 在不同瀏覽器中開啟 -webkit-appearance tests
- iPhone 10 的規格
- 使用 pre-release browser 來測試
- css grid / grid unit “fr”
- css grid developer tool
中場
Track A - binary AST
- abstract syntax tree
- pre-parse
- .binjs file
Track A -http2
- http1 的問題 乒乓球模式，Head of line blocking
- http2 —> multiplexing —> 同時送出 html, js, img 的 request，response 有 id 可以配對，header 與 body 可以分開送
- 輔助 multiplexing 的處理 _ priority flag 指定每個 resource 的順序與相依性 _ HPACK 壓縮 header。 e.g 100 個 request 有相同的 header 與 cookie —> 影響 get 送出的量更多，讓 server 可以開始先準備 * RST_STREAM 能夠 cancel request