Question

我有一个网页，其中包含我使用php代码从谷歌驱动器下载的一些图片：

$albumURL = $url."host/".$fila['album']."/";
@$doc->loadHTMLFile($albumURL);
$xpath = new DOMXPath($doc);
$anchors = $xpath->query('//a');
$ref="";
foreach($anchors as $element) {
  $ref = $element->getAttribute("href");  
}
$first = true;
foreach($anchors as $element) {
  $src = $element->getAttribute("href");
  if($src != "http://drive.google.com"){
    if($primero){
      $first = false;
      echo '<div class="item active"><img src='.$url.$element->getAttribute("href").'></div>'."\n";
    }
  echo '<div class="item"><img src='.$url.$src.'></div>'."\n";
}

问题在于，当我尝试加载页面时，它非常慢，我猜这是因为我请求的图像数量。这是我的页面的链接： http://arreglosnavidad.host22.com/arreglos.php

我不知道是否有任何方法可以使用php或html / css压缩这些图像。

当然，如果由于CRUD管理而不必在服务器中上传这些图像会更好。（并保持它们是最新的）

Answer 1

一些选项

使用CSS Sprites。而不是为大量图像加载发送GET请求，从而增加客户端到服务器的流量，您可以将所有几个图像组合成一个大图像，并使用div中的相对位置来显示属于您的部分或子图像合并的形象。

检查此链接是否有此技巧

https://css-tricks.com/css-sprites/

缩小实际图像的大小，并在html文档中设置图像标记的宽度和高度，以便在加载图像时它会拉伸（这会影响图像质量）

谷歌驱动器带来的图像使页面加载速度非常慢

1 个答案: