Блог

На моем сайте есть карусель, которая работает нормально.Я использую bootstrap 4 на своем сайте и работаю над оптимизацией своего веб-сайта. Google Lighthouse рекомендует мне использовать небольшие изображения для отображения изображений в карусели при использовании мобильного устройства. В настоящее время изображения имеют высокое разрешение, подходящее для экранов настольных компьютеров и ноутбуков. Я хочу знать

1. Какое наилучшее разрешение для изображений я должен использовать для рендеринга изображений carousel на мобильном устройстве.
2. Как мне отобразить эти изображения с небольшим разрешением на мобильных устройствах и пропустить загрузку этих больших изображений, которые больше по размеру.
3. Кроме того, из четырех изображений я хочу, чтобы загружалось только первое, а загрузка остальных трех была отложена. Они должны быть загружены после перехода от первого слайда к следующему (через 3 секунды) Я делаю это, потому что я работаю над подключением 2G, и здешние пользователи также работают над подключением 2G.

Благодарю вас в ожидании.