php mysql在图像之前加载网页

Question

如何让网页首先加载其结构（div，框架，整体外观），然后逐个加载图片？有点像这个网站的作用 - ＆gt; www.9gag.com

我使用mysql查询来显示图像，请参阅下面的代码

function display_posts($page){
$start=($page*5)-4;
$query="SELECT * FROM `posts`   ORDER BY postid DESC LIMIT $start, 5";
$result = $mysqli->query($query) or die($mysqli->error.__LINE__);

while($row = $result->fetch_assoc()) {  

   $pic=$row['pic'];
   $postid=$row['postid'];

echo "<p class=\"pic_title\">".$row['title']."</p>";
echo "<a href='view.php?img=".$postid ."'><img src='". $pic ."' /></a> ";   

}

加载5个图像的完整页面大约需要8秒钟，但是当它加载时，网页会立即显示所有图像，我希望它首先加载结构，然后加载图像。谢谢！

Answer 1

一种方法是在不查找图像的情况下返回页面，然后在paga加载后使用javascript Ajax调用来请求图像数据。然而，这是相当多的悸动，去，用户仍然必须等待图像。

我认为你应该问自己8秒钟的去向。这是5张图片的大量时间。使用浏览器工具，例如ie9中的f12或Firefox中的firebug，查看各个时间请求的持续时间。