Уроки
-
Введение
-
Поисковая оптимизация
- Битые ссылки
- Карта сайта
- Микроразметка
- Robots.txt
- Ссылки
- Текст
- Дубликаты
- Базовое
- Картинки
-
Скорость
- Минификация
-
Сокращение запросов
-
Переизбыток мелких картинок
Несгруппированные CSS файлы
Несгруппированные JavaScript файлы
Переизбыток шрифтов
Наличие сквозных CSS, JS файлов
Наличие монохромного шрифта
Загрузка дубликатов файлов
Использование JS фасадов
Перенаправление JavaScript кодом
Добавление ленивой загрузки
Редирект с/на www версию
- Шрифты
- Время загрузки
- Настройки сервера
- Картинки
- Первое содержимое
- Мобильность
- Баги
-
Удобство
- Соцсети
- Browserconfig.xml
- Манифест веб-приложения
- Фавиконы
- Почта
- Базовое
- Читаемость текста
-
Безопасность
- Шифрованное соединение
- Эксплойты
- Уязвимости
Минификация картинок без потери качества
Изображения в формате JPEG, PNG, GIF, SVG имеют потенциал для оптимизации размера без потери качества. Это происходит из-за того, что графические редакторы и фотоаппараты не заботятся о сокращении размера файлов. Также они добавляют справочную информацию (метаданные), которая увеличивает размер файла.
Пользуйтесь следующими программами для оптимизации изображений:
- jpegoptim с параметрами
jpegoptim --strip-all --all-progressive [путь до файла]
для JPEG. - pngquant с параметрами
pngquant --force 256 [путь до файла]
и optipng с параметрамиoptipng -i0 -o2 --strip all [путь до файла]
для PNG. Для достижения максимального результата используйте обе программе именно в такой последовательности. - gifsicle с параметрами
gifsicle -b -O5 [путь до файла]
для GIF. - svgo для SVG.
Используя эти программы, вы можете настроить автоматическую оптимизацию всех изображений вашего сайта раз в сутки.
Так же есть бесплатные онлайн сервисы для оптимизации изображений. Визуальный сервис для тонкой оптимизации SVG.
Есть замечания или дополнения? Напишите нам на почту admin@quick-site-upgrade.com.
Проверьте ваш сайт