Задать вопрос
lavezzi1
@lavezzi1
javascript

Ускорить загрузку картинок через css?

Ребята, здравствуйте.

Если в sass написать такое словие:
if ширина экрана меньше 768рх, то грузить картинку (200кб)

а если больше 768рх, то картинку (800кб).

Таким путим можно будет ускорить загрузку страницы? Или браузер все равно все загрузит? Как лучше сделать в этой ситуации, нужно и мобильные не перегружать и в тоже время на десктопе качество показывать. Картинку сжаты на максимум.
  • Вопрос задан
  • 306 просмотров
Комментировать
Подписаться 6 Оценить Комментировать
Решения вопроса 1
IonDen
@IonDen
JavaScript developer. IonDen.com
Конечно же можно.

Помимо этого есть еще прием Lazy Load, позволяет не загружать сразу те картинки, до которых еще не до крутили страницу и т.д.
Ответ написан
1 комментарий
1 комментарий
Пригласить эксперта
Ответы на вопрос 1
@GreatRash
Проверить очень просто: например в Хроме открываете средства разработчика, ищете там вкладку Network, перезагружаете страницу и смотрите какие картинки грузятся - большие или маленькие.
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
SummerWeb • Ярославль
от 100 000 до 140 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
Middle JavaScript Developer
AppsTrain.io
от 80 000 до 180 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Доработать сайт на React согласно пакету требований
03 мая 2024, в 10:29
2000 руб./за проект
Доработать веб-приложение на React + TypeScript
03 мая 2024, в 10:14
20000 руб./за проект
Написать игру PacMan с помощью Atari на Python
03 мая 2024, в 10:02
1000 руб./за проект
Ещё заказы