作者limike2016 (李麥克)
看板Browsers
標題Re: [問題] 非 Chrome 瀏覽器 YouTube 速度慢五倍？
時間Sun Aug 19 18:49:34 2018
※ 引述《伊文斯．劉》之銘言：
: 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://webptt.com/m.aspx?n=bbs/Browsers/M.1534675780.A.74E.html
1F：→ crescent3: "deprecated"08/19 19:06
2F：推 maple3142: v0 是在今年 4 月被 deprecated 的，明年 1 月會從 Ch08/19 19:19
3F：→ maple3142: romium 中移除，4 月才是它真正會消失的時間08/19 19:19
4F：噓 Kenqr: Shadow DOM v0 在今年4月被標示為deprecated，youtube在08/19 19:33
5F：→ Kenqr: 這時間點之後的改版才開始使用08/19 19:33
6F：→ Kenqr: youtube 使用 google 自己主導的 polymer，最新版是 3.008/19 19:44
7F：→ Kenqr: 而去年初推出的 polymer 2 就已經支援 Shadow DOM v1 了08/19 19:44
8F：→ Kenqr: 結果 youtube 今年中的改版還在用 polymer 108/19 19:44
那目前 Firefox 有支援 Shadow DOM v1 嗎？
9F：推 Shauter: 圓仔氣到彈出來 XDDD08/19 20:45
10F：→ soem: 既然可以設定flag enable了，那代表是可以支援呀08/19 23:23
11F：→ soem: (雖然是in-development :p )08/19 23:24
那為什麼支援表不把 Firefox 標為綠色或黃色?
12F：→ DendiQ: 你把 v0 跟 v1 搞混了？ 08/19 23:49
M社工程師說Yt用了只有GC支援的Shadow DOM v0害Fx五倍慢
我的疑問是爲什麼Fx不支援這項規範？
然後推文說G社已經有v1卻用過期的v0
所以我才問Fx支援v1嗎？ 如果不支援那G社用v0或v1有差嗎？
13F：噓 kaoh08: Editor's Draft... 08/20 00:49
https://blog.mozilla.com.tw/posts/6635/
成為 W3C 的標準 (Standard) 之前，須完成如企畫提案 (Proposal)、編輯草案
(Editors’ Draft)、候選建議 (Candidate Recommendation)，直到最後的建議
(Recommendation) 等一系列階段。而「建議」階段是極重要的里程碑。Mozilla 鼓勵開
發者能在新的 Web 標準真正塵埃落定之前，就儘早開始接觸。若想跟上目前潮流，Web
開發者應留意新標準，且從「編輯草案」就應隨時緊盯相關動向，而不要進入「建議」階
段之後才開始投入心力。
喔！我懂了，謝謝指教。
14F：→ Kenqr: 可以去查一下WD是什麼意思 08/20 01:10
15F：推 mayuyu: 這件事情很奇怪 Chris Peterson是在最近這二個星期 08/20 01:28
16F：→ mayuyu: 觀察到Fx和Edge載入YT的速度比Chrome慢了五倍 08/20 01:29
17F：→ mayuyu: (實測是5秒和1秒的差距) 08/20 01:29
18F：→ mayuyu: 他懷疑是因為Fx和Edge不支援Shadow DOM v0的API 08/20 01:29
19F：→ mayuyu: 為了相容需要載入Shadow DOM v0的自動補完函式庫 08/20 01:29
20F：→ mayuyu: 所以速度比不上原生支援的Chrome 08/20 01:29
21F：→ mayuyu: 不過Polymer的工程師表示YT現在應該對所有瀏覽器 08/20 01:30
22F：→ mayuyu: 都是用Shady DOM的自動補完函式庫 08/20 01:30
23F：→ mayuyu: 所以問題應該不在Shadow DOM v0身上 08/20 01:30
24F：→ mayuyu: 而且根據他們的經驗 Fx和Chrome在YT上的速度差異 08/20 01:30
25F：→ mayuyu: 應該不會超過10%~15% 相差到五倍(500%)非常誇張 08/20 01:31
26F：→ mayuyu: 這消息披露後 Chris Peterson重測了一次速度 08/20 01:31
27F：→ mayuyu: 不知道YT是否有做修改 現在Fx只比Chrome慢了0.2秒 08/20 01:31
28F：→ mayuyu: 實測變成1秒(Chrome)對1.2秒(Fx) 不過Edge仍然是相差五倍 08/20 01:31
29F：→ mayuyu: Edge: ......QQ 08/20 01:32
30F：→ mayuyu: Fx的Shadow DOM v1預計會在版號63正式推出 08/20 01:33
31F：推 Shauter: Edge現在根本採用半年一版隨OS更新的方式 08/20 02:35
32F：→ Shauter: 本來看影片領先各大家的 現在又差不多平盤惹 08/20 02:36
33F：推 rockmanx52: Edge記得在1803就改成不綁OS更新了 只是這段期間完全 08/20 05:50
34F：→ rockmanx52: 沒動過... 08/20 05:50
※ 編輯: limike2016 (220.129.195.235), 08/20/2018 10:23:37
35F：→ labbat: edge要五秒 太扯了 08/21 15:35
36F：→ choosin: Edge開Youtube不只是速度問題 下拉選單整個壞掉... 08/21 16:59