Комментарии 9
Нужно конвертировать все медиафайлы из тяжелых PNG, JPG и т.п. в легкие веб форматы AVIF или WEBP.
Я бы сделал, как на многих ресурсах, которыми я пользуюсь. Если исходная картинка не соответствует ограничениям, в тело статьи включается уменьшенная версия, а по щелчку мышкой открывается оригинал. Можно, наверное, добавить кнопку/ссылку/иной_элемент интерфейса, чтобы сразу было понятно, что доступна более крупная версия. Как оно должно выглядеть на мобильных устройствах - не знаю, т.к. не пользуюсь.
Смысл в том, чтобы всегда был доступен оригинал.
Безусловно. Хотя тут бы еще посмотрел, как часто в статьях Хабра нужна полная версия без сжатия. Разницы на глаз между PNG и WEBP нет
Я не столько про сжатие писал, сколько про уменьшение размера. На уменьшенной версии могут потеряться важные детали/мелкий текст, поэтому должен быть доступ к оригиналу.
Нет необходимости. Без уменьшения размера в пикселях сжатие в веб форматах уже делает фото на 80-98% меньше (2.5гб против 700кб). Статьи станут грузится моментально (с учетом lazy), а пользователь перестанет терять мобильный интернет
Если прям важно сэкономить еще 10-15% изменив размер фото, то оригинал показывать при нажатии на фото. То есть, в статье фотка 800px, а при нажатии уже 2480px
Стоит добавить, что недавно пропал переход на следующую страницу, если листать статьи не скролом или pgdown, а кнопками J или L. H и K тоже перестали переходить на предыдущую. Я сообщал об этом в поддержку, но без толку. Раньше такой баг уже бывал, и тогда обращение в поддержку помогло.
Самая главная проблема в UX что я не могу найти, что почитать.
На телефоне если повернуть его на 90градусов (сменить ориентацию страницы) и тут же вернуть назад, то хабр прыгает куда-то вниз. Хром, увеличенный шрифт, темная тема.
Да, на моем устройстве тоже. Находясь в разделе комментариев, после повторного поворота улетаешь в футер @Boomburum

Ошибки в UX у Хабр