焦点
如何只提供旧式代码给旧式浏览器呢?
Shubham 提供了一个解决方法,将前端资源构建出两份,一份是现代浏览器用,一份是旧式浏览器用。可以根据 User-Agent 识别不同浏览器,只针对旧式浏览器提供带 ES5 编译,polyfills 等兼容代码。下面的这些现代浏览器不需要这些兼容代码,可以减少资源体积,提升加载速度和 JS 执行的速度。
教程
当浏览器支持 ES6 modules 的时候,重新考虑下资源打包?
当现代浏览器支持 ES modules 的时候,我们还需要使用 Webpack bundle 打包吗?作者给出了他的思考。
浏览器原生的图片懒加载
新版 Chrome 浏览器原生提供图片懒加载的功能,具有更好的性能,可以不用再加载相关的库。
工具 & 资源
is-online
检查页面是否联网。
Cache-Control Header Builder
帮助学习和使用 Cache-Control 的工具。
如果你喜欢这篇文章,请关注我,我会持续输出更多原创且高质量的内容。
原文链接:前端周报第 13 期