Google 在 2020/5/4 号发布了新的搜寻引擎演算法更新 "The May 2020 Core Update"，影响许多站主的来客流量，正当大家还摸不著头绪时，5/5 又提出了新的使用者体验量化方式"Web Vitals"，在 5/28 更指出此量化方式将开始至少试验一年的时间，在 2021 年之后某个时间点成为 Google 搜寻排序指标之一，符合 AMP 或 良好 Web Vitals 的网站都能出现在 Search Top Stories 上。究竟什么是 Web Vitals 以及 Google 发展体验量化标准能够对他们的业务带来什么帮助，以下部份内容包含自己的观点，希望能抛砖引玉，互相切磋成长。
当请求的凭据模式为 include 时，相应中的 Access-Control-Allow-Origin 标头的值不能是通配符 "*"
withCredentials 标志，则会在请求中传递 cookie 等。set-cookie 响应头，那么必须返回 Access-Control-Allow-Credentials: true , 否则将不会在客户端上创建 cookieAccess-Control-Allow-Origin 响应头，因为 Access-Control-Allow-Origin: 不具有凭证兼容所以，当请求中携带 cookie 时， Access-Control-Allow-Origin 必须要有确切的指定，不能是通配符 (*)，而 withCredentials 是跨域安全策略的一个东西。
Webpack 是当下最热门的前端资源模块强大打包工具。它可以将许多松散的模块按照依赖和规则打包成符合生成环境部署的前端资源；还可以将按需加载的模块进行代码分割，等到实际需要再异步加载。在使用 webpack 时，如果不注意性能优化，非常大的可能产生性能问题。性能问题主要分为开发时构建速度慢、开发调试时的重复工作、输出打包文件过大等，因此优化啊方案也主要针对这些方面来分析得出。
在使用 ECharts 进行图表绘制时，可以利用 CSS Grid 布局来组织页面元素，确保图表能够在容器中正确显示。以下是一个简单的例子，展示了如何使用 CSS Grid 布局来搭建一个包含 ECharts 图表的页面。
重点在这一句： grid-template-columns: repeat(3, 1fr);
ServiceWorker 是一个运行在浏览器背后的独立线程，它拥有访问网络的能力，可以用来实现缓存、消息推送、后台自动更新等功能，甚至可以用来实现一个完整的 Web 服务器。
因为 ServiceWorker 运行在浏览器背后，因为这个特性，它可以实现一些不需要服务器参与的功能，比如消息推送、后台自动更新等。
打开浏览器从输入网址到网页呈现在大家面前，背后到底发生了什么？经历怎么样的一个过程？现在带大家来看看流程。
首先我们需要通过 DNS（域名解析系统）将 URL 解析为对应的 IP 地址，然后与这个 IP 地址确定的那台服务器建立起 TCP 网络连接，随后我们向服务端抛出我们的 HTTP 请求，服务端处理完我们的请求之后，把目标数据放在 HTTP 响应里返回给客户端，拿到响应数据的浏览器就可以开始走一个渲染的流程。渲染完毕，页面便呈现给了用户
总体来说分为以下几个过程:
lighthouse 是一个用于诊断网页的工具，包括 性能、无障碍、渐进式、SEO 等方面，通过得分的方式来报告网页的质量。
使用方法：
npm install -g lighthouse | |
lighthouse <url> |
