Question

我有一堆图像存储在XYZ.com/images/page1

中

图像非常相似，如image1.png，image2.png等。所以URL是XYZ.com/images/page1/image1.png

有没有办法预取/预渲染页面文件中的所有图像？

Answer 1

以下PHP文件会自动显示文件夹中的所有图像，您无需手动更新任何内容，只需上传到该文件夹即可。

<?php
$folder = 'images/page1/';
$filetype = '*.*';
$files = 

glob($folder.$filetype);
$count = count($files);
echo '<table>';
for ($i = 0; $i < $count; 

$i++) {
echo '<tr><td>';
echo '<a name="'.$i.'" 

href="#'.$i.'">
<img src="'.$files[$i].'" 

/></a>';
echo
substr($files[$i],strlen($folder), strpos($files[$i], '.')-strlen($folder));
echo '</td></tr>';
}
echo '</table>';
?>

Answer 2

HTML5支持resource pre-fetching，它利用浏览器空闲时间下载或预取用户可能在不久的将来访问的文档。

解决方案A：您可以加载显示所有这些图像的页面：

<link rel="prefetch prerender" href="page1.html">

解决方案B：您可以单独缓存图像：

<link rel="prefetch prerender" href="/images/big.jpeg">
<link rel="prefetch prerender" href="/images/big2.jpeg">
<link rel="prefetch prerender" href="/images/big3.jpeg">

注意：prerender不是标准属性，但Chrome和＆amp ;; IE11 +

Learn more here

如何预取和预渲染整个图像文件

2 个答案: