Все о создании сайтов, блогов, форумов, интернет-магазинов, их продвижении в поисковых системах и заработке на сайте

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

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

Во всяком случае именно так я относился до недавних пор к тому, чтобы попытаться ускорить свой ресурс. Но вот в последнее время у меня наметилась довольно неприятная тенденция — довольно сильно изменилась статистика посещаемости сайта, а именно уменьшилось количество посетителей, ежедневно приходящих на блог с поисковой системы Google.ru.

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

Видно, произошло что-то такое, что несколько опустило мой блог в глазах поисковой системы Google. Гадать можно долго, например, одновременно со снижение поискового трафика с Google в индекс этой поисковой системы попало несколько сотен мусорных страниц этого блога, которые были запрещены к индексации в robots.txt. Но Google почему-то проигнорировал этот запрет и засосал тонны мусора в свой индекс.

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

Скорость загрузки сайта — так ли это важно?

Бродя с горя по различным вкладкам Гугл Вебмастера я набрел на вкладку «Эффективность сайта», где была дана оценка скорости загрузки сайта. В общем-то, ничего криминального в указанной там скорости загрузки нет, но вот то, что мой блог KtoNaNovenkogo.ru загружается медленнее, чем 84 процента всех web ресурсов в интернете — это уже звоночек, на который следовало бы отреагировать.

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

Но раз поисковая система Google думает, что по скорости загрузки мой блог является аутсайдером, то стоит всерьез отнестись к этой проблеме и вплотную заняться решением вопроса — как увеличить скорость загрузки. Собственно, ничего особенно придумывать и не пришлось, ибо Google сам подсказывает наиболее оптимальное решение по увеличению скорости загрузки сайта. Точнее, поисковая система Google предлагает воспользоваться инструментом, который в свою очередь поможет понять, что именно нужно будет предпринять для того, чтобы ваш сайт немного (или много) ускорить.

Я говорю о Page Speed — расширении для браузера FireFox. Что примечательно, я уже как-то устанавливал себе Page Speed в надежде, что эта чудо программа сможет сама по себе увеличить скорость загрузки сайта, но не тут то было. Это всего лишь инструмент, причем, инструмент оперирующий достаточно сложными и не совсем понятными мне вещами, которые в основном связаны с тонкостями и нюансами работы Web сервера.

В первый раз я поставил Page Speed (это расширение интегрируется в упомянутый чуть выше плагин для браузера FireFox под названием FireBug), посмотрел, какие советы по увеличению скорости загрузки сайта он мне дает, практически ничего не понял и с легкой душой удалил его из FireFox как не нужный и чуждый моему разуму элемент. Дело в том, что даже понимая, на что ругается Page Speed я толком не знал, что нужно сделать, что бы все это устранить и хоть как-то ускорить свой блог.

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

Помятуя о случившемся, на днях я решил упереться рогом и попробовать сдвинуть с места проблему увеличения скорости загрузки сайта, несмотря на всю непонятность и сложность для меня данного вопроса. Короче, установил я повторно Page Speed в FireFox, посмотрел на что именно он особо сильно ругается и кое-что мне все же удалось улучшить и надеюсь, хотя бы немного, увеличить скорость загрузки.

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

Page Speed — увеличиваем скорость загрузки

Итак, для начала вам нужно будет установить в свой браузер FireFox плагин FireBug, если он у вас еще не был до этого установлен. Далее, зайдите через FireFox на страницу Page Speed и нажмите на синюю кнопку «Install Page Speed», дождитесь окончания установки Page Speed и перезапустите браузер.

Теперь, активировав жука в правом нижнем углу FireFox (просто щелкните по нему левой кнопкой мыши), у вас откроется окно плагина Firebug, на последней вкладке которого вы увидите надпись «Page Speed». Это и будет, так рекламируемая поисковой системой Google, примочка под названием Page Speed, которая позволит вам при надлежащих навыках и умениях повысить скорость загрузки своего сайта. Ну, это в идеале, конечно же. А как оно будет выглядеть на практике мы сейчас и посмотрим.

Откройте страницу вашего ресурса в окне браузера FireFox, активируйте Firebug, перейдите в его окне на последнюю вкладку «Page Speed» и нажмите на кнопку «Analyze Performance». В результате вы увидите целый список претензий, которые имеет Page Speed к вашему ресурсу, а именно к скорости его загрузки. Page Speed даст вам некоторые указания по оптимизации скорости работы Web сервера в купе с используемым вами движком сайта.

Причем, в самом верху окна Page Speed будут расположены замечания и рекомендации, которые вам желательно будет посмотреть и изменить в первую очередь, ибо это даст наибольший эффект в плане увеличения скорости загрузки сайта и потребует от вас не слишком больших усилий. Т.е. рекомендации и обнаруженные проблемы, помеченные красным кружочком с восклицательным знаком и расположенные в самом верху списка, являются наиболее важным и начать оптимизацию скорости загрузки сайта желательно именно с них (дешево и сердито, что называется).

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

Я решил начать оптимизировать скорость загрузки сайта с самого первого пункта «Leverage browser caching», ибо по логике работы Page Speed, эти рекомендации должны привести к наибольшему ускорению моего блога. Если нажать на плюсик рядом с надписью «Leverage browser caching», то в результате появится список различных файлов моего блога, которые не удовлетворяют оптимальным требованиям кеширования статических файлов (скрипты, CSS файлы, файлы изображений, используемых на web странице) в браузерах пользователей (т.е. тех, кто просматривает и изучает мой блог):

Т.е.Page Speed советует нам для увеличения скорости загрузки сайта настроить оптимальным образом кэширование различных элементов web страниц в браузерах пользователей для того, чтобы при просмотре других web страниц вашего ресурса, эти статические элементы не подгружались бы заново с Web сервера, что в итоге будет очень серьезно ускорять загрузку страниц вашего ресурса. В теории все это звучит довольно запутано, ибо я понятия не имею о механизмах кеширования, используемого браузерами.

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

Page Speed — оптимизация кеширования в браузере

В общем, мы попытаемся повлиять на Web сервер, где хостится ваш проект таким образом, что бы он отдавал браузерам команды направленные на оптимизацию кеширования статических элементов сайта. Делать мы это будет посредством довольно известного инструмента удаленного управления Web сервером — файла .htaccess. Знаете о существовании такого файла?

Живет он обычно в корневой папке. Естественно, что все нижеописанное будет работать только на Web серверах под управлением Apache, но это, как правило, 99 всех Web серверов. После подключения к своему ресурсу по FTP (FTP клиент FileZilla), откройте корневую папку (обычно это либо PUBLIC_HTML, либо HTDOCS) и проверьте наличие в ней файла .htaccess.

Если .htaccess не видно, то попробуйте в программе FileZilla выбрать из верхнего меню пункты «Сервер» — «Принудительно отображать скрытые файлы». Если и после этого файла .htaccess в корневой папке вы не найдете, то создайте у себя на компьютере пустой текстовый файл в любом удобном для вас редакторе (я пользуюсь Html и PHP редактором Notepad++), назовите его как-нибудь и скопируйте на сервер вашего хостинга (Что такое домен и хостинг) в корневую папку. После этого переименуйте этот файл в .htaccess в программе FileZilla.

В общем и целом , теперь вам нужно будет открыть файл .htaccess на редактирование и добавить в него приведенный ниже код. Код состоит как бы из трех частей, каждая из которых работает с разными модулями web сервера Apache. Первые два варианта делают практически одно и тоже, но только разными способами, а третий вариант предназначен исключительно для браузера IE.

В любом из приведенных ниже вариантах кода предусмотрена проверка на доступность нужного модуля на web сервере вашего хостинга и только в случае его обнаружения будет выполняться код. Т.е. по идее никакого негатива данный способ увеличения скорости загрузки сайта в работу вашего ресурса внести не должен.

Итак, вот три куска кода, которые вам нужно вставить в файл .htaccess (в принципе, наверное, в любое место, но с умом). У меня, по данным Page Speed, сработал первый вариант ускорения, а второй не дал результата. Работоспособность третьего варианта увеличения скорости загрузки в браузере IE проверить в FireFox через Page Speed, наверное, затруднительно.

1. <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>

2. <IfModule mod_headers.c>
     <FilesMatch .*\.(js|css)$>
       Header set Cache-control: private
     </FilesMatch>
     <FilesMatch .*\.(gif|jpg|png)$>
       Header set Cache-control: public
     </FilesMatch>
   </IfModule>

3. <IfModule mod_setenvif.c>
     BrowserMatch "MSIE" force-no-vary
     BrowserMatch "Mozilla/4.[0-9]{2}" force-no-vary
   </IfModule>

Теперь после того, как вы вставили в файл .htaccess код позволяющий повысить скорость загрузки за счет оптимизации кеширования в браузере на стороне посетителя и сохранили произведенные изменения, снова откройте в FireFox страницу вашего ресурса и обновите данные, собранные Page Speed, нажав на кнопку «Refresh Analysis»:

Как видите, в моем случае «Leverage browser caching» уже не является критической недоработкой снижающей скорость загрузки сайта и значок рядом с этим замечанием Page Speed сменился на зеленую галочку, означающую, что доработок этого параметра уже практически не требуется, ибо повлиять на скорость загрузки будет практически не возможно. Что и требовалось доказать. Вот так вот, играючи, мы с вами разобрались с одной из самых существенных и весомых проблем найденной Page Speed.

P.S. Не сразу заметил, что у меня все же не происходило кеширование скриптов (js) в браузерах пользователей, о чем и говорил мне Page Speed. Поэтому, в результате, для активации кеширования статических объектов (изображений, Css и js скриптов) в браузерах пользователей я использовал другой код для файла .htaccess:

FileETag MTime Size
<ifmodule mod_expires.c>
<filesmatch ".(jpg|jpeg|gif|png|ico|css|js)$">
ExpiresActive on
ExpiresDefault "access plus 1 month"
</filesmatch>
</ifmodule>

После этого в Page Speed в строке «Leverage browser caching» уже не было замечаний о том, что кеширования скриптов в браузерах пользователей не происходит. Page Speed отмечает только внешние скрипты, на которые я повлиять никак немогу:

Наверное, я вас уже утомил обилием информации, поэтому, давайте перенесем в следующую статью рассмотрение нюансов использования и оптимизации gzip сжатия, существенно ускоряющего передачу файлов с web сервера в браузер пользователей, и способов проверки эффективности работы gzip через Page Speed, а так же расскажу как сжать и оптимизировать CSS.

Можете также посмотреть видео «Как Увеличить Скорость Загрузки Сайта»:

У Евгения Попова имеется видекурс по PHP+MySQL, который стоит того, чтобы с ним ознакомиться.

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

• Самое нужное для вебмастеров
  • Яндекс Вебмастер
  • Гугл Вебмастер
  • Посещаемость сайта
  • Твиттер
  • Фейсбук
  • В контакте
  • RSS ленты для сайта - создание и настройка
  • Robots.txt и индексация сайта
  • Карта сайта Sitemap xml
  • Создание иконки Favicon (фавикон)
  • Поиск по сайту
  • URL адреса, абсолютные и относительные ссылки
  • Кодировка текста (ASCII, UTF 8, юникод) и кракозябры
  • Gif, Png или Jpg - растровая графика для сайта или что выбрать
  • Скорость загрузки сайта
  • E-mail рассылки для продвижения сайта
• Полезные программы для вебмастеров
  • FileZilla - доступ к сайту по FTP
  • Firebug — установи и забудь о проблемах
  • Notepad ++ – лучший Html и PHP редактор
  • Site-Auditor — проверка позиций сайта в поисковых системах
  • PhpMyAdmin - работа с базами данных
  • Punto Switcher — переключатель раскладки клавиатуры
  • Opera (опера)
  • Google Chrome (Гугл Хром)
  • Mozilla Firefox (Мазила Фаерфокс)
  • Internet Explorer (IE, MSIE)

Удачи вам! До скорых встреч на страницах блога KtoNaNovenkogo.ru

Очень обяжете, если воспользуетесь этим блоком кнопок:

Рубрика : Полезные программы,Скорость загрузки сайта

Наверх