精选文章
-
浏览器页面加载时间对比:方法论简介
在 blog.mozilla.org 上,我们分享了一项速度对比研究的结果,展示了启用跟踪保护的 Firefox Quantum 与其他浏览器的速度对比。在这篇配套文章中,我们分享了一些关于这些页面加载时间对比研究和基准测试方法论的见解。我们的研究重点关注新闻网站(这类网站往往包含大量跟踪器),并使用 Navigation Timing API 作为数据来源。
-
得益于 Firefox Quantum,获得超稳定的 WebVR 用户体验
Quantum 版本整合了来自 Quantum Flow 的主要优化,Quantum Flow 是一项全面的工作,旨在通过识别和消除主要卡顿来源来现代化和改进 Firefox 网页引擎的基础,而无需从头重写所有内容。正如 Salva 在本文中展示的那样,Quantum Flow 对 WebVR 的稳定性和性能产生了重要且显著的影响。
-
进入量子时代——Firefox 如何重回高速以及未来如何变得更快
在过去的七个月里,我们一直在快速替换引擎的主要部分,并将 Rust 和 Servo 的部分内容引入 Firefox。此外,我们还组建了一支浏览器性能突击队,在代码库中搜寻性能问题,无论明显与否。我们称之为 Quantum 项目,重新诞生的 Firefox Quantum 的首个正式版本将于明天发布。
-
使用 Firefox 调试器超越 console.log
console.log 不是调试器。它非常适合了解你的 JavaScript 应用程序在做什么,但它仅限于输出最少的信息。如果你的代码很复杂,你需要一个合适的调试器。这就是为什么我们在 Firefox Devtools Playground 中添加了一个关于调试的新部分,其中包含四个基本课程,这些课程使用 Firefox 调试器来检查和修复一个简单的 JavaScript 待办事项应用程序。
-
异步平移/缩放 (APZ) 登陆 Firefox Quantum
异步平移和缩放 (APZ) 即将登陆 Firefox Quantum,这意味着所有用户都能享受流畅无卡顿的滚动体验!到目前为止,滚动是主 JavaScript 线程的一部分。这意味着当执行 JavaScript 代码时,用户无法滚动页面。有了 APZ,滚动与 JavaScript 线程分离,从而带来更流畅的滚动体验,尤其是在移动电话等较慢的设备上。
-
告别 Firebug
最受欢迎和强大的 Web 开发工具。Firebug 取得了巨大的成功。在其 12 年的生命周期中,这款开源工具在 Web 开发人员中赢得了近乎狂热的追捧。Firebug 于 2005 年发布,是第一个允许程序员直接在 Firefox 浏览器中检查、编辑和调试代码的工具。
-
在 Android 版 Firefox 中将渐进式 Web 应用添加到主屏幕
如今,几乎所有网站的核心都采用了响应式 Web 设计原则:与往昔以桌面为中心的 Web 相比,这确实是一个巨大的进步。在过去两年中,类似且互补的演变一直在发生:渐进式 Web 应用 (PWA) 是一种新兴的标准化浏览器技术的统称,它结合了 Web 的低摩擦特性以及我们通常与原生应用相关的可靠性和功能,在移动端和桌面端都越来越受欢迎。
-
我们如何重建 viewsourceconf.org 网站
在处理大规模遗留代码时会遇到许多有趣的挑战,但从头开始重建通常不是一种选择。最近,我们有机会从头开始重建 Mozilla 的 View Source 网站,以供即将在伦敦举行的会议使用。以下是在我们进行网站速度更快、更安全、更可靠的架构决策时的一些亮点。
-
CSS 网格布局简介:第 1 部分
CSS 网格布局彻底改变了 Web 设计的游戏规则。它允许我们使用简单的 CSS 创建复杂的 Web 布局。本 2 部分入门指南的第 1 部分介绍了 CSS 网格的词汇表和新的 Firefox DevTools Playground,并向你展示如何开始编码。
-
CSS 网格布局简介:第 2 部分
在本 2 部分简介的第 2 部分中,Dan Brown 将引导你完成创建相同布局的三种不同方法,并引导你前往 Firefox DevTools Playground 继续学习和探索。