javascript - 如何使 javascript 加载速度更快？

Question

现在，我们有一个使用 javascript 的图像幻灯片。但是，当页面仍在加载时，在读取和执行 javascript 之前，图像将以正常列出的样式(带有项目符号)短暂显示。问题是，我们不希望访问者看到“裸体”图像列表，即使只是短暂的(有时会持续 2-3 秒)。我们希望他们立即只看到一个图像(不是列表)变形为另一个图像(js 所做的)。

这是幻灯片的 html 代码:

<div class="slideshow"> 
     <ul> 
         <li><img src="images/....jpg" /></li> 
         <li><img src="images/....jpg" /></li> 
         <li><img src="images/....jpg" /></li>                                  
         <li><img src="images/....jpg" /></li> 
         <li><img src="images/....jpg" /></li> 
     </ul> 
</div> 

这是我们使用的幻灯片:

http://www.littlewebthings.com/projects/blinds/

这是 JS 文件:

http://www.littlewebthings.com/projects/blinds/js/jquery.blinds-0.9.js

我认为这可能是缓存问题，因为上面的演示幻灯片只显示了一次“裸”图像列表。一旦它被刷新/重新访问，它就不再显示(或者仍然显示但比第一次快得多，它几乎不被注意到)。另一方面，我们会继续重新阅读 javascript，就好像它总是第一次(如果您明白我的意思)。

Answer 1

用 css 隐藏所有列表，只显示第一个图像。因此，除了第一张图片之外，用户不会看到所有列表。