Как проверить скорость загрузки сайта с Page speed и увеличить ее

Дорогие друзья, мы с вами постоянно работаем в сети над самосовершенствованием, улучшаем созданные или вверенные ресурсы, продвигаем их. Помимо показателей, нас всегда интересовал и внешний вид проектов, тот же дизайн блога. Взять хотя бы мой блог, дизайн вполне сносный. При его запуске же возникли в свое время определенные проблемы – анализ скорости сайта показал, что мы нереально тормозим с загрузкой, и требуется увеличение скорости сайта. На протяжении определенного времени мы пытались выкроить то там несколько десятых секунды, то в другом месте. Очередной же тест скорости сайта показывал, что мы все еще далеки от идеала. Именно на эту тему я сегодня и хотел бы с вами поговорить, но обо всем по порядку.

Скорость отклика сайта

• Скорость загрузки сайта влияет на расположение ваших пользователей. Долго грузится – это может раздражать пользователей, заставлять их тратить лишнее время на ожидание, а это может привести к отказу от посещений;
• Скорость загрузки сайта уже давно учитывается поисковыми системами при ранжировании;
• Скорость работы сайта прямо влияет на его производительность, увеличивает глубину просмотра и показатель брожения по сайту;
• Скорость работы сайта прямо влияет на нагрузку сервера, что может требовать меньшие или большие ресурсы. Это же в свою очередь может экономить ваши средства.

Как измерить скорость сайта

Измерить скорость сайта можно целым рядом абсолютно разных инструментов. Но в большинстве случаев это какие-то сомнительные инструменты. Я же хотел бы предложить вам самые адекватные сервисы, с помощью которых можно определить скорость работы сайта.

1. Скорость работы сайта в Page speed

Самым популярным, по моему мнению, среди сервисов, в которых можно измерить скорость загрузки сайта, является Page speed. Инструмент Page Speed online входит в набор «Google разработчики» и для многих является каким-то эталоном определения, так как ну просто не могли создатели Google лажануть.

Как же работает Page Speed?

Для начала вам необходимо перейти по адресу https://developers.google.com/pagespeed/ . Перед вами откроется страница, в центре которой будет располагаться форма ввода доменного имени, посылающая команду на анализ скорости сайта (кликабельно):

После чего система выдает нам показатели сайта (кликабельно):

Собственно, мой сайт из 100 возможных процентов открывает страницы на 87. При этом хотелось бы отметить, что до проведенных мною работ Page Speed выдавал 80%.

Здесь же система выдаст вам ряд советов по тому, как можно ускорить ваш сайт и на что не забыть обратить внимание. Построение этих рекомендаций в Page Speed отображается еще разными цветами, исходя из приоритета:

Как видите, с советами инструмент от Google не скупится.

2. Скорость работы сайта в Pingdom tools

Все же зарубежных разработчиков гораздо существеннее волнует скорость загрузки сайта. Очень удобным инструментом онлайн, позволяющим осуществить тест скорости сайта является tools pingdom - http://tools.pingdom.com/fpt/.

Работа с Tools pingdom строится по принципу Page Speed. Открываем сайт, в специальное окно вводим адрес своего сайта:

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

Как видите, здесь основные данные:

1. Тест скорости сайта проведен из США, Техас, Даллас и время тестирования;

2. Время загрузки страницы;

3. Размер страницы;

4. Скорость загрузки сайта, тестируемого вами, по отношению к другим, протестированным системой.

Далее же Pingdom tools показывает нам своего рода диаграмму-схему:

Здесь отображаются подгружаемые элементы по порядку и информация о них в самом что ни на есть подробнейшем виде.

Но и это еще не все. Здесь же Pingdom tools имеет ряд полезных вкладок, позволяющих скорость отклика сайта сделать быстрее.

3. Скорость отклика сайта в инструментах Google Webmaster

Помимо способа №1, описанного в этой статье ранее мною, проверить скорость сайта можно опять же с помощью Google, но уже непосредственно в инструментах вебмастера. Для этого авторизуемся на странице http://www.google.ru/webmasters/ .

Если в данные инструменты ваш сайт ранее не был добавлен, то добавьте его сейчас, время пришло… 😉

Далее заходим в информацию по сайту (кликабельно):

Далее во вкладке «Лаборатория» выбираем пункт «Эффективность сайта»:

После чего получаем график, отображающий скорость загрузки сайта:

Самое интересное, что оба сервиса статистики показывают несколько разные значения по одному и тому же сайту. Скорость загрузки сайта прыгает? Скинем эти неточности на определенно существующую погрешность при измерении скорости сайта.

4. Проверка скорости сайта с YSlow

Недавно я писал о бесплатных тулбарах сеошника и как-то совсем забыл о полезном элементе YSlow. YSlow – ничто иное, как тулбар, позволяющий измерить скорость загрузки сайта. Скачать данный тулбар можно здесь - http://developer.yahoo.com/yslow/.

В браузере этот инструмент будет выглядеть так:

После нажатия на кнопку мы получаем уже непосредственно статистику:

Ну, а тут же есть целый ряд вкладок с другой статистикой загрузки сайта.

5. Анализ скорости сайта в Webo

В процессе работы по поиску вариантов ускорения сайта не раз натыкался на страницы с информацией о WEBO Software. Решил зайти и посмотреть, собственно, что же там. А там, кстати очень, нашелся инструмент, позволяющий измерить скорость сайта.

Тест скорости сайта по своей логике и принципу работы несколько отличается. Также в сервисе есть строка ввода сайта:

Далее мы переходим на страницу с формой, которую необходимо заполнить:

Заполняем форму и отправляем ее.

После этого к вам тут же придет письмо, о том, что вы в системе Webo заказали анализ сайта. Но в данном письме будет только общего характера информация. Через минут 5 к вам на почту свалится еще одно письмо от Webo, вот в нем уже есть полезное, а именно ссылка на анализ вашего сайта:

Переходим по ссылке и получаем более интересный отчет:

Анализ скорости сайта данными инструментами я лично осуществлял не раз и не раз по одному и тому же сайту. Наблюдения за показаниями проверки скорости сайта, запараллеленые с работой, вполне адекватно меняются. Но самое главное в этом предложении было слово «меняются», так как у многих других сервисов что-то все время одна и та же статистика, а если и меняется, то не существенно.

Зачем нужно проверять скорость отклика сайта

• Анализ скорости сайта позволит определить, а нужно ли что-то делать или все и так в порядке;
• Анализ скорости сайта позволит определить слабые места сайта, которые увеличивают время загрузки;
• Определять скорость отклика сайта можно и даже нужно не только своего, но и других представителей ниши. Это необходимо для определения своего рода идеала и идеальной скорости загрузки сайта, к достижению которой вы сами будете идти;
• Периодические замеры скорости отклика сайта нужны для того, чтобы анализировать работу сайта на протяжении работы над ним для отслеживания возникающих ошибок.

Увеличение скорости сайта

1. Работа с кодом

Увеличение скорости сайта достигается целым рядом манипуляций над сайтом. Рассказывать о самостоятельной работе с кодом, думаю, не стоит, да это и бесполезно, ведь код у всех у нас абсолютно разный. По этому вопросу, я рекомендую вам обратиться в самом начале к разбирающемуся верстальщику и программисту. Пусть это будет самым первым действием, которое вы сделаете на пути к увеличению скорости сайта.

2. Работа с изображениями

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

3. Установка специального скрипта

Увеличение скорости сайта своего я поддержал установкой плагина от Webo. Стоимость плагина не так велика, работа же с ним ощутима.

Помните всплеск замедленности в инструментах Google Webmaster, график, которой я уже выше приводил:

Так вот, он из-за отключения этого скрипта. По параметрам графика вы сами можете определить, насколько происходит ускорение.

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

Если же у вас возникнут какие-то трудности, то вы можете проконсультироваться у разработчика или заказать платную настройку.

Давайте же графически сравним ускорение, полученное мною с помощью Webo уже через пару минут и первой попыткой настроить скрипт самостоятельно.

До включения скрипта Webo (кликабельно):

После включения скрипта (кликабельно):

Как видите, только само включение уже дало результат. В целом же после настройки я получил определенные при анализе цифры с погрешностью ~1%.

Рекомендую вам использовать данное решение, оно стоит своих денег.

4. Использование плагинов

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

Я надеюсь, данная статья как минимум натолкнет вас на мысль проанализировать скорость загрузки сайта. Ваш сайт всегда можно как-то подправить и доработать, не идеализируйте его так сразу без анализа скорости сайта.

Данные методы вполне позволили мне ускорить сайт данный, сами представьте как бы эта махина с кучей иллюстраций, плагинов, скриптов, баннеров и многого другого грузилась бы.

Желаю вам удачного ускорения сайта! Пока!