【Unwire.hk】Chrome 新版本將減少 RAM 用量　提升載入速度

Chrome 作爲最多人使用的瀏覽器，不時被投訴用 RAM 太「大食」而且速度緩慢。最近 Google 就表示在最新版本中改善了其表現，將會提升記憶體管理和速度表現。

Google 指，最新的 Chrome 89（包括 macOS、Windows 和 Android 版本）將會有更加智能的記憶體管理，對於並非正在使用的網頁部分，將會清除部分資料，例如已經掃過的圖片可以先刪除以減少記憶體用量。特別在 macOS 版本中，將可以減少背景分頁所使用的暫存檔案，據稱可以減少 8% 的記憶體用量以及提升耗電效能達 65%。

至於 Android 方面，新版本將會加入「Freeze-Dried Tab」功能，可以將分頁儲存為輕量版本，仍然可以上下掃甚至縮放，或者點擊連結，但儲存的分頁體積與畫面截圖差不多，可以提升載入時間。

#科技

【網站修復公告】2019.6.25
　
致報導者們，

網站連線目前已恢復正常，若您仍有遇到網路載入問題，敬請不吝告訴小編。

謝謝各位的支持。
　
★深度報導需要你支持，歡迎 #贊助報導者→ http://bit.ly/2Ef3Xfh

　
－－－－－

【網站異常公告】2019.6.24
　
致報導者們，
　
報導者網站所使用的全球內容傳遞網路（CDN） 服務，因不明原因處於不穩定的狀態，
報導者網站連線品質也因而受到影響，導致網頁處理速度緩慢、網頁載不出來等問題。
　
《報導者》工程團隊正在努力解決中，
造成不便，敬請讀者包容諒解。
　
但《報導者》仍將不斷在臉書上更新重要新聞訊息，請大家持續關注我們的粉絲專頁。

🌳 文章標題：Netflix Web 效能提升案例研究

Netflix 無疑是目前最受歡迎的串流網路電視提供業者，這篇文章描述了他們如何提升 Netflix 的使用者 Logout/Sign up , Landing Page 的效能，這篇文章主要關注在以下幾個部分

1. 載入和互動時間減少了50％ (針對 Netflix .com 的桌面 logged-out 網頁 )

裡面有提到他們是使用什麼工具來度量網頁效能 - 使用Chrome的DevTools和Lighthouse來模擬在3G連接上載入 log-out 頁面

解決方案 : 原本使用 React , 現在改用少於 300 行的 vanilla JavaScript 來取代

2. 通過從 React 和其他客戶端程式庫切換到vanilla JavaScript，JavaScript 套件大小減少了200kB。React仍在伺服器端使用。

有些前端程式採用 vanilla JavaScript ，有些則採用 Server side React ，這要看你如何 trade-off ，這篇文章有提到因為優化了使用者註冊頁面，提升了 Netflix 的使用者註冊率，想一下你是不是因為使用者註冊流程太過繁瑣或是緩慢而離開那個頁面？

3. 預取 HTML，CSS和JavaScript（React）可將未來瀏覽時間縮短30％

解決方案 - 內建的 瀏覽器 API 和 XHR prefetching. 但是內建的瀏覽器 API 只有部分瀏覽器有支援， XHR 支援度比較高

這裡面也有提到，雖然 Netflix 沒有在主頁上使用React，但他們為後續頁面預載入了它。

文章最後面的注釋也值得關注，提到了

1. 為何沒有使用 preact - Fast 3kB alternative to React with the same modern API.

2. 評估 Service Worker 做靜態資源的快取

3. 登陸網頁的 A/B testing - 要支援全世界 200 個以上的國家動態登入頁面 A/B testesting ... Orz

✍ 相關電子書與線上課程

1. 電子書 – Web Performance in Action http://bit.ly/2KdGtce

2. 對於 Server Side React 有興趣可以參考相關線上課程 - 使用 React 與 Redux 在伺服器端排版構圖 http://bit.ly/2KdXumA

3. vanilla JavaScript - Wes Bos免費 JavaScript 30 課程 http://bit.ly/2KdXLG8

https://medium.com/…/a-netflix-web-performance-case-study-c…