Как получить быстрый сайт — оптимизация (сжатие) изображений и скриптов, а так же уменьшение числа Http запросов
Опубликовано: 19.10.2017
Обновлено: 16 июля 2017
Здравствуйте, уважаемые читатели блога KtoNaNovenkogo.ru. Низкая скорость загрузки страниц сайта может негативно отразиться на популярности вашего проекта (особенно к этому критично относятся пользователи с высокой скоростью интернета , которые не привыкли ждать).
В принципе, в трех предыдущих статьях мы уже рассмотрели массу возможностей по его ускорению, но остались еще некоторые штрихи, сделать которые стоит для получения минимально возможного результата.
С помощью Page Speed мы попробуем максимально осуществить сжатие изображений, скриптов и CSS файлов. Хотя про сжатие CSS с помощью Page Speed мы уже говорили, а значит осталось осуществить сжатие картинок и различных скриптов, которые подгружаются в браузер пользователя с вашего сервера.
Но давайте для начала я напомню то, о чем мы говорили в первых статьях по созданию быстрого сайта:
Как измерить скорость загрузки сайта онлайн, а потом ее увеличить с помощью советов в Page Speed Оптимизация (сжатие) CSS в Page Speed Gzip сжатие для ускорения загрузки сайтаЧистим фоновую графику для снижения числа http запросов
Насчет картинок сразу стоит оговориться — прежде, чем приступить к их оптимизации, вам, пожалуй, следует решить, а нужны ли они у вас на сайте?! Дело в том, что в шаблоне вашего ресурса могут быть описаны в CSS файле фоновые изображения для отображения различных элементов дизайна, но при этом их вы по тем или иным причинам не используете.
Вообще, изображения на сайте могут выводиться двумя способами: с помощью Html тега IMG ( тут и тут читайте подробнее), а так же с помощью CSS свойств «background» или « background-image », которое может выглядеть, например, так: