Моя скорость загрузки сайта быстрее 87%, ускоряйся!

Сегодня хотелось бы поговорить о таком важном моменте в развитии вашего ресурса, как скорость загрузки сайта, факторы влияющие на это и попробуем ускорить сайт до предела! Приветствую Вас читатели и гости блога savme.ru! На линии Владимир Савельев с очередной порцией знаний в области создания и продвижения (раскрутки) сайтов!

Так же рекомендую к прочтению:

• Базовая раскрутка сайта или блога
• Микроразметка своими руками
• Оптимизация WordPress — SEO плагины и ЧПУ
• Адаптивная верстка или делаем мобильный сайт
• Создай сайт или блог на Вордпресс

Сейчас «современный интернет» уже не тот что был вчера. Поисковые системы постоянно улучшаются и меняют правила игры! Игра с веб-мастером под названием — seo, продвижение, раскрутка, в общем называйте как хотите...

То что было дозволено вчера и ПС могли на какие то вещи закрыть глаза — сегодня уже непростительно и жестко карается (понижение в выдаче, фильты, баны и прочее).

Интернет перенасыщен информацией — сайтов становится все больше с каждым днем, а задача поисковых систем на запрос пользователя выдать лучший результат (лучшие сайты). Ранжировать сайты становится все труднее и труднее... критерии отбора все жестче и жестче!

К таким критериям относится и скорость сайта. На самом деле таких критериев очень много, но сегодня я буду говорить только о скорости...

У Вас медленный сайт? Вы никогда не попадете в ТОП ))) Возможно только чудом каким... Да кстати чудеса случаются! Но мы не будем ждать чуда, возьмем и собственноручно будем ускорять сайт, блог или что у Вас там?!

От того на сколько быстро загружается и работает Ваш сайт зависит и его успешность в целом.

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

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

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

Вы и сами так делаете и даже не замечаете, все происходит на автомате! Я вот часто это делаю. Таково поведение людей в интернете...

И вот от таких закрытий портится общая картина сайта! Но мы же этого не хотим правда?! Тогда читайте дальше, хватит теории перейдем непосредственно к практике.

Готовы? Сейчас буду напрягать Ваш мозг и впихивать туда нужную информацию. Устройтесь поудобнее в кресле, сделайте чашечку кофе и оденьте шлем — будет очень быстро )))

На старт! Внимание! Поехали!

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

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

Проверить скорость загрузки сайта — ТОП 5 лучших онлайн сервисов!

• https://developers.google.com/speed/pagespeed/insights/ — это google сервис куда же без него! Поможет замерить скорость сайта, а так же подскажет что мешает его ускорению!
• http://tools.pingdom.com/fpt/ — Довольно качественный сервис, частенько его использую.
• http://whichloadsfaster.co/ — прикольный тест, который позволит сравнить 2 сайта! Хм, кто же быстрее?!
• http://gtmetrix.com/ — Мой любимый сервис проверки! Правда все на забугорном языке, но это и не мешает.
• http://sitespeed.ru/ — Не так много функционала как у тех что выше, но цифры показывает.

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

Тесты показали у меня следующие результаты! А какие у Вас?!Как видим дедушка Google говорит, что есть над чем еще поработать! Прислушаемся к нему и по возможности устраним замечания. Идем дальше, что покажут другие тестыБольше всего мне понравилась надпись в сервисе tools.pingdom.com, правда она на английском языке, но она гласит что мой сайт быстрее 87% ресурсов, которые делали тесты ))) Радует!

Еще я сравнил свой блог с другими! Сделать это нам поможет сервис whichloadsfaster.co. Довольно любопытные результаты, смотрите скрины!Мне понравились результаты сравнения — так и должно быть Вы можете тоже сравнить свой блог и определить на сколько он быстрый!

Если скорость вас не устраивает и страница генерируется медленно — более 3х секунд, то обязательно нужно провести мероприятия по ускорению сайта! Если же показатели в норме, то Вы большой молодец, хвалю! Хотя, всегда можно результаты свои улучшить!

Итак показатель мы выяснили, нас он не устраивает, что же делать Владимир?! Для начала давайте разберемся, какие факторы влияют на скорость сайта.

Почему сайт долго грузится или как увеличить скорость сайта?

• медленный хостинг

Ну тут все понятно, хороший хостинг — быстрые сервера, высокий Up-taim, грамотная тех-поддержка. Я рекомендую использовать такие хостинги как — adminVPS и Mchost, надежны как китайская стена ))) Еще советую почитать обзоры и отзывы и сделать выбор! Чуть позже дам купон на 3 месяца бесплатного хостинга от Mchost!!!

• количество и ресурсоемкость плагинов;

Все просто, оставляем только крайне важные плагины, а остальные за борт! Чтобы проверить как «тормозят» установленные плагины на WordPress, существует модуль P3 (Plugin Performance Profiler), который подробно покажет влияние каждого плагина на скорость загрузки.

• некачественный шаблон или тема, ошибки в коде, не оптимизированный код;

Чем больше разнообразных ошибок в коде, сценариях скриптов и неграмотное их построение, так же увеличивают нагрузку, так как браузеры с трудом читают такой код! Проверить наличие ошибок можно с помощью Валидатора, а так же есть такой удобный плагин для firefox браузера — firebug, которым я постоянно пользуюсь! И советую использовать платные темы, но об этом я писал в этой статье.Нам нужно минимизировать количество ошибок на сайте. Некоторые ошибки убрать не получиться, но есть и те, которые можно исправить! У меня вот на главной странице savme.ru — ошибок нет вообще )))

• не оптимизированные изображения;

Эта вообще огромная ошибка новичков, когда изображения закидывают на хостинг как есть — жесть! Во первых место на хостинге не безгранично, правда) Во вторых это просто колоссальная нагрузка на сервер!

Запомните правило оптимизатора — чем меньше вес, тем быстрее загрузка! Перед тем как закидывать картинку на хостинг, откройте ее в любом графическом редакторе и проделайте следующее — уменьшите физические размеры (1200 на 1900 для сайта не годятся), а так же сожмите качество!

Есть у меня статья как я делаю миниатюры для блога — почитайте обязательно! Так же в конце статьи выложу видео — как я сжимаю картинки в Фотошопе.

• большой объем скриптов и стилей;

Оптимизируйте файлы CSS и Java скрипты — удалите не нужные. Чем меньше скриптов и стилей, тем лучше! Еще лучше, создать один документ, например «moi_skrypti.js», прописать все скрипты в нем и разместить его ближе к тегу </body>. Чем меньше скриптов и стилей в <head>, тем лучше.

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

Будьте особо внимательны!!! Во время чистки можно нарушить работоспособность сайта. Рекомендую изначально сделать бекап сайта (резервную копию), а только потом ковыряться...

• сторонние виджеты;

А Вы знали что сторонние виджеты тоже тормозят загрузку сайта? Нет?! Ну вот теперь знаете ))) Дело в том, что когда сайт загружается и если на нем размещен сторонний виджет (всякие там погоды, курсы валют, виджеты от каких-либо сервисов и так далее), то делается запрос на источник!Загрузка сайта будет завершена тогда, когда будет получен ответ с этого источника, а он не всегда бывает быстрым! Бывает что и вовсе недоступен или перегружен. Млин, ну уж не знаю как еще проще объяснить — если не поняли ничего спрашивайте в комментариях.

• различный кодовый мусор;

Почистите header и footer от ненужных и нежелательных ссылок — уберите все ненужные запросы, отключите все элементы, которые вы не используете. Благодаря этому загрузка станет намного быстрее. Так как мой блог на движке WordPress, то чуть ниже, я дам код, который удаляет ненужный мне мусор.

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

Я считаю грех не воспользоваться данным инструментом. Узнайте у своего хостера включена ли функция «кэширование статических файлов», а так же «сжатие страниц». Если нет, то включаем и радуемся ))) Еще я использую замечательный плагин кеширования для Вордпресс «Hyper Cache».

ВЫВОД: Ускорение сайта на WordPress, да и любого другого — процесс довольно кропотливый, основанный на анализе сайта и устранении неполадок. Однако очень важно добиться того, чтобы скорость сайта была на должном уровне. Ведь от этого зависит успех вашего сайта и его быстрое продвижение в поисковой выдаче. Ускорению нет предела!

Эта информация для тех, у кого сайты на WordPress

Чтобы удалить ненужный мусор, скопируйте код в functions.php, куда-нибудь в конец:
[sociallocker]

remove_action( 'wp_head', 'wp_shortlink_wp_head', 10, 0 );
remove_action( 'wp_head', 'rsd_link' );
remove_action( 'wp_head', 'wlwmanifest_link' );
remove_action( 'wp_head', 'feed_links_extra', 3 );
remove_action( 'wp_head', 'wp_generator' );
remove_action( 'wp_head', 'adjacent_posts_rel_link_wp_head', 10, 0 );
remove_action( 'wp_head', 'rel_canonical');
add_filter('xmlrpc_enabled', '__return_false');
add_filter('the_generator', 'remove_wp_version');

[/sociallocker]