Минимизация и объединение CSS и JavaScript файлов. Сжатие изображений и использование современных форматов, таких как WebP. Использование отложенной загрузки (lazy loading) для изображений и видео. Кэширование ресурсов на стороне клиента и сервера. GZIP-сжатие для текстовых ресурсов. Минимизация HTTP-запросов. Использование CDN (Content Delivery Network). Оптимизация критического пути рендеринга. Удаление неиспользуемого кода. Использование Service Workers для офлайн-доступа и кэширования.
javascriptСравнение форматов изображений:
| Формат | Типичное использование | Особенности |
|---|---|---|
| JPEG | Фотографии | Сжатие с потерями, широкий охват цветов |
| PNG | Графика с прозрачностью, логотипы | Сжатие без потерь, поддержка прозрачности |
| GIF | Анимированные изображения | Сжатие без потерь, поддержка анимации |
| WebP | Фотографии и графика | Более эффективное сжатие (с потерями и без), поддержка прозрачности и анимации |
cssnginx