Question

目前，我正在使用WP超级缓存插件，它非常适合生成静态html页面并从数据库中预加载图像，但我在我的主题目录中有一个大的背景图像和其他小图标在我的图像文件夹中使用jQuery Load CSS Images。

<?php if ( is_home() ) { ?>
<script src="<?php bloginfo('template_directory'); ?>/scripts/preload.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
jQuery(document).ready(function(){
   jQuery.preloadCssImages();
});
</script>
<?php } ?>

脚本搜索然后预加载img src标签，我想知道是否有一个jQuery插件可以只预加载我的主题的图像文件夹一次。 if ( is_home() )语句在某种程度上起作用，但仍会加载多次。想知道是否有办法只做一次，也许是通过检测图像是否已经加载？

任何建议都将不胜感激。

Answer 1

我认为此脚本旨在下载初始页面加载未下载的其他图像。由于document.ready（）函数，在文档完全加载之前不会执行。因此，已经下载了初始视图所需的任何CSS图像。我认为它的目的是预先加载DOM尚未使用的图像。示例 - 翻转或悬停背景更改。

此外，如果您正确设置了缓存标头，则不应多次下载图像。如果用户没有禁用缓存，它将从缓存中调用。

Google mod_pagespeed是扩展缓存标头的好方法。

Wordpress - 使用jQuery从文件夹预加载图像一次

1 个答案: