轮播移动图片

时间:2020-08-27 16:56:19

标签: html jquery css bootstrap-4 carousel

我的网站上有一个旋转木马,它工作正常。我在自己的网站上使用引导程序4,并且正在优化我的网站。 Google Lighthouse建议我在使用移动设备时使用小图像渲染轮播图像。当前,图像是高分辨率的,适用于台式机和笔记本电脑的屏幕。我想知道

  1. 在移动设备上呈现轮播图像时,应该使用哪种图像分辨率才是最佳分辨率。
  2. 如何将这些小分辨率图像渲染到移动设备上,并跳过加载这些大图像的步骤 更大。
  3. 此外,在这四个图像中,我只希望加载第一个图像,而其余三个则是 推迟加载。在第一张幻灯片滑到下一张幻灯片(3张后 秒)我这样做是因为我正在2G连接上工作,这里的用户是 还可以进行2G连接。

感谢您的期待。

0 个答案:

没有答案