Здравствуйте дорогие читатели блога Вебмастерская партнерок

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

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

 

 Содержание;

  1. Включить сжатие gzip wordpress на 20%
  2. Mod_headers  Директивы кэширования
  3. Кэширования для модуля mod_expires
  4. Сайт на wordpress ускорение
  5. ОПТИМИЗИРОВАТЬ САЙТ ДЛЯ ПОИСКОВЫХ СИСТЕМ

Включить сжатие gzip wordpress на 20%

Возникает вопрос, что такое сайт на wordpress? Мало кто дает рекомендации, я сам искал и нашел предложение установить плагины. Только плагины тормозят блог и стараться нужно их избегать. У меня на блоге стоит всего плагинов 12 мне кажется это много, но на днях я видел на блоге порядка 30-35 шт плагинов и сайт при этом работает отлично. Его любят поисковые системы, он стоит в выдаче на первых позициях.

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


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

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

Первым думаю поставим Developers Google

Посмотрите рекомендации для своего сайта, а затем переходите к другим.

 

 

 

 

Возьмем сервис Seolik.

 

 

 

 

 

Вот такие рекомендации выдает мне PageSpeed

Я начал работу с настройки кеша, так как удалять код не вижу пока смысла. Настроим кеш и gzip сжатие, а там посмотрим на результат.

Для  того что – бы настроить кеш, нам нужно прописать скрипты в htaccess. Прописываем перед такой записью в самом низу файла

 # END WordPress:

 

Только для начала я рекомендую вам написать в службу поддержке своего хостера и уточнить, обращение к модулям mod_headers и mod_expires будет работать если на на серверах вашего провайдера установлено программное управление Apache.

Если все имеется, то можно смело приступать к написанию деректив. Модули mod_headers и mod_expires способны встраивать в ответ сервера специальные заголовки Cache-Control или Expires на стороне посетителя какие файлы нужно кешировать.

 

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

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

Для начала давайте разберемся с директивами, предназначенными для модуля mod_headers.

Mod_headers  Директивы кэширования

Давайте уже приступим: Напоминаю, что в файл .htaccess   вставляем перед строчкой 

# END WordPress:

 



 # Включаем кэш в браузерах посетителей <ifModule mod_headers.c>     # Все html и htm файлы будут храниться в кэше браузера один день     <FilesMatch "\.(html|htm)$">         Header set Cache-Control "max-age=43200"     </FilesMatch>     # Все css, javascript и текстовые файлы будут храниться в кэше браузера одну неделю     <FilesMatch "\.(js|css|txt)$">         Header set Cache-Control "max-age=604800"     </FilesMatch>     # Все флэш файлы и изображения будут храниться в кэше браузера один месяц     <FilesMatch "\.(flv|swf|ico|gif|jpg|jpeg|png)$">         Header set Cache-Control "max-age=2592000"     </FilesMatch>     # Отключаем кеширование php и других служебных файлов     <FilesMatch "\.(pl|php|cgi|spl|scgi|fcgi)$">         Header unset Cache-Control     </FilesMatch> </IfModule>

Теперь я немного поясню, что означают те или иные директивы.

<ifModule …>…</IfModule> 

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

Так мы обращаемся к модулю mod headers  который носит название mod headers (c) – расширение

<FilesMatch «…»>…</FilesMatch> — блочная директива, показывающая серверу файлы с расширениями, на которые будет ссылаться деректива правил.

В кавычках, прописываются регулярные выражения, например «.(html|htm)$»,

С их помощью можно сгруппировать файлы с необходимыми расширениями.

Header — директива, влияющая на отправку HTTP заголовка со стороны сервера в сеть.

Эта директива может принять следующие аргументы: set, append, add, unset и echo. Все аргументы я думаю описывать вовсе не обязательно. Рассмотрим лишь то, что используется в файле.

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

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

Cache-Control — Это заголовок. Он предназначен для процесса кеширования. Для него может быть прописан ряд деректив

max-age — срок годности кэша. После знака равно указывается время в секундах, на протяжении этого времени хранятся  данные в браузере.

Оптимизировать сайт для поисковых систем

Кэширования для модуля mod_expires

При обращении к модулю mod_expires через файл .htaccess, используются другие дерективы

Которые мы пропишем.

 

 



ExpiresActive On     #по умолчанию кеш в 5 секунд     ExpiresDefault "access plus 5 seconds"     # Включаем кэширование изображений и флэш на месяц     ExpiresByType image/x-icon "access plus 1 month"     ExpiresByType image/jpeg "access plus 4 weeks"     ExpiresByType image/png "access plus 30 days"     ExpiresByType image/gif "access plus 43829 minutes"     ExpiresByType application/x-shockwave-flash "access plus 2592000 seconds"     # Включаем кэширование css, javascript и текстовых файлов на одну неделю     ExpiresByType text/css "access plus 604800 seconds"     ExpiresByType text/javascript "access plus 604800 seconds"     ExpiresByType application/javascript "access plus 604800 seconds"     ExpiresByType application/x-javascript "access plus 604800 seconds"     # Включаем кэширование html и htm файлов на один день     ExpiresByType text/html "access plus 43200 seconds"     # Включаем кэширование xml файлов на десять минут     ExpiresByType application/xhtml+xml "access plus 600 seconds" </ifModule>

ifModule я думаю должно быть все понятно

ExpiresActive — блокирует кэширование в браузере.

on — активировать

off — блокировать

ExpiresDefault — данная деректива способна задать время хранения кеша по умолчанию.Браузер кеширует все подряд, можно указать временной интервал.

Для модуля mod_expires синтаксиз временного интервала гибче, чем для mod_headers,

Где время только в секундах.

years — лет

year — один год

months — месяцев

 month — один месяц

weeks — недель

week — одна неделя

days — дней

 day — один день

hours — часов

hour один час

minutes — минут

 minute — одна минута

seconds — секунд

Можно перед временным интервалом прописать несколько дополнительных слов, например:

1«access plus 1 month»

access — ведущее слово. В переводе с англ. — доступ;

plus — ключевое слово, после которого следует числовое значение.

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

ExpiresByType — предназначен для определенных типов файлов задающий временной интервал кеша.Плюс ее в том, что она отменяет время кеша по умолчанию. Стоит только указать в дерективе ExpiresDefault.

Обязательно через слеш указывайте тип записей application/x-javascript, image/jpegtext/html

 или application/x-javascript. text/html

 

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

Сайт на wordpress ускорение 

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

Google довольно давно об этом пишет и даже выводил при авторизации предложение просканировать сайт на предмет быстродействия и включить сжатие. Я по крайней мере это часто встречал.

Ну а Яндекс никогда никого не предупреждает, мы живем в России, где нет такого понятия ( предупрежден – значит вооружен!), он слепо следует за мировыми тенденциями просто обложит сайт фильтрами.

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

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

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

Говорят,  что Амазон потерял 1% своих доходов из- за того, что их сайт долго грузился, всего каких то 100 миллисекунды. А учитывая масштабы компании, то как вы понимаете сумма оказалась внушительной. Стоит думаю задуматься.

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

Говорят, что некоторые хостинге имеют встроенное gzip сжатие и для этого вам просто нужно проверить свой сайт,   перейдя по ссылке

В строку впишите свой адрес сайта и нажмите кнопку проверить. У меня браузер переводит все автоматически, поэтому и пишу кнопки по русски.

У меня как видите сейчас gzip включено, но это сегодня, оно включено, а еще вчера его не было.

Динамическое gzip сжатие включить очень просто, достаточно добавить в файл .htaccess следующий код все также вниз файла, перед строкой # END WordPress:

 

Оптимизировать сайт для поисковых систем


# сжатие text, html, javascript, css, xml: <ifModule mod_deflate.c> AddOutputFilterByType DEFLATE text/html text/plain text/xml application/xml application/xhtml+xml text/css text/javascript application/javascript application/x-javascript </ifModule>

Теперь перейдите на сервис на котором мы уже были чуть выше и  проверьте свой сайт еще раз.

 К сожалению у динамического gzip сжатия есть еще один минус — сервер тратит драгоценные миллисекунды на сам процесс сжатия.

Вам потребуется 7-zip если у вас его нет скачайте с официального сайта по ссылке.

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

Скачиваем с сервера файлы с расширениями .css и .js, открываем архиватор 7-Zip и ищем в программе скаченные файлы.

 

 

 

 

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

 

 

 

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

Теперь в файл в htaccess   прописываем следующий код:

Теперь в файл в htaccess   прописываем следующий код:

 



# Перенаправление на gzip файлы AddEncoding gzip .gz  <FilesMatch "\.js.gz$">   ForceType text/javascript    Header set Content-Encoding: gzip </FilesMatch> <FilesMatch "\.js$">   RewriteEngine On   RewriteCond %{HTTP_USER_AGENT} !".*Safari.*"   RewriteCond %{HTTP:Accept-Encoding} gzip   RewriteCond %{REQUEST_FILENAME}.gz -f   RewriteRule (.*)\.js$ $1\.js.gz [L]   ForceType text/javascript </FilesMatch> <FilesMatch "\.css.gz$">   ForceType text/css   Header set Content-Encoding: gzip </FilesMatch> <FilesMatch "\.css$">   RewriteEngine On   RewriteCond %{HTTP_USER_AGENT} !".*Safari.*"   RewriteCond %{HTTP:Accept-Encoding} gzip   RewriteCond %{REQUEST_FILENAME}.gz -f   RewriteRule (.*)\.css$ $1\.css.gz [L]   ForceType text/css </FilesMatch>

 

Давайте проверим нашу работу и посмотрим на результат

Как видите все работает. Именно так мы смогли включить сжатие gzip в htaccess и тем самым пройти один из пунктов рекомендаций PageSpeed.

 

Осталось   оптимизировать изображения, нужно сократить время ответа сервера, затем я думаю я подойду к отметки близкой к 100%.

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


Включайте сжатие и ускоряйте свои сайты в несколько раз.

Реактивного вам взлета! До встречи.

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

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