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

Главная » SEO » Как увеличить скорость загрузки сайта

скорость загружаемого сайта     Пока Rookee делает свое дело, продвигая мои запросы под Гугл, я продолжаю постигать вопросы оптимизации страницы. Сегодня расскажу о том, как удалось уменьшить размер страницы и увеличить скорость загрузки сайта. Эти два показателя существенно влияют на продвижение сайта. Для Гугла очень важно при ранжировании скорость загружаемого сайта.

В статье Проводим анализ страницы в rookee я рассказала по каким параметрам анализируется страница с продвигаемым запросом. Напомню, что в разделе «Общая информация» имеются две строчки: время загрузки скорости страницы и размер страницы. Эти две строчки, как вы понимаете, тесно связаны друг с другом, а именно: чем меньше размер страницы, тем быстрее ее загрузка. В работу был взят один из продвигаемых запросов.

Определение скорости загрузки

Прежде чем увеличивать скорость загружаемого сайта, необходимо провести анализ с помощью какого-либо инструмента или сервиса. Например, это можно сделать таким инструментом, как Page Speed, встроенный в плагин Firebug для браузера Firefox. Но мне было удобнее воспользоваться сервисом gtmetrix.com, потому что Google Chrom, которым я пользуюсь, предлагает перевод страницы, что значительно облегчает и влияет уже на скорость работы.

Главная страница gtmetrix предлагает ввести URL. Я ввела адрес страницы, которую продвигаю под Гугл в Rookee. Размер страницы, который был выдан после анализа сервисом Rookee, равнялся 50,5 кбайт (желтым цветом) и скорость загрузки 0,922 сек. (зеленым цветом). Желтый цвет размера страницы говорит о том, что ее размер превышает оптимальные параметры, а от этого и скорость загрузки меньше, хотя показана зеленым цветом, то есть нормальная. Но, почему ее не увеличить эту скорость, если есть такая возможность.

скорость загрузки

Результаты анализа скорости загрузки сайта

Минимизация картинок

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

Сервис выдал большой перечень картинок, которые предлагалось уменьшить. В перечень входили картинки сайдбара, темы и аватары в комментариях. Кроме того, в рекомендациях показан процент, на который можно уменьшить размер картинки и увеличить скорость. Раньше я делала эти вещи в фотошопе, затем сохраняла картинку, как Web. На этот раз решила воспользоваться сервисом punypng.com. Таким образом, были уменьшены все предлагаемые картинки и залиты на хостинг с новым размером. Благодаря этой работе оптимизация картинок была доведена до 85%. Почему не 100%, спросите вы? Не оптимизированными остались картинки аватаров в комментариях, которые я изменить не могу. А чем больше комментариев к статье, тем больше аватаров и тем больше не оптимизированных картинок, как вы понимаете.

Другие меры

Далее попыталась разобраться и минимизировать редиректы. Сервис gtmetrix предлагает их удалить, если это возможно. Оказалось, что все редиректы связаны с аватарами в комментариях и, в частности, с теми, у которых отсутствует картинка. В этом случае происходит редирект на пустую картинку моего блога, которую удалить невозможно. Процедура минимизации редиректов не влияет значительно на скорость загрузки сайта, но, как говорится, с миру по нитке…

Еще один интересный момент, который пыталась улучшить. Сервис предложил минимизировать на 23% файл style.php. Была предложена оптимизированная версия. Но после замены файла стиля на предложенный, я ужаснулась виду блога, после чего быстро вернула его обратно. Так что оптимизацию тоже надо проводить в разумных пределах, ее суть не только в скорости.

увеличение скорости загрузки

Скорость загрузки сайта, связанная с кэшированием

И последняя рекомендация от сервиса gtmetrix, которая была выполнена для показателя Leverage browser caching, связанного с кэшированием файлов. Этот показатель в большей степени влияет на скорость загрузки сайта. Покопавшись в информации по данному вопросу на просторах Интернета, я нашла, что, с целью улучшения этого показателя, в файл htaccess нужно добавить модуль, который показан ниже.

<IfModule mod_expires.c>
  ExpiresActive On
  ExpiresByType application/javascript "access plus 1 year"
  ExpiresByType text/javascript "access plus 1 year"
  ExpiresByType text/css "access plus 1 year"
  ExpiresByType image/gif "access plus 1 year"
  ExpiresByType image/jpeg "access plus 1 year"
  ExpiresByType image/png "access plus 1 year"
</IfModule>

Встречала несколько разных вариантов модулей, которые требуется добавить в файл htaccess, но мне подошел именно этот. Таким образом, показатель Leverage browser caching был доведен с 10% до 58%.

Что получилось в итоге со скоростью

В заключение должна сказать, что для достижения 100% скорости загрузки сайта преградой служили сторонние сервисы, на которые повлиять невозможно. Это, например, реклама Google AdSense, счетчики, аватары в комментариях.

В результате проделанных работ по увеличению скорости загрузки сайта удалось получить размер страницы 49,256 кбайт (зеленым) и время скорости загрузки страницы 0,5 секунд. Думаю, что игра стоила свеч. Если впоследствии смогу улучшить еще какие-то показатели по скорости загрузки, то обязательно напишу о результатах. А как меры вы принимаете, чтобы увеличить скорость загрузки сайта?


Читайте также:

Как увеличить скорость загрузки сайта” - комментариев: 18

  1. можно сделать разбивку на страницы в комментариях(на нужное число), и по логике меньше весить будет)))

  2. Спасибо, smytt, но я не встречала информацию нигде об этом и не знаю, как это сделать. Подскажите, пожалуйста.

  3. я работал только с joomla , там есть компонент jcomment — есть разбивка на страницы комментариев. на вп не знаю как, но наверно есть плагины какие нибудь.

  4. Марина, для того, чтобы разбить комментарии на страницы можно использовать различные плагины, к примеру Paginated Comments.

  5. Прошу прощения у автора блога аzbuka-uspeha.ru/ за то, что он прислал комментарий со своими показателями скорости загрузки (95%!), а я его случайно удалила. Буду благодарна, если Вы повторите еще раз комментарий.

  6. Спасибо за информацию о punypng.com, я о нем не знала. Правда, работает на сжатие немного странно. Мне показалось, он реально сжимает картинку по ширине. На снимке люди словно приблизились друг к другу.Попробую завтра разобраться.

  7. Рада помочь, Светлана. Я с такой проблемой не сталкивалась, может быть, потому что для картинок моих статей я не использую фотографии людей.

  8. Здравствуйте, Марина, мне ваш модуль кеширования не подошел, можете посоветовать где еще можно найти подобные?

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

  10. Марина, спасибо за помощь, но не работает ничего. Может я не то делаю. Нужно открыть файл .htaccess. Вставить в него модуль ничего не меняя. И все дело в шляпе?
    Кстати нашел некоторую инфу по этому поводу, если получиться обязательно отпишусь.

  11. Игорь, я просто вставляла модуль в конце файла .htaccess. Буду благодарна, если отпишитесь о результатах.

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

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

  14. Статья классная… но мне бы больше хотелось увеличить скорость загрузки файла на компьютер. как?

  15. Виктория, если я правильно поняла, то компьютер работает медленно? Тогда надо почистить систему, проверить на вирусы, посмотреть объем оперативной памяти, а, может быть, переставить систему Windows с предварительным форматированием системного диска.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *