- PVSM.RU - https://www.pvsm.ru -
Доброго времени суток.
Сегодня я расскажу на примере одного из сайтов созданных и поддерживаемых мной — как оптимизировать скорость его загрузки и лояльность Googla.
Оптимизировать скорость загрузки ибо на хорошем ноутбуке с хорошим интернетом скорость загрузки, мягко говоря, оставляет желать лучшего.
Для сравнения данные по главной странице Яндекса:
Погуглив и найдя кучу рекомендация по оптимизации сайта как например эту [1] понял что для вменяемых оценок скорости работы сайта мало знать числа, надо понимать откуда растут ноги.
В комментариях к выше указанному топику наткнулся на замечательное дополнение к хрому PageSpeed Insights
Процедура работы с данным инструментом очень простая:
Получаем список рекомендаций которые имеют различные приоритеты и разбиты на группы
В каждом разделе есть рекомендации например «Минимизировать нагрузку » (В моём случае список получился вот такой)
Данный инструмент не только даёт рекомендации но и делает некоторые вещи за вас
Все что предлагается сократить, уменьшит, ужать дополнение сразу же ужимает и предлагает открыть готовый файл, ваша задача только взять и положить куда надо на сервере. Кстати куда надо положить тоже подскажет если навести на название файла.
Но вернемся к нашим баранам сайту. Сделав все необходимые замены JavaScript, CSS и изображений приятно удивляюсь уменьшению количества загружаемой информации примерно на 1 мбайт.
Но все останавливается на пункте «Включите сжатие» Идем и просим помощи у гугла находим W3 Total Cache — замечательный плагин для WordPress позволяющий оптимизировать сайт по необходимым для нас параметрам.
Установка проста как всегда у WordPress. Заходим в дополнения, поиск, установить.
А вот дальше начинается самое интересное, настройка…
Плагин умеет очень много, но все нам не нужно. Оставляем
По мимо этого плагин сам умеет ужимать JavaScript и CSS но я бы отдал предпочтение PageSpeed так как кому как не гуглю знать что лучше делать с этими файлами.
В плагине есть и более экзотичные оптимизаторы как CDN, Reverse Proxy но они дают результат уже при больших нагрузках.
Итого получаем огромный прирост по скорости загрузки сайта, уменьшение нагрузки на сервер ну и удовлетворение от проделанной работы!
Данные о скорости и времени загрузки получены методом 5 проб в разное время суток и выведено некое среднее значение.
* — Объем загружаемых данный в итоге получился за счет использования слайдера из 8 картинок 1000 на 300 пикселей, средний вес каждой до оптимизации 250 кбайт после 170 кбайт. но так как у нас появился кеш браузера они грузятся только первый раз и на 1 месяц
Всем желаю успешного использования данных знаний.
Автор: leks2git
Источник [3]
Сайт-источник PVSM.RU: https://www.pvsm.ru
Путь до страницы источника: https://www.pvsm.ru/veb-dizajn/36537
Ссылки в тексте:
[1] эту: http://habrahabr.ru/post/137239/
[2] Устанавливаем дополнение PageSpeed: https://developers.google.com/speed/pagespeed/?hl=ru
[3] Источник: http://habrahabr.ru/post/183328/
Нажмите здесь для печати.