Re: [問題] 非 Chrome 瀏覽器 YouTube 速度慢五倍？

[limike2016 (李麥克)]

※ 引述《伊文斯．劉》之銘言：
: 7/25 Mozilla 的工程師 Chris Peterson 發布了一條 twitter
: https://twitter.com/cpeterso/status/1021626510296285185
: YouTube page load is 5x slower in Firefox and Edge than in Chrome because
: YouTube's Polymer redesign relies on the deprecated Shadow DOM v0 API only
: implemented in Chrome. You can restore YouTube's faster pre-Polymer design
: with this Firefox extension:
: https://addons.mozilla.org/firefox/addon/youtube-classic
: 說 Google 去年修改了 YouTube Polymer 的版本
: 所以 Firefox 和 Edge 瀏覽 Youtube 的速度比 Chrome 慢五倍

查了下 Shadow DOM 是 W3C 底下的一項標準規範
http://w3c.github.io/webcomponents/spec/shadow/

Shadow DOM v0 瀏覽器支援表
https://caniuse.com/#feat=shadowdom
https://i.imgur.com/obUOtpy.jpg

Chrome 25  - 2013/01/11 支援webkit前綴
Opera  15  - 2013/07/02 支援webkit前綴
Chrome 35  - 2014/05/20 正式支援
Opera  22  - 2014/06/03 正式支援
Firefox 29 - 2014/04/29 可設定 dom.webcomponents.enabled

Shadow DOM v1 瀏覽器支援表
https://caniuse.com/#feat=shadowdomv1
https://i.imgur.com/jGGZRPx.jpg

Chrome 53  - 2016/08/31 正式支援
Opera  40  - 2016/09/20 正式支援
Safari 10  - 2016/09/20 部分支援
Firefox 58 - 2018/01/23 可設定 dom.webcomponents.shadowdom.enabled
Chrome 67  - 2018/05/29 使用率從過往不到1%暴升到23.47%

所以 Shadow DOM 也不是 Google 獨家規範，
只是 Google 先應用在自家產品提升效能，
但它牌瀏覽器不支援而造成明顯差異。

說 Google 害別人五倍慢……？
怎麽不說 Google 技術超前比人家五倍快 XD

--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 114.45.161.32
※ 文章網址: https://www.ptt.cc/bbs/Browsers/M.1534675780.A.74E.html
→ crescent3: "deprecated"
推 maple3142: v0 是在今年 4 月被 deprecated 的，明年 1 月會從 Ch
→ maple3142: romium 中移除，4 月才是它真正會消失的時間
噓 Kenqr: Shadow DOM v0 在今年4月被標示為deprecated，youtube在
→ Kenqr: 這時間點之後的改版才開始使用
→ Kenqr: youtube 使用 google 自己主導的 polymer，最新版是 3.0
→ Kenqr: 而去年初推出的 polymer 2 就已經支援 Shadow DOM v1 了
→ Kenqr: 結果 youtube 今年中的改版還在用 polymer 1
那目前 Firefox 有支援 Shadow DOM v1 嗎？
推 Shauter: 圓仔氣到彈出來 XDDD
→ soem: 既然可以設定flag enable了，那代表是可以支援呀
→ soem: (雖然是in-development :p )
那為什麼支援表不把 Firefox 標為綠色或黃色?
→ DendiQ: 你把 v0 跟 v1 搞混了？
M社工程師說Yt用了只有GC支援的Shadow DOM v0害Fx五倍慢
我的疑問是爲什麼Fx不支援這項規範？
然後推文說G社已經有v1卻用過期的v0
所以我才問Fx支援v1嗎？ 如果不支援那G社用v0或v1有差嗎？
噓 kaoh08: Editor's Draft...
https://blog.mozilla.com.tw/posts/6635/
成為 W3C 的標準 (Standard) 之前，須完成如企畫提案 (Proposal)、編輯草案
 (Editors’ Draft)、候選建議 (Candidate Recommendation)，直到最後的建議
 (Recommendation) 等一系列階段。而「建議」階段是極重要的里程碑。Mozilla 鼓勵開
發者能在新的 Web 標準真正塵埃落定之前，就儘早開始接觸。若想跟上目前潮流，Web
開發者應留意新標準，且從「編輯草案」就應隨時緊盯相關動向，而不要進入「建議」階
段之後才開始投入心力。

喔！我懂了，謝謝指教。
→ Kenqr: 可以去查一下WD是什麼意思
推 mayuyu: 這件事情很奇怪 Chris Peterson是在最近這二個星期
→ mayuyu: 觀察到Fx和Edge載入YT的速度比Chrome慢了五倍
→ mayuyu: (實測是5秒和1秒的差距)
→ mayuyu: 他懷疑是因為Fx和Edge不支援Shadow DOM v0的API
→ mayuyu: 為了相容需要載入Shadow DOM v0的自動補完函式庫
→ mayuyu: 所以速度比不上原生支援的Chrome
→ mayuyu: 不過Polymer的工程師表示YT現在應該對所有瀏覽器
→ mayuyu: 都是用Shady DOM的自動補完函式庫
→ mayuyu: 所以問題應該不在Shadow DOM v0身上
→ mayuyu: 而且根據他們的經驗 Fx和Chrome在YT上的速度差異
→ mayuyu: 應該不會超過10%~15% 相差到五倍(500%)非常誇張
→ mayuyu: 這消息披露後 Chris Peterson重測了一次速度
→ mayuyu: 不知道YT是否有做修改 現在Fx只比Chrome慢了0.2秒
→ mayuyu: 實測變成1秒(Chrome)對1.2秒(Fx) 不過Edge仍然是相差五倍
→ mayuyu: Edge: ......QQ
→ mayuyu: Fx的Shadow DOM v1預計會在版號63正式推出
推 Shauter: Edge現在根本採用半年一版隨OS更新的方式
→ Shauter: 本來看影片領先各大家的 現在又差不多平盤惹
推 rockmanx52: Edge記得在1803就改成不綁OS更新了 只是這段期間完全
→ rockmanx52: 沒動過...
※ 編輯: limike2016 (220.129.195.235), 08/20/2018 10:23:37
→ labbat: edge要五秒 太扯了
→ choosin: Edge開Youtube不只是速度問題 下拉選單整個壞掉...