laravel 如果这些图像在移动版本中不显示，是否可以不为移动的用户制作下载图像？

2vuwiymt 于 2022-11-18 发布在其他

关注(0)|答案(1)|浏览(113)

我有一个网站在Laravel与tailwindcss，我有一些文章与图像在桌面版本，这些图像是在display:none的移动的版本，我的问题是：有没有可能不为我的移动的用户下载图片？使我的网站更快，手机不那么沉重（对不起，如果我犯了英语错误，这不是我的主要语言）.
目前，我使用图片标签与1 x 1像素的图像与媒体查询最大宽度，以具有最小的下载，但我想知道是否有一个更合适的技术。

<picture class="hidden lg:inline object-cover rounded-l-xl  max-w-xl">
    <source media="(max-width: 599px)" srcset="{{asset('img/student-medium.jpg')}}">
    <source media="(min-width: 600px)" srcset="{{asset('img/student.jpg')}}">
    <img src="{{asset('img/student.jpg')}}" alt="photo d'étudiants qui travaillent">
</picture>

laravel

来源：https://stackoverflow.com/questions/74401532/is-it-possible-not-to-make-download-image-for-the-mobile-users-if-these-images-a

1条答案

按热度按时间

amrnrhlw1#

在img标签上使用属性loading: lazy似乎是解决我的问题的一个好办法。

<img class="hidden lg:inline object-cover rounded-l-xl  max-w-xl" loading="lazy"
src="{{asset('img/student.jpg')}}" srcset="{{asset('img/student-medium.jpg')}} 1x,
{{asset('img/student.jpg')}} 2x" alt="photo d'étudiants qui travaillent">

赞(0）回复(0）举报 2022-11-18

我来回答

laravel 如果这些图像在移动版本中不显示，是否可以不为移动的用户制作下载图像？

1条答案

相关问题

热门标签

最新问答