Ускоряем блог с помощью Page Speed. Сжимаем PNG-изображения.

Недавно я рассказывал о новом API Google – Page Speed для оценки скорости загрузки отдельных страниц сайта. Сегодня немного продолжу эту тему, а точнее расскажу зачем стоит оценивать скорость загрузки страниц и как можно улучшить позиции своего сайта в выдаче поисковика Google.

Раньше всё, что касалось продвижения блога в поисковых системах сводилось к наращиванию ссылочной массы (покупка ссылок в Sape и GGL, обмен ссылками и т.д.), оптимизации конкретных страниц сайта под поисковые запросы и т.д. При этом веб-мастеру не было нужды задумываться о том, как долго его сайт грузится у пользователя. Но время идет и все меняется, а Google и другие поисковики постоянно совершенствуют свои возможности, вводят новые алгоритмы фильтрации сайтов в выдаче и т.д. С некоторых пор Google стал обращать внимание на скорость загрузки страниц и понижать в выдаче медленные сайта.

Низкая скорость загрузки страниц сайта ещё не говорит о том, что Гугл выкинет ваш сайт из выдачи. Скорее — это дополнительный фактор ранжирования. Например, если два сайта одинаково удачно соответствуют запросу пользователя, то поисковик поставит выше в выдаче тот, который имеет более высокую скорость загрузки, вот и всё. Однако, хочется (и очень желательно), чтобы именно твой блог/сайт был всегда выше других. В связи с этим и приходится сейчас веб-мастерам и оптимизаторам проводить целые комплексы работ по ускорению своих “детищ”. А что можно ускорить, например, в моем блоге? Вот на этот вопрос и можно ответить, используя Page Speed – не важно как: через запрос к API или, используя специальные расширения для Chrome и FireFox.

В свое время я столкнулся с проблемой медленной загрузки страниц блога webdelphi (в принципе, эта проблема и сейчас для меня актуальна). Одной из причин падения скорости было использование в постах блога графики — картинок в формате gif, jpg и png. Несмотря на то, что сам по себе PNG-формат — это практически идеальный формат для сжатия изображений без потери качества, картинки в png-формате можно сжимать ещё сильнее. А раз можно пожать картинку – значит можно увеличить и скорость загрузки страницы со всеми вытекающими от сюда плюсами для продвижения блога.

Для сжатия PNG-изображений воспользуемся консольной программой — pngcrush.

PNGCrush имеет большое количество настроек и опций, с помощью которых можно настроить сжатие как Вам угодно, но, если для Вас не будет критично небольшая потеря качества изображения (например, если Вы жмете картинку из поста в блоге), то наиболее удобно использовать следующую командную строку для запуска программы:

[путь_до_программы]/pngcrush.exe -brute[путь_до_изображения]/picture.png [путь_до_сжатого_изображения]/new_picture.png

Опция -brute используется для того, чтобы программа сама подобрала наиболее эффективный алгоритм сжатия изображения. Программа перебирает все возможные варианты сжатия и выбирает наиболее сочетание опций при котором достигается минимальный размер изображения.

Чтобы показать работу программы в действии я установил в браузере инструмент Page Speed для Chrome и проанализировал, то, что мне сказал сервис относительно изображений. Ниже представлен скриншот с информацией:

В качестве экспериментальной картинки возьмем ту, эффект от сжатия которой будет максимальным, например, про которую сервис выдал следующую информацию:

Сжатие http://webdelphi.ru/BPM.png без потери качества позволит уменьшить размер на 3.0Кб (на 34%).

Посмотрим, справится ли с этим PNGCrush. Скачиваем картинку себе на компьютер и пробуем её сжать, используя командную строку, как показано выше:

Предположение Page Speed оказалось более, чем оптимистичное – эффект сжатия маленькой картинки составил чуть более 4%, но тоже неплохо. Кстати, пробовал сжать ещё одной программкой – эффект оказался чуть по-лучше, но тоже далеко не 34%.

Посмотрим как справится программа с картинкой большего размера, скажем с такой, как представленный выше скриншот:

Размер картинки ДО сжатия в pngcrush – 63 892 байт

Размер изображения ПОСЛЕ сжатия в pngcrush – 36 098 байт (сжатие на 43,5%)

Можно было бы ещё поэкспериментировать с изображениями других размеров, но и так ясно, что, чем больше размер картинки – тем будет больше эффект от сжатия. Можете прикинуть на сколько вы уменьшите размер изображений на своем блоге и плюс ко всему улучшите позиции своего сайта в Google.

По своему блогу могу сказать, что после первого использования pngcrush мой блог, судя по данным из “Инструментов веб-мастера” Google, стал грузиться на 65% быстрее других.

В качестве заключения приведу несколько ссылок, позволяющих ускорить работу вашего WordPress-блога:

1. Программа OptiPNG —  консольная программа для сжатия PNG-изображений;
2. Быстрый сайт – статья в блоге IT.Sander.su о том, как можно ускорить Ваш блог под управлением WordPress
3. WordPress Comments Slow Down Page Speed – статья на англ. в которой рассказывается о том, как ускорить блог, изменив настройки вывода комментариев.