如何讓這些圖像加載速度更快?我有一個循環顯示配置文件圖片,照片需要1到2.5秒才能加載。不是一個接一個,而是幾乎所有的一次。我試着用PHP重新調整大小,但這並沒有改變任何東西。我不確定如何用這樣的循環預加載這些圖像。我可以做些什麼來提高負載性能?如何使圖像加載速度更快?
PHP
$query = "SELECT `photoid` FROM `site`.`photos` WHERE `profileid`='$profileid'";
try{
$getphotos = $connect->prepare($query);
$getphotos->execute();
while ($array = $getphotos->fetch(PDO::FETCH_ASSOC)){
echo '<div id="photo"><img src="photoprocess.php?photo='.$array['photoid'].'"></div>';
}
} catch (PDOException $e) {
echo $e->getMessage();
}
CSS
#photo img {
max-width:100%;
max-height:100%;
}
photoprocess.php
$photoid = $_GET['photo'];
$query = "SELECT `ext` FROM `site`.`photos` WHERE `photoid`='$photoid'";
try{
$getphotos = $connect->prepare($query);
$getphotos->execute();
$array = $getphotos->fetch(PDO::FETCH_ASSOC);
} catch (PDOException $e) {
echo $e->getMessage();
}
$ext = $array['ext'];
$image = imagecreatefromjpeg('userphotos/'.$photoid.''.$ext.'');
$imagearray = imagejpeg($image, null);
header('Content-type: image/jpeg');
echo $imagearray;
我也有擴展檢查作爲「如果陳述」,但這些不能放慢這一點。
html頁面的其他部分是什麼樣的?你有很多的CSS或JavaScript文件? Breowser一次只能載入很多圖片,如果你有太多的圖片,它們將不得不在圖片下載之前下載。您可以在瀏覽器的開發人員工具或插件中使用網絡時間表來查看每個網址何時下載以及需要多長時間。 –
另外一般來說,做''是個壞主意。相反,你應該做'