從前端技術解釋:滾動網頁為什麼會卡

相信大家經歷過滾動下鼠標就卡的時代

實際上,直至今日

在線文檔

比如Office 365,騰訊文檔,金山文檔

打字的時候,還是卡卡的


還是不如本地C++ Qt做的網頁流暢

首先,JavaScript本身是C++語言寫的解釋器

一行一行讀入執行的


速度比C++慢10倍以上是正常的


但根本原因是


沒有充分調用顯卡GPU的接口進行渲染

利用顯卡進行多個流處理器並行處理的話

就會快非常非常多


而網頁版,往往不像本地的Office或者WPS那樣


進行底層優化過


事實上網頁完全可以不慢


不知道大家有沒有玩過WebGL技術下的

瀏覽器遊戲

(不是4399小遊戲Flash插件的那種)


比如極地求生這款遊戲


類似於吃雞


客戶端只有幾十MB

畫質很不錯

客戶端就是一個瀏覽器

遊戲在裡面運行


事實上連VR都可以在網頁中傳遞


一旦充分軟硬件協同優化

網頁其實並不慢

建議大家升級到最新版的chrome瀏覽器

體驗最新的web技術


從前端技術解釋:滾動網頁為什麼會卡

通過這張圖,大家可以看到

以為萬年不變的谷歌瀏覽器

其實只是外表不變

背後的技術

不知道更新迭代了多少個版本了

已經


谷歌和火狐一直是CSS,HTML5技術背後的推動者

本質上就是讓絕大多數事情在瀏覽器中可以完成


分享到:


相關文章: