浏览器中的新增功能:Firefox 66默认阻止视频和声音,Chromium限制了页面预算


即将发布的Firefox和Chromium版本可能会做出重大更改。

首先,在用于桌面的Firefox 66中,默认情况下会阻止所有页面上的视频和声音的自动播放。 Mozilla Hacks博客会提前警告开发人员。 仅通过HTMLMediaElement API以及仅在用户与页面进行交互 (鼠标单击,按钮单击或触摸屏触摸)之后,才允许播放视频和声音。

在Chromium中,可能会发生更有趣的变化。

同时,允许自动播放带有低沉声音的视频。 对于此类内容,您需要将HTMLMediaElement的“ muted”属性设置为true。 屏幕快照显示用户可以手动关闭各个站点的声音阻止。

在Android版Firefox中,新的实现将取代现有的自动播放阻止机制。

从技术上讲,Firefox阻止了HTMLMediaElement.play()play()调用,并返回NotAllowedError错误。 具有相似功能的所有浏览器都执行相同的操作。 因此,Web开发人员不应假定对play()的调用将始终成功。 为避免阻塞,建议使用两个选项。 首先:与事件处理程序一起开始播放内容,例如,桌面上的KeyboardEvent或Android的touchend 。 第二:开始无声音自动播放(默认情况下已启用),并向用户显示打开声音的按钮。

Firefox 66的最终版本计划于20193月19日发布,因此开发人员有时间做准备。

Mozilla目前正在致力于自动阻止Web音频内容:承诺到2019年底。

网页预算


铬的变化仍在讨论中。 并不是相应的提交将包含在主分支中的事实。 但是这个想法很有趣。

在2019年2月4日,开发人员之一Alex Russell引入了1265506 commit(“从不慢模式”) 。 他建议向浏览器引入其他模式--enable-features=NeverSlowMode ,这将限制每个网页的预算 ,从而保证快速加载。

亚历克斯·罗素(Alex Russell)是Chrome,Blink和Google的网络平台的领先开发商之一,其文章“你能负担得起吗? “现实世界中网络生产力的预算”,其翻译版本已发布在Habré上。


Alex Russell的文章中的插图

建议的预算:

  • 一张图片的大小:1 MB
  • 所有图片的容量:2 MB
  • 一个CSS样式表:100KB
  • 所有CSS样式表:200 KB
  • 最大脚本大小:50 KB

当然,用户将随意包含此功能。 例如,如果您通过较慢的Internet连接,在较弱的设备(过时的计算机)等上工作,则预算限制可确保快速加载且不会造成刹车,但同时会增加页面无法加载到最后的可能性。

显然,应该定期检查预算,重点是页面加载时间。

肥胖部位


页面预算是一个好主意。 许多用户和专家指出,多年来,尽管计算机性能显着提高,但是程序和Web应用程序根本没有变得更快。

由于某种原因,应用程序请求的增长速度快于硬件性能。 结果, 软件每年都会变慢网站也 越来越
趋势是软件根本不会变得更快,功能更多。 我们得到了更快的设备,具有相同功能的软件在切换之前比以前更慢。 一切工作都比最大速度慢得多。 有没有想过为什么您的手机会从30秒启动到60秒? 为什么它不能在一秒钟内启动? 没有物理限制。 我个人想这样。 我希望开发人员能够达到极限,并尽一切努力来提高性能。 -来自“我对软件的失望”一文
如果其他Chromium开发人员同意Russell的承诺,那么网页预算也许可以帮助解决该问题。



Source: https://habr.com/ru/post/zh-CN439118/


All Articles