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

Question

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

 $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

一些选择

1. 使用CSS Sprites。 您可以将所有几张图像合并为一个大图像，并在div中使用相对位置以仅显示合并图像的一部分或子图像，而不是加载发送大量图像的GET请求，从而增加客户端到服务器的通信量。

检查此链接此技巧

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

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