前端技术周刊（2019 年 4 月 16 日）

前端技术周刊（2019 年 4 月 16 日）

Chrome 意欲支持原生自动lazyload功能，并支持 img 和 iframe 的 loading="lazy" 配置，该特性预计在 Chrome 75 中支持。

随着Web变得越来越复杂，图像和iframe等资源变得越来越大，这可能会对网页的加载性能产生负面影响。为了解决这个问题，Chrome团队正在开发一种原生自动lazyload功能，该功能将允许浏览器自动延迟加载图像和iframe，直到它们出现在视口中。

该功能目前正在开发中，预计将在Chrome 75中支持。一旦启用，它将自动对所有图像和iframe应用 loading="lazy" 属性。这将告诉浏览器，它可以延迟加载这些资源，直到它们出现在视口中。

原生自动lazyload功能的启用将对网页的加载性能产生重大影响。它将有助于减少页面加载时间，并使页面在移动设备上加载更加流畅。

Chrome 意欲支持 Content-Security-Policy 返回头中的 report-to 功能

Content-Security-Policy (CSP) 是一种HTTP头，它允许网站管理员控制浏览器可以从哪些源加载资源。CSP可以用来防止跨站脚本攻击（XSS）和其他安全漏洞。

目前，CSP只支持一个 report-uri 指令，该指令允许网站管理员指定一个URL，以便浏览器在检测到CSP违规时向该URL发送报告。

Chrome团队正在开发一项新功能，该功能将允许网站管理员在CSP返回头中使用 report-to 指令。report-to 指令允许网站管理员指定一个reporting API端点，以便浏览器在检测到CSP违规时向该端点发送报告。

reporting API是一个新的Web标准，它允许网站管理员收集有关浏览器如何处理其网站的信息。reporting API还允许网站管理员向CSP违规事件添加更多上下文信息。

Chrome团队希望，report-to 功能将有助于提高CSP的可用性和安全性。

其他前端技术新闻

• Firefox 66 发布，该版本引入了许多新功能和改进，包括对WebAssembly的支持、对CSS Grid Layout的支持，以及对Flexbox布局的支持。
• Safari 12.1 发布，该版本引入了许多新功能和改进，包括对WebAssembly的支持、对CSS Grid Layout的支持，以及对Flexbox布局的支持。
• Edge 18 发布，该版本引入了许多新功能和改进，包括对WebAssembly的支持、对CSS Grid Layout的支持，以及对Flexbox布局的支持。
• Node.js 12 发布，该版本引入了许多新功能和改进，包括对ES modules的支持、对top-level await的支持，以及对import.meta的支持。
• React 16.8 发布，该版本引入了许多新功能和改进，包括对Hooks的支持、对Concurrent Mode的支持，以及对Suspense的支持。

总结

本周，我们报道了Chrome即将支持原生自动lazyload功能，这将使图像和iframe的加载更加高效。我们还报道了Chrome意欲支持 Content-Security-Policy 返回头中的 report-to 功能，该功能将有助于提高CSP的可用性和安全性。最后，我们报道了其他一些前端技术新闻，包括Firefox 66、Safari 12.1、Edge 18、Node.js 12和React 16.8的发布。