加载速度一直是 web 开发的重点。随着 HTTP/2 的出现，我们用很少的精力就可以提升网站性能。本文首先为不熟悉的读者简要介绍了 HTTP/2 的基本概念，随后列出了基准测试时所得到的数据，并在此基础上给出了一些简洁的参考建议，确保网站对 HTTP/2 进行了优化。 自 1…

我们日常使用浏览器的步骤为：启动浏览器、打开一个网页、进行交互。而无头浏览器指的是我们使用脚本来执行以上过程的浏览器，能模拟真实的浏览器使用场景。 本文主要介绍 Google 提供的无头浏览器(headless Chrome), 他基于 Chrome DevTools prot…

HTTP/2是于2015年正式发布的新一代HTTP协议。其在保持HTTP1.x语义、不变更网络基础设施的前提下致力于降低用户可感知延时，提升网络传输效率。本文将从HTTP历史、HTTP/2新特性、升级方法、效果分析四个部分进行介绍。主要涉及了为什么我们需要HTTP/2，HTTP…

在开发过程中经常会涉及跨域问题，解决跨域问题的方案也有很多种，接下来就来梳理一下前端跨域的常用方法。 何为跨域，跨域是相对于同源而言。协议、域名和端口均相同，则为同源。 浏览器通过同源策略限制从一个源加载的文档或脚本与来自另一个源的资源进行交互。这是一个用于隔离潜在恶意文件的关…

跨域是指一个域下的文档或脚本试图去请求另一个域下的资源，这里跨域是广义的。 广义的跨域： 其实我们通常所说的跨域是狭义的，是由浏览器同源策略限制的一类请求场景。 什么是同源策略？ 同源策略/SOP（Same origin policy）是一种约定，由Netscape公司199…