لود عکس در html
دوستان من قبلا یک متا تگی رو دیده بودم که تا وقتی کاربر به یه عکسی نرسیده براش لود نشه ولی خب فراموشش کردم شما میدونید که چی هستش؟
در مورد تصویر، این مورد Lazy Load هست و متا تگ نیست. این مورد تو تگ های iframe و img تاثیر داره
نمونه کد استفاده از گزینه lazy تو اتریبیوت Loading از وبسایت MDN:
<img src="image.jpg" alt="..." loading="lazy">
<iframe src="video-player.html" title="..." loading="lazy"></iframe>
فکر کنم اشتباه در خاطرتون هست، ربطی به فرابرچسب ها نداره (meta tag). یکی از صفات برچسب img هستش به اسم loading.
مقدار lazy، سبب میشه تا زمانی که کاربر به محل عکس نرسیده باشه، عکس درون مرورگر بارگذاری نشه.
https://www.w3schools.com/tags/attimgloading.asp
تنها کافیه که این اتریبیوت رو به تگ img اضافه کنی
loading="lazy"که مثلا تگ img این شکلی میشه
<img src="https://example.com/public/posts/image.jpg" alt="image with lazy load" loading="lazy">در مورد تصویر، این مورد Lazy Load هست و متا تگ نیست. این مورد تو تگ های iframe و img تاثیر داره
نمونه کد استفاده از گزینه lazy تو اتریبیوت Loading از وبسایت MDN:
<img src="image.jpg" alt="..." loading="lazy">
<iframe src="video-player.html" title="..." loading="lazy"></iframe>