最近在 medium 上看到这篇“比较新鲜的”文章 《We rendered a million web pages to learn how the web breaks》 觉着不错（老外确实敢想敢做），遂翻译分享，以期拓宽视野、引人思考。本瓜不会去逐字翻译，旦求一个表意流畅…

Service workers 是 Progressive Web Apps 的核心。它们允许缓存资源和推送通知，这是原生 app 应用的两个突出特性。 service worker 是你的网页和网络之间的 可编程代理，它可以拦截和缓存网络请求。这实际上可以让你 使自己的 ap…

内部揭秘系列博客对现代浏览器如何处理代码、显示页面展开探讨。该系列博客共四篇，这是最后一篇。在上篇博客里，我们了解了 渲染进程与合成器。这里我们将一窥当用户输入行为发生时，合成器如何继续保障交互流畅。 听到“输入事件”这个字眼，你脑海里闪现的恐怕只是输入文本或点击鼠标。但在浏览…

这是关于浏览器工作原理博客系列四部分中的第三部分。之前，我们介绍了多进程架构和导航流。在这篇文章中，我们将一探渲染进程的内部机制。 渲染进程涉及 Web 性能的许多方面。由于渲染进程的流程太复杂，因此本文只进行概述。如果你想深入了解，可以在 the Performance se…

这一博客系列由四部分组成，将从高级体系结构到渲染流程的细节来窥探 Chrome 浏览器的内部。如果你曾对浏览器是如何将代码转化为具有功能的网站，或者你并不确定为何建议使用某一技术来提升性能，那么本系列就是为你准备的。 本文作为此系列的第一部分，将介绍核心计算术语与 Chrome…

Web 开发者们一直以来想在 Web 中使用音频和视频，但早些时候，传统的 Web 技术不能够在 Web 中嵌入音频和视频，所以一些像 Flash、Silverlight 的专利技术在处理这些内容上变得很受欢迎。 这些技术能够正常的工作，但是却有着一系列的问题，包括无法很好的支…

今天分享一个需要前端去推进的优化小点，前端必看，后端也可以看看。 先简单回顾一下跨域请求，当一个资源从与该资源本身所在的服务器不同的域、协议或端口请求一个资源时，此时会发起一个跨域 HTTP 请求。针对跨域，有多种解决方案，不展开说，不是今天的重点。 其中有一种方式叫做”跨域资…

浏览器的缓存机制也就是我们说的HTTP缓存机制，其机制是根据HTTP报文的缓存标识进行的，所以在分析浏览器缓存机制之前，我们先使用图文简单介绍一下HTTP报文，HTTP报文分为两种：

作者｜OhansEmmanuel译者｜谢丽本文的目的是用非常简单的术语解释浏览器如何将HTML、CSS和JavaScript转换为我们可以与之交互的网站。了解这个过程，可以帮助你优化Web应用程序，从