Как сделать сайт немного лучше

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

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

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

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

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

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