作者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/cn.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