Karhin’s Blog
About technologies and life

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

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

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

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

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

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

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

Digital Лайфхаки Programming Веб

To post a comment, please log in or create an account.

Sign In

Первый iPhone
Первый iPhone

Возле первого айфона часто вижу приписки «Революционный», «Прорывной» и так далее. У меня совсем другое мнение по этому поводу.

1523
DALL-E: я снова верю в технологии
DALL-E: я снова верю в технологии

Попробовал новую систему для превращения текста в картинки. Показываю, что получилось.

1442
Криптография на пальцах
Криптография на пальцах

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

1923
Красивый Email за десять минут
Красивый Email за десять минут

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

4193