Производительность сайта начинается с контента.
Принимайте решения об активах и публикации до запуска.
Все взгляды · · 1 мин чтения
Установите правила работы с активами заранее.
Определите размеры изображений, форматы и целевые показатели качества до того, как библиотека контента разрастется. Включите фотографии, изображения товаров и редакционные иллюстрации. Оптимизируйте активы перед добавлением их на страницы и держите оригинальные мастер-файлы вне пути публичной доставки.
Цель — четкое изображение в размере, который будет фактически отображаться. Отправка большого оригинала каждому посетителю создает нагрузку на сеть, не обязательно улучшая видимый результат.
Предоставьте мобильной версии собственную композицию.
Меньший файл — не всегда пригодное для мобильных устройств изображение. Проверьте объект, отступы вокруг текста и точку фокуса в узком кадрировании. Может потребоваться отдельная композиция, если десктопная графика зависит от широкого негативного пространства.
Кандидаты адаптивных изображений позволяют браузеру выбирать подходящий ресурс для дисплея. web.dev объясняет, как это улучшает соответствие между размерами доставляемого изображения и устройством.
Рассмотрите страницу как последовательность.
Отдавайте приоритет главному экрану (hero) и откладывайте загрузку удаленных активов до момента необходимости. Оцените стоимость видео, интерактивных галерей и анимации, включая поведение при предпочтении пользователем уменьшенного движения.
Тестируйте с реальным контентом на нескольких размерах окна просмотра. Рассматривайте декодирование изображений, смещение макета, сломанные активы и взаимодействия вместе; маленький файл не является успешной оптимизацией, если страница больше не передает информацию ясно.
Дальнейшее чтение.
Примените бриф на практике.
Разработка цифровых продуктов · Обсудите работу, необходимую вашему бизнесу.