提到前端性能优化,我们通常会想到[启用压缩](http://www.yaohaixiao.com/blog/how-to-configure-gzip-compression-with-nginx/),压缩资源文件大小。或者启用浏览器缓存,可以起到较少 HTTP 请求,优化资源加载速度的效果,但这些手段主要提升重复访问相同资源时的加载速度。默认情况下,浏览器只会先加载 HTML 中声明的资源。如果没有声明,浏览器是不会提前加载资源的。那有没有什么办法能提前加载页面所需资源,优化首次的加载速度呢? 很幸运,随着 Web 技术的发展,现代的浏览器可以做到提前加载页面所需资源了。使用资源提示伪指令([https://www.w3.org/TR/resource-hints/](https://www.w3.org/TR/resource-hints/)):prefetch 和 preload,可以提前告知浏览器加载资源,从而可以缩短网站的(首次)加载速度,优化页面性能。 什么是\<link rel=”prefetch“\ ? ------------------------------...