Увеличиваем скорость загрузки сайта!

Я вам расскажу как увеличить скорость загрузки сайта в два раза! Я дам вам конкретную инструкцию по оптимизации! Избегайте медленных серверов и ошибок о которых я вам расскажу. Это шаг SEO оптимизации сайта. Поисковики не любят медленные сайты . Сайт который грузится долго с одинаковыми показателями по конкуренту – будет ниже в выдаче, именно поэтому это относится к СЕО! Сделать сайт быстрым можно если только вы его сами делали. А если вы используете CMS то забудьте о рекордах. Но это не значит что на CMS нельзя в разы увеличить скорость загрузки сайта! Я на своем блоге выбивал до 2 сек! То есть если было 4 сек. то становилось 2. Правда это было на предыдущем шаблоне. Ну и на этом шаблоне я собираюсь выбить 1.5 – 2 сек!

Анализ скорости загрузки

Заходим сюда Kingdom , вбиваем там адрес сайта либо страницы которая тормозит, жмем Test. Все , теперь на первой вкладке нам интересны след. поля (слева на вправо) -Имя файлы который загружался – размер файла – далее идет диаграмма из разных цветов(о них ниже). Смотрите на скрине, на что я сразу обратил внимание -у меня аж 4 файла jquery, общий вес jquery библиотек почти 270 кб! И хотя скорость загрузки моей страницы достаточно быстрая, я удалю эти библиотеки и страница будет еще быстрей примерно на 0.5 сек быстрей!

Эти JQuery файлы отвечают за вывод слайдера – которым я не пользуюсь. Поэтому в файле header.php я удалю строки которые подключают эти библиотеки. У меня скорость загрузки страницы главной 2.81 с. Что в принципе и так неплохо , но я доведу время до 2.5 – 2.1 и за счет высвободившегося времени можно добавить графический элемент дизайна – это профессиональный подход! Только так и только! Хотите добавить графики на сайт? Освобождайте время загрузки сайта! И будет вам успех!

Теперь о цветах в графике результатов загрузки:

Поиск DNS информации

Подключение к серверу

Отправка данных на сервер

Ожидание данных с сервера

Получение данных сервера

В них видно что загрузка JQuery от сервера к клиенту(зеленый цвет) занимает почти 0.3 сек! А общая загрузка jQuery примерно 0.5 с. А теперь смотрите насколько я увеличил время загрузки сайта! Не забывайте сделать копию сайта или страницы до манипуляции с ним! И все записывайте в блокнот!

До удаления JQuery:

До удаления библиотек скорость загрузки главной страницы у меня была 1.88 сек. Размер страницы 518 кб и мой блог был при этом все равно быстрей на 73 % чем остальные сайты.

А теперь результат после удаления:

Скорость загрузки снизилась почти на секунду! Это офигенно!Размер страницы стал 371 кб – на 200 кб меньше! Мой сайт стал на 90% быстрей остальных сайтов! Эти шаги безусловно влияют на ранжирование сайта! Поисковики любят быстрые страницы. А Сочный сайт обязан быть быстрым! Теперь с высвободившимся временем можно поработать на пользу сайта! Подключить что то нужное, либо изменить дизайн и т.д.! А я уже знаю куда потрачу время которое освободил – сделаю небольшой блок с ссылкой “Обо мне”! Сделаю так что время практически не увеличится ! То есть все равно я буду в плюсе!

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

Где искать проблемы загрузки сайта

В третьей вкладки на сайте анализа есть вот такой вывод типа файлов, которые занимают процесс загрузки сайта:

Исходя из этой статистики копаться и оптимизировать например CSS мне нет смысла, его доля всего 7%. Хотя конечно можно долю CSS снизить до 6 , но тут овчинка выделки не стоит. Из контента 43% берет на себя тип image(графика) и jscript . Можно конечно поработать с изображениями на сайт – но не в моем случае. Это ведь процент, а загрузка страницы у меня очень быстрая! Да и к тому же изображения при слабой скорости интернета формируются уже после загрузки страницы.

Дальше есть рядом так же очень полезная вкладка:

Она показывает процент загрузки который берут на себя домены. В моем случае неплохо хавает Яндекс(метрика) . Шрифт от Гугла очень быстрый! Яндекс тоже быстрый , это ведь процент от скорости загрузки а скорость загрузки быстрая. Эта таблица поможет вам если на вашем сайте много сторонних баннеров,информеров,скриптов. Так можете вычислить какой домен вас грузит. Дабы здесь не оплошать , заранее выбирайте хорошие и порядочные ресурсы. Информер с какого нибудь шляпового сайта – это плохой вариант!

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

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

comments powered by HyperComments

Оставьте мне собщение