Karhin’s Blog
About technologies and life

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

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

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

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

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

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

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

Digital Лайфхаки Программирование Веб

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

Sign In

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

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

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

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

818
Как слушать YouTube видео в фоне и смотреть картинку-в-картинке без подписки на iOS
Как слушать YouTube видео в фоне и смотреть картинку-в-картинке без подписки на iOS

YouTube предлагает оформить для доступа к этим функциям подписку за несколько баксов, но есть секретный и даже легальный способ делать это бесплатно.

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

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

847