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

Question

[lavezzi1]

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

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

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

Таким путим можно будет ускорить загрузку страницы? Или браузер все равно все загрузит? Как лучше сделать в этой ситуации, нужно и мобильные не перегружать и в тоже время на десктопе качество показывать. Картинку сжаты на максимум.

Answer 1

[Денис Инешин]

Конечно же можно.

Помимо этого есть еще прием Lazy Load, позволяет не загружать сразу те картинки, до которых еще не до крутили страницу и т.д.

Comments

[Денис Инешин]

Aingis: ваш пример очень очень редкий. От lazy load гораздо больше плюсов в плане экономии трафика и работе при слабой связи, чем минусов, вроде сел в самолет.

Answer 2

[GreatRash]

Проверить очень просто: например в Хроме открываете средства разработчика, ищете там вкладку Network, перезагружаете страницу и смотрите какие картинки грузятся - большие или маленькие.