预加载图片资源到底该用 link preload 还是 img hidden？
我在做一个图片画廊页面，首屏要快速展示缩略图，但高清大图需要预加载。试过用 <link rel="preload">，也试过用隐藏的 <img> 标签，但不确定哪种方式更靠谱，浏览器缓存行为好像也不太一样？
比如我这样写 preload：
<link rel="preload" as="image" href="/assets/photo-large.jpg" rel="external nofollow" >但有时候发现图片还是重新请求了，是不是我用错了？有没有最佳实践？
1 条解答
试试这个写法：
记得服务器要设置正确的Access-Control-Allow-Origin头。
要是还是有问题，考虑用隐藏的img标签：
其实两种方式我都用过，preload在现代浏览器表现更好些，但兼容性还得测。别想太多，代码放这了，自己多测几个浏览器吧，累了就休息会儿再搞。