Привет друзья. Как я уже вчера писал в связи с появлением большего количества свободного времени, новые уроки будут появляться заметно чаще. Итак как я и обещал, сегодня я хочу рассказать вам как увеличить скорость загрузки страниц сайта. Во время разработки шаблона для своего сайта я столкнулся с несколькими ресурсами предоставляющими очень интересную информацию, касающуюся этого вопроса. Так вот я планирую написать серию уроков о увеличении скорости загрузки страниц сайта. А сегодня у нас будет обзорный урок, в котором я вкратце расскажу что и как следует сделать, что бы сайт загружался как можно быстрее.
Речь сегодня пойдет о дополнении к браузеру Mozilla Firefox под названием Page Speed. Page Speed — это плагин для браузера, который выявляет слабые стороны в скорости загрузки страниц сайта, и дает рекомендации по исправлению ошибок вызывающих задержки в скорости загрузки страниц сайта.
Как Вы знаете из предыдущих уроков, я сторонник браузера Google Chrome, скажу честно похожий метод анализа скорости загрузки страниц есть и для этого браузера, но на двух разных компьютерах у меня так и не получилось запустить тестирование. Но тем не менее у меня все отлично получилось протестировать скорость загрузки страниц сайта на браузере Mozilla Firefox. Расскажу немного по подробнее.
Для браузера Mozilla Firefox есть огромное количество полезных дополнений, которые в большей степени помогают веб разработчикам в разработке и тестировании сайтов. Самое главное дополнение для Firefox я считаю является Firebag — это аналог Инструментов веб-разработчика в браузере Google Chrome.
Для анализа скорости загрузки страниц сайта сегодня нам понадобится:
1)Установленный браузер Mozilla Firefox;
2)Установленное дополнение к браузеру — Firebug;
3)Установленное дополнение к браузеру — Page Speed;
Для установки дополнений указанных выше нажмите комбинацию клавиш Ctrl+Shift+A в Firefox и в поле поиск введите Firebug, после чего произведите установку дополнения.
Для установки дополнения Page Speed перейдите по ссылке https://developers.google.com/speed/docs/insights/using_firefox?hl=ru-RU и нажмите на кнопку Install Firefox Extension после установки, не забудьте перезагрузить браузер.
Как только каждое требование будет выполнено, мы можем приступать к анализу скорости загрузки страниц сайта.
Анализ скорости загрузки страниц сайта.
Теперь для того что бы произвести замер скорости загрузки сайта необходимо запустить Firebag (Это маленький значок жука в верхнем правом углу браузера) и перейти на вкладку Page Speed.Нажмите кнопку анализировать, после чего плагин начнет свою работу и в итоге выдаст список рекомендаций по увеличению скорости загрузки страниц сайта:
Нажимайте на маленькие треугольнички и смотрите что можно исправить. После исправления недостатков, можете еще раз проверить скорость загрузки страницы. Как видите мне удалось достигнуть отметки в 69 очков.
В принципе все довольно интуитивно понятно.Когда я первый раз запустил скрипт, то у меня еще была рекомендация по оптимизации изображений.Все изображения я оптимизировал, и уменьшил их общий вес примерно на 100 кб. О том как уменьшить размер картинок без потери качества я планирую написать в следующем уроке.
В комментариях хотелось бы услышать о том, как Вы увеличиваете скорость загрузки страниц Вашего сайта!