Ускорить загрузку сайта, включить кэширование, GZIP сжатие .htaccess

проверить проверить скорость загрузки сайта google speed, роль gzip сжатия В статье: о кэшировании htaccess, увеличении скорости загрузки сайта. Посетители любят быстрые веб ресурсы. Поисковые системы также предпочитают сайты, которые быстро загружаются на компьютер пользователей, имеют меньший показатель отказов из-за низкой скорости загрузки.

Проверить скорость загрузки сайта, обнаружить недоработки, замедляющие блог, поможет сервис Гугла PageSpeed.

Где проверить

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

Рассмотрим, как ускорить загрузку сайта WordPress, как включить кэширование и GZIP сжатиеотредактируем файл .htaccess.

В сервисе PageSpeed введите адрес своего сайта, нажмите кнопку АНАЛИЗИРОВАТЬ. Проверка загрузки сайта google выявит ошибки и покажет их.

Как включить GZIP сжатие css, js и html

Если вы увидите красный восклицательный знак включить сжатие, значит, СРОЧНО ИСПРАВЬТЕ ошибки!
включить сжатие gzip в htaccess

Gzip — это программа, которая сжимает и распаковывает файлы, делает это «на лету». GZIP сжатие, которого требует pagespeed (архивирование, gZip compression) — это сжатие, упаковка в архив всех текстовых файлов на сервере сайта до передачи их на компьютер пользователя. В браузере пользователя сжатые страницы html, js, css распаковываются.

В результате времени (и трафика) на передачу расходуется меньше.

СТАТЬИ ПО ТЕМЕ:

Что такое анкор, как правильно его написать

Wordpress шаблон записи: как изменить single.php для постов из разных категорий

Заблокированные ресурсы в Search Console и индексе google

Команду ВКЛЮЧИТЬ GZIP СЖАТИЕ добавим в файл .htaccess.

# compress text, html, javascript, css, xml:
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/xml
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/x-javascript

# Or, compress certain file types by extension:

SetOutputFilter DEFLATE

Файл .htaccess где лежит

Для веб-серверов под управлением Apache .htaccess находится в корневой папке. Мой хостинг sprinthost как раз использует эту технологию. А ваш?

При переносе сайта на Спринтхост  постоянная акция, предоставляются скидки. Напоминаю, перед внесением изменений сделайте бекап.

Если работаете с файловым менеджером filezilla, ищите папку public_html.

Файл .htaccess для подстраховки скопируйте к себе на компьютер.

файл htaccess где находится Если редактируете .htaccess прямо на хостинге sprinthost, путь такой:

ПАНЕЛЬ УПРАВЛЕНИЯ на хостинге

ФАЙЛОВЫЙ МЕНЕДЖЕР

DOMIANS

ВАШ САЙТ

public_html

.htaccess.

htaccess где лежит

Откроется окно, содержимое надо скопировать в Блокнот или редактировать в текстовом редакторе Notepad.

Отредактированный .htaccess скопируйте и вставьте обратно, затем изменения СОХРАНИТЕ.

Где проверить GZIP сжатие сайта

ПРОВЕРЬТЕ его работу в сервисе PageSpeed после включения gzip сжатия. Увидите, что скорость загрузки сайта заметно увеличилась;

ПРОВЕРЬТЕ, включено ли gzip. Напишите адрес своего блога, нажмите ПОКАЗАТЬ www.cy-pr.com/tools/gzip/. Адреса с https не проверяет.

где проверить gzip сжатиеПРОВЕРИТЬ работу gzip можете здесь www.whatsmyip.org/http-compression-test/

тест на gzip сжатие htaccess

ПРОВЕРКУ сжатия страницы делайте на varvy.com/tools/gzip/

Если GZIP сжатие на сервере вашего блога включить невозможно, обратитесь к сторонним сервисам, оказывающим эту услугу.

Кэширование, что это такое значит?

Кэширование — путь оптимизации работы сервера, когда повторно запрашиваемый контент (изображения, текст, дизайн, код, css) сохраняется, используется для обслуживания последующих запросов.

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

как исправить ошибки покажет speedpage Нажмите Learn more. У меня, например, не указан (или слишком мал) срок действия HTTP-заголовков.htaccess кэширование, чтобы ускорить загрузку сайта

Что такое срок действия (жизни) кэша браузера

Когда страница загружается на компьютер пользователя впервые, браузер поочередно выполняет загрузку всех ее элементов: графики, css-файлов, javascript.

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

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

Как увеличить срок жизни (действие) кэша браузера в htaccess

Срок действия кэширования выставляют при помощи HTTP-заголовков (долгосрочных заголовков), которые вносят в файл .htaccess. Кэширование статических файлов (запоминание) позволяет предотвратить непрерывные запросы браузера посетителя веб-сайта к не измененным ресурсам.

Команда браузеру пользователя включить кэширование статических файлов отдается со стороны сервера (из .htaccess).
Внесите в него этот код:

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


Срок действия для объектов – это access plus 7 days. Иногда устанавливают более длительный срок access plus 1 month или даже access plus 1 years.

кэш браузера htaccess Результат включения кэширования проверьте в сервисе PageSpeed. Ну что же, частично задача htaccess кэширования статических файлов решена.

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

Если вы неуверенно чувствуете себя в админпанели хостинга, есть плагин WP Htaccess Editor. Он выводит файл .htaccess в консоль блога. Установите его и редактируйте .htaccess прямо из консоли.

Как проверить остальные параметры сайта wordpress, читайте здесь.

Заключение

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

Вам помогло? Поделитесь полезностями в соцсетях.

Понравилась статья? Поделиться с друзьями:
Я новичок
Комментарии: 31
  1. Артём

    Спасибо за совет, сегодня же проганю свою тему на поиск ссылок. А если с удалением ссылки, что -то слетит в теме её можно просто закрыть noindex?

    1. Ольга (автор)

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

    2. Ольга (автор)

      Да, можно и так.

  2. Артём

    Ольга, спасибо за совет. сейчас как раз решил занятся поиском ссылок и ещё раз зашёл на ваш сайт.

  3. Лилия

    Установила плагин, проверила. Результат — красный квадратик. Нажала на детали, высветилась 1 красная надпись. Но в html коде темы я её не нашла. Подскажите, что делать?

    1. Ольга (автор)

      Лилия, красный цвет обозначает, что внешних ссылок слишком много (опасность).
      1. Нажимаете надпись Подробнее (Detals), открывается окно со ссылками и адресами папок, где они находятся.
      2. Просматриваете папки. Если там упоминается http — это и есть ссылка.

      Напишите название темы, я попробую посмотреть.

  4. Ирина

    Не подскажите как удалить внешние ссылки на Твиттер. Проверила свой сайт на внешние ссылки — их оказалось 10 и все с твиттера

    1. Ольга (автор)

      Ирина, где Ваши ссылки? В шаблоне и ведут на Твиттер?
      Или наоборот ссылки с Твиттера на Ваш сайт?

    2. Ольга (автор)

      Ирина, сервис dinews.ru/seo не находит у Вас внешних ссылок.

  5. Александра

    Здравствуйте.
    У меня не было проблем с внешними ссылками. А вот поставила плагин IGIT New Twitter Tweet Button и вот имею историю. Убрала, потом снова поставила, смотрела в редакторе. Не могу понять как закрыть. И не знаю чем заменить.

    Сервис dinews.ru/seo показывает у меня внешние ссылки.
    1) http : //twitter.com/share?url=http
    2) http : //twitter.com/share?url=http
    3) http : //twitter.com/share?url=http
    4) http : //twitter.com/share?url=http
    5) http : //twitter.com/share?url=http
    6) http : //twitter.com/share?url=http
    Никак не могу понять откуда они взялись.
    Может быть подскажете, как быть?

    1. Ольга (автор)

      Александра, Вы убедились, что ссылки формирует плагин. Уберите его и замените другим.
      У меня кнопка твиттера установлена без плагина (изменения в коде шаблона).
      Если коды шаблона редактировать, да еще и коды плагинов изменять — когда статьи писать будем?

  6. Новикова Марина

    Как прочла Ваши статьи про оптимизацию так буквально за голову схватилась:посмотрела на pr-cy.ru свой сайт-астрономические цифры внешних ссылок -а я даже не знаю как их прочесть,не то что удалить. TAC говорит что шаблон темы чист и невинен. Пожалуйста,напишите статью про удаление внешних ссылок для совершенных невежд.

    1. Ольга (автор)

      Марина, так все уже давно написано, читайте https://moi-start.ru/kak-proverit-isxodyashhie-ssylki-s-sajta.html/.
      Ваши внешние ссылки с шаблона /wordpress.org/- 2шт (можно удалить)
      счетчик liveinternet.ru -1 шт (можно закрыть noindex nofollow)
      и куча ссылок от кнопок соцсетей (вконтакте и mail,ru)- закрыть.

      Вы когда смотрите в pr-cy — наводите курсор на ссылку, будет видно, что это такое.

  7. Наталия

    Все внешние ссылки, которые шли с шаблоном удалила быстро.
    Но никак не могу удалить ссылку — https :// twitter.com
    Плагин: TweetMeme Retweet Button.
    Читала выше в коментариях, что twitter можно установить без плагина. Где об этом можно прочитать, сделать или как убрать внешние ссылки на twitter?

    1. Ольга (автор)

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

  8. Сергей

    Доброе время суток. Нашло на своем сайте линк на другой сайт с помощью вот этого проекта http: // mainspy.ru/analiz_ssylok_sajta. Сам его не делал и не магу найти его место положение на сайте. Ссылка ведет на вот этот сайт http: // san-sys.ru/. Мой же блог http: // one-dostiu.ru. Подскажите пожалуйста как можно определить местонахождение этой сылки и удалить ее.

    1. Ольга (автор)

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

      Вот этот кусок нежелательные ссылки

  9. Андрей

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

    1. Ольга (автор)

      Хороший у вас хостинг. А с бесплатными шаблонами надо быть поосторожнее, чего в них только не скрыто!

  10. Светлана

    И снова здравствуйте, Ольга! Озадачилась проверкой исходящих в теме, плагин нашел 3, две я смогла удалить в коде, а третью не смогла найти :( Разобралась с тем, что это за ссылки (моя тема поддерживает слайд шоу и ссылками были две установленные фотографии, третью я не нашла) Проверила плагином еще раз — одна! Плюнула и снесла плагин. А сейчас у Вас нашла сайт dinews.ru и там проверка выдала интересную картинку:
    Внешние ссылки: 12
    1) http: // wordpress-theming.ru
    2) http: // red-book-cms.ru
    3) http: // code-snippets.ru
    4) http: // feeds.feedburner.com/themepixcom
    5) http: // twitter.com/ThemePix
    6) https: // plus.google.com/105902409914354750342/
    7) http: // linkedin.com/yourprofile
    8) http: // youtube.com/yourprofile
    9) http: // wordpress-theming.ru
    10) http: / /red-book-cms.ru
    11) http: // code-snippets.ru
    12) https: // sprinthost.ru/c1227/

    Внешние ссылки (уникальные): 9
    1) http: // wordpress-theming.ru
    2) http: // red-book-cms.ru
    3) http: // code-snippets.ru
    4) http: // feeds.feedburner.com
    5) http: // twitter.com
    6) https: // plus.google.com
    7) http: // linkedin.com
    8) http: // youtube.com
    9) https: // sprinthost.ru
    Теперь сижу-думаю как быть?
    Спасибо!

    1. Ольга (автор)

      Светлана, 6 ссылок у вас от кнопок соцсетей, попробуйте их закрыть noindex.
      4 ссылки находятся в футере, их вполне можно убрать.

  11. Андрей Назыров

    Здравствуйте.
    Хотел спросить. Закрытие кнопок соц. сетей и счетчиков в nofollow никак не повлияет на их работу?
    Просто часто слышал, что не следует закрывать кнопки счетчика посещаемости.

    1. Ольга (автор)

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

  12. Лана

    Ольга, может Вы могли бы мне помочь советом? Я установила ТАС, почистила тему: пишет, что ни одной внешней ссылки в теме больше нет. Убрала ссылки из подвала, которые нашла. Но dinews.ru говорит, что у меня есть ещё 3 внешние ссылки на
    1) http: // wp-t.ru
    2) http: // sitehint.ru
    3) http: // code-snippets.ru

    нигде не могу их найти…

    1. Ольга (автор)

      Лана, все эти ссылки находятся в футере.
      Откройте редактор, футер. Нажмите одновременно Ctrl+F. В открывшееся окно введите wp-t.ru, желтым цветом у Вас выделится эта ссылка (там в одну ссылку запихано 3 адреса). Уберите ее вместе с тегами div id =» info» …. / div .

  13. Михаил

    Ольга благодарю Вас за ответы в другой теме. И в этой теме возник вопрос. Воспользовался плагином ТАС, получилось найти и удалить штук 8-9 ссылок. Но в подвале остались две неизвестного происхождения (при чем при «входе админа» их нет, а «от посетителя» они нагло красуются в футере), плюс та самая ВордПресс (где ее искать ума не приложу). Если Вас не затруднит загляните (oglework.ru), может подскажите что и как нужно сделать.
    Вашу работу с «новичками» оцениваю в 10 баллов из десяти!

    1. Ольга (автор)

      Михаил, ссылка «Сайт работает на WordPress» находится в футере. Сделайте бекап на всякий случай. Откройте Админпанель, редактор, футер и удалите кусок кода вместе с тегами div, как на картинке
      убрать ссылку.
      Если сомневаетесь, поставьте до и после тегов div ****, сохраните и посмотрите сайт, будет ли ссылка между звездочками.

      Вторая ссылка wp-copyprotect, я думаю, зашита в плагине для защиты от копирования. Ее ищите в файлах плагина и удаляйте оттуда.

  14. Михаил

    Огромное очередное спасибо! Разобрался в обоих случаях. Но в другой теме возникла еще одна проблема, до свидания в той теме.
    С уважением!

  15. Михаил

    Здравствуйте! Опять я к Вам с вопросами. Во первых хочу попросить Вас как профессионала (ну по крайней мере по сравнению со мной,с новичком) прокомментировать страницу: http: // oglework.ru/?page_id=2. А во вторых: первый раз я легко нашел и «расправился» со ссылкой на спринтхост, а теперь (я установил по новой WordPress, последнюю версию, но туже тему Twenty Twelve) не в какую не могу найти. Вот на всякий случай футер:




    <a href="» title=»»>

    //

    .
    И еще вопрос не в тему правда: ссылки которые я установил на странице: некоторые «подсвечиваются», а некоторые «серенькие»(и Ваша серенькая, обидно). И в сайтбаре тоже «Серенькие». Так вот, может быть подскажете, где именно найти эту проблему. Точно знаю, сам на портачил, а где именно не найду.
    А вообще, я бесконечно благодарен Вам, за заботу о «новичках»!!!
    Ответить можете как Вам удобно, здесь или на мыло. Если конечно ответите)))
    Спасибо! (я люблю много говорить спасибо, по тому что это — Спаси Бог)

    1. Ольга (автор)

      Михаил, тему Twenty Twelve можете поискать так:
      Админпанель, Внешний вид, Темы, Установить темы. В окно поиска напишите Twenty Twelve, нажмите Поиск.

      Цвет ссылок задается в шаблоне. Темы разные, в некоторых цвет ссылки меняется в зависимости от ваших действий. Вначале один, когда подносите курсор — другой, когда нажали на нее — третий. Все это задается в файле CSS. Для Вас пока это не надо. Вам нужно блог настроить и статьи писать для продвижения.

      Вы активно занимаетесь с блогом — почитайте, как делать бекап https://moi-start.ru/rezervnaya-kopiya-sajta-kak-sdelat-bekap-sajta.html/.
      если не получится, обращайтесь в службу поддержки хостинга, они всегда помогают.

  16. Геннадий

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

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