php - 在网页上加载图像的更快方法

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 图像保存为Progressive，这样图像占位符就会在那里。您的 CSS 将具有正确的布局，并且随着时间的推移质量会提高，而不是逐个像素地加载图像。