Оптимизация изображений для веба

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

Главное

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

Следующий шаг

Выберите один пункт, примените его в текущем проекте и зафиксируйте результат. Небольшие последовательные изменения проще проверить, поддержать и развить.