如何解决Lighthouse检测到的SameSite cookie异常问题

本次告警涉及的Cookie分别归属于BootstrapCDN和Facebook两个第三方域名，按场景对应处理方法如下：

场景1：你仅为当前站点运营方，无权限修改第三方服务的Cookie配置 #

这是绝大多数情况，这类第三方服务触发的SameSite告警不会影响你站点的核心功能，可以直接忽略该Lighthouse审计提示。如果要彻底消除告警，可以做如下调整：

• 若你不需要Facebook的流量统计功能，直接移除页面中引入的Facebook统计SDK和相关像素代码即可
• 若你不需要使用BootstrapCDN托管静态资源，可以将相关静态资源切换为本地自行托管，不再调用第三方CDN接口

场景2：你可操控对应Cookie所属域名的配置 #

按照Chrome的SameSite规则调整Cookie设置即可：

• 若该Cookie需要在跨站请求中正常传递：设置Cookie时增加SameSite=None; Secure属性，注意Secure属性必须同时配置，且对应的站点必须使用HTTPS协议
• 若该Cookie不需要跨站传递：设置Cookie时增加SameSite=Lax或SameSite=Strict属性即可

内容的提问来源于stack exchange，提问作者Hooman Bahreini