Шаг №78. Как увеличить скорость загрузки страниц сайта?

Привет друзья. Как я уже вчера писал в связи с появлением большего количества свободного времени, новые уроки будут появляться заметно чаще. Итак как я и обещал, сегодня я хочу рассказать вам как увеличить скорость загрузки страниц сайта. Во время разработки шаблона для своего сайта я столкнулся с несколькими ресурсами предоставляющими очень интересную информацию, касающуюся этого вопроса. Так вот я планирую написать серию уроков о увеличении скорости загрузки страниц сайта. А сегодня у нас будет обзорный урок, в котором я вкратце расскажу что и как следует сделать, что бы сайт загружался как можно быстрее.

Речь сегодня пойдет о дополнении к браузеру 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 кб. О том как уменьшить размер картинок без потери качества я планирую написать в следующем уроке.

В комментариях хотелось бы услышать о том, как Вы увеличиваете скорость загрузки страниц Вашего сайта!

  • Александр

    День добрый! Жду статью про оптимизацию изображений!

  • Александр

    Продолжение к предыдущему комментарию, скорость увеличиваю с помощью сжатия, ну и плагином кеширования MaxСache, мне дали 91 из 100 возможных очков, не плохо я думаю!

  • http://moylubimiblog.ru Ксенья Юрьевна

    Такие советы Page Speed легко найти в инструментах для веб мастеров Google, вопрос в другом. Каким образом выполнить многие их рекомендации, кроме уменьшения изображений, все остальное как сделать?