Bad Practices для сайтов

Bad Practices для сайтов

45

1 мин.

Слайдеры на первой секции и задержка отрисовки

Размещение слайдера в первой секции критически ухудшает метрику LCP (Largest Contentful Paint), браузер вынужден сначала загрузить и инициализировать JS, и только затем отрисовать главный контент, что создает видимую задержку.

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

Автовоспроизведение видео с принудительным звуком

Политики автовоспроизведения современных браузеров (Chrome, Safari) блокируют аудиопоток до первого осознанного клика пользователя, попытка обойти эти ограничения технически часто приводит к ошибкам в консоли и некорректной работе медиа-плеера.

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

Критический вес страницы (> 5 МБ)

Превышение порога в 5 МБ это избыточная нагрузка, которая перегружает оперативную память устройства и процессор при парсинге данных, на мобильных устройствах это приводит к долгому Time to Interactive (TTI), страница видна, но интерфейс не реагирует на касания.

Основными причинами обычно становятся неоптимизированная графика без использования современных форматов (WebP, AVIF) и лишний код, в условиях мобильного интернета такой вес делает сайт практически недоступным для части аудитории.

Статья будет дополнятся

Похожие статьи

  • Анатомия React компонента

    Моё видение того, как должен выглядеть React компонент

    107

    7 мин.

  • SSF-U - Единый стандарт для фуллскрина

    Стандарт SSF-U определяет требования к семантике, доступности и логике работы фуллскрина

    37

    2 мин.

  • SSA - Единый стандарт для аккордеона

    Стандарт SSA определяет требования к семантике, доступности и логике работы аккордеона

    54

    2 мин.

  • SSP - Единый стандарт для пагинации

    Стандарт SSP определяет требования к семантике, доступности и логике работы пагинации

    59

    1 мин.

  • SSPS - Единый стандарт для структуры проекта

    Стандарт SSPS определяет требования к структуре и наименованию файлов и папок в проекте

    169

    2 мин.

  • SSG - Единый стандарт для Git

    Стандарт SSG определяет требования к семантике, доступности и логике работы Git

    52

    2 мин.

  • Все статьи

Свяжитесь со мной