Есть один очень простой способ, как сделать сайт чуть-чуть лучше, который знает практически любой разработчик мобильных или десктоп приложений, но который не знают веб-разработчики.

Системам рендеринга в браузерах абсолютно безразлично, какого размера будет или может быть содержимое элементов разметки. Никакой проблемы не возникнет из-за того, что изображение прогрузится с задержкой в несколько секунд. Люди привыкли воспринимать веб таким образом: что-то тормознутое и дёрганное, долго загружается и потом показывает много рекламы.

Пример современной веб-страницы от большой компании

В мобильных приложениях всё наоборот. В любом списке абсолютно недопустимо иметь элементы с размером, который нельзя определить за 16 миллисекунд или уже даже за 8 миллисекунд для дисплеев с частотой 60 и 120 герц соответственно. Динамическое изменение размера элемента ломает прокрутку, появляются глитчи и другие паразитные кадры.

То, что недопустимо в обычных приложениях с их системами рендеринга, считается нормальным в браузерах и это плохо. Для того, чтобы сделать веб-страницу немного лучше, достаточно оформлять разметку таким образом, чтобы все элементы находились в тех местах, где должны быть, и не прыгали при погрузке страницы.

У изображений, видео с YouTube и других встраиваемых элементов должно быть указано соотношение сторон или ширина и высота.

В некоторых случаях это невозможно сделать, например, в виджетах от инстаграма или твиттера. Скажите им спасибо, их инженерам всё равно. Вставляйте медиа с их сервисов через скриншоты: так они ещё и не исчезнут, если автор решит их удалить.

ДиджиталПриложенияЛайфхакиПрограммированиеВеб
Блог Каргина

Подпишитесь на блог

Чтобы не пропускать новые записи и поддержать работу

kgnk

В сториз анонсы новых записей и проектов. В ленте фотографии, которые я делаю.

Instagram
nikolaykargin

В основным ссылки на новые посты, лайки котиков и несмешные шутки.

Twitter
mikalaj_karhin

Анонсы новых записей, ссылки и заметки, которые не подходят под формат блога.

Telegram

Комментарии

Легендарная Цикадка
0

Хорошая статья

Веселая Выдра
0

Соглашусь с комментатором выше

Ставьте класс, если согласны

Почитайте ещё это

Технические подробности Artykul
Технические подробности Artykul

Технические подробности Artykul

Совсем недавно мы запустили бета-тестирование по заявкам. Решил рассказать про технические проблемы при извлечении статей, что происходит под капотом.

Git за пять минут
Git за пять минут

Git за пять минут

Если вы всегда хотели разобраться с гитом и узнать, что это такое и как с ним работать, то сейчас самый подходящий момент.