更快的方式在网页上加载图像

Question

只想问。为什么这个代码加载缓慢...作为我观察者。在显示之前等待所有图像可用

 <ul> 
             <?php
                for($i = 0 $i < 40; $i++){
                        echo '<li><a href="javascript:;" >
                                <img src=" images/num/pref_img.name"/></a>

                            </li>';
                        }
             ?>
 </ul>

比这个代码。它按图像加载图像，并且在显示之前不会等待所有图像完成。

<?php
                for($i = 0 $i < 40; $i++){
                        echo '<a href="javascript:;" >
                                <img src=" images/num/pref_img.name"/></a>';
                        }
             ?>

任何人都可以告诉我如何加载图像更快？或优化第一个代码。

Answer 1

检查您的图像是否已经过优化，并且它们的大小不会超过它们的大小。

Answer 2

将您的.JPG图像保存为渐进式，这样图像占位符就会存在。 您的CSS将具有正确的布局，并且随着时间的推移，质量将得到改善，而不是逐像素地加载图像。