加快构建 DOM: 使用预解析, async, defer 以及 preload

文章预览

编者按：本文由Mactavish在众成翻译平台上翻译。 （图片来自网络） 在 2017年，保证页面快速加载的手段涵盖了方方面面，从压缩和资源优化，到缓存，CDN，代码分割以及 tree shaking 等。 然而，即便你不熟悉上面的这些概念，或者你感到无从下手，你仍然可以通过几个关键字以及精细的代码结构使得你的页面获得巨大的性能提升。 新的 Web 标准 使你能够更快地加载关键资源，这个月晚些时候，Firefox 就会支持这个特性。同时在 Firefox Nightly 版本或者 开发者版本 上已经可以使用这些功能。与此同时，这也是回顾基本原理，深入了解 DOM 解析相关性能的一个好时机。 理解浏览器的内部机制是每个 web 开发者最强有力的工具。我们看看浏览器是如何解释代码以及如何 ………………………………