Как ускорить загрузку сайта: Часть 6 — кэшированние страниц. Wordpress кэш браузера

включить кэш браузера, включить сжатие

Гугл плохого не посоветует. Я тут недавно прочитал, что с помощью утилиты PageSpeed Insights от Google можно не только оценить скорость загрузки вашего сайта, но и получить конкретные рекомендации по устранению недостатков.Проверим это на практике — запускаем тест от Google:

Вбиваем URL нашего сайта и видим не только количество набранных баллов, но и рекомендации по увеличению скорости загрузки:
• включить кэш браузера;
• включить сжатие.

Делаем резервную копию файла .htaccess для 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>

• для включения сжатия:

# сжатие 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>

P.S. У меня несколько хостингов и везде данный прием работал. Но попробовав на beget.ru я не увидел увеличения скорости загрузки (и прирост баллов).

Кстати, все его сервера, даже начального уровня, работают на SSD-дисках.

Удачи вам и профита.

siteask.ru

WordPress Super Cache - используем кеш браузера для ускорения сайта.

Зачем использовать кэш браузера?

Кэширование важно для оптимизации веб-сайта, созданного на WordPress, поскольку оно увеличивает скорость загрузки страниц. Посетителям сайта не понравится его долгая загрузка, в результате чего они могут просто покинуть ваш сайт, не дождавшись информации, тем самым увеличивая количество отказов. Такие поведенческие параметры плохо отражаются на ранжировании сайта поисковыми системами, которые понижают его позиции в поисковой выдаче. Чтобы этого не произошло, подключите плагин WordPress Super Cache, который автоматически выполнит работу по кэшированию страниц.

Описание и возможности плагина

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

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

Что еще умеет делать WordPress Super Cache плагин:

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

Виртуальный хостинг сайтов для популярных CMS:

Установка плагина WP Super Cache

Плагин можно найти в репозитории WordPress. Для этого войдите в админ-панель под своим логином и паролем.

• Выберите меню «Плагины» (1) и нажмите «Добавить новый» (2).
• В строке поиска напечатайте название плагина WP Super Cache (3).
• Найдите в появившемся списке нужный вариант и нажмите кнопку «Установить» (4).
• После установки активируйте плагин, нажав соответствующую кнопку.

Даже после активации плагин WP Super Cache по умолчанию отключен, поэтому вверху экрана вы увидите соответствующее предупреждение.

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

На странице с настройками вы можете увидеть еще одно уведомление об изменении файла wp-config.php, после обновления страницы оно исчезнет.

Чтобы заставить плагин работать:

1. Выберите опцию «Кэширование включено»
2. Нажмите кнопку «Обновить».
3. Затем выполните проверку правильности подключения плагина, используя кнопку «Проверить».

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

В противном случае сообщение выводится красным цветом и необходимо будет искать причину неполадки.

Настройки плагина WordPress Super Cache - как включить и настроить кеширование

WP Super Cache представляет собой мощный плагин с большим количеством опций, многие из которых дополнительно могут улучшить производительность сайта. В панели расширенных настроек плагина предоставляется возможность гибкого управления параметрами кэширования веб-страниц.

Убедитесь, что кэширование включено, и выберите один из трех режимов обслуживания кэша:

1. mod_rewrite – это самый быстрый вариант, который позволяет WordPress обслуживать статические страницы из кэша без обращения к PHP интерпретатору на сервере;
2. режим PHP используется по умолчанию и потребляет больше ресурсов, что может оказаться невыгодным в случае большой загруженности сервера;
3. упрощенное кэширование менее производительное, чем предыдущие варианты, но и ресурсов затребует минимум.

Следующие параметры требуют настройки в разделе «Разное».

1. Опция «Сжимать файлы кэша» может конфликтовать с другими алгоритмами сжатия. Если к сайту подключены еще плагины, обеспечивающие сжатие, не устанавливайте этот флажок.
2. Кэширование страниц не требуется для авторизованных пользователей или тех, кто оставляет комментарии на сайте. Включите эту опцию, чтобы разрешить таким посетителям просмотр страницы в ее текущем виде.
3. Автоматическая перестройка кэша не нужна, если на сайте имеется часто обновляемая информация. В противном случае посетители увидят устаревшие страницы.
4. Ошибка 304 возникает, когда сервер сообщает браузеру, что со времени последнего визита содержимое страницы не изменилось. В этом случае загрузка происходит из кэша браузера, что дополнительно ускоряет работу сайта.
5. На странице с параметром GET присутствует поиск по определенным критериям (даты, цена), специфичным при каждом посещении. Такие страницы кэшировать не нужно.
6. Если зарегистрированные пользователи считаются анонимными, кэшированые страницы будут выдаваться всем без исключения.
7. Последняя опция в этом разделе – это реклама плагина со встроенной в футере ссылкой на автора.

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

1. Если на сайте присутствуют динамические элементы, при кэшировании некоторые из них могут работать неправильно. В этом случае потребуется режим упрощенного или PHP-кэширования и включенная опция динамического кэширования.
2. Для сайтов, разработанных специально для мобильных устройств, потребуется включить поддержку, если шаблон не является адаптивным.
3. Опция «Убрать поддержку UTF-8» не требуется, если все символы на сайте отображаются нормально.
4. Очистку файлов кэша при новых публикациях можно включить, если сайт часто обновляется.
5. Дополнительная сверка понадобится, если возникают проблемы с кэшированием какой-либо страницы.
6. Если посетитель оставил комментарий на странице, после его модерации кэш обновится.
7. Посмотреть кэшированные страницы можно на владке «Состояние кэша», поэтому опция необязательна.
8. Опция замедляет работу файлов, предупреждая возможную проблему на сервере при кэшировании страниц.
9. Опция для разработчиков загружает кэш только после загрузки WordPress.

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

Если вы выбрали способ кэширования страниц методом mod-rewrite, плагин запросит обновление прав на запись. Для этого прокрутите страницу вниз до кнопки «Обновить правила Mod-Rewrite» и нажмите ее.

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

Вы можете запретить кэширование определенной информации на сайте (например, раздел с постоянно обновляющейся информацией), установив флажок в нужном разделе «Допустимые имена и Запрещенные адреса» или вручную дописать адреса страниц.

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

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

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

• Для экономии ресурсов сервера.
• Чтобы повысить скорость загрузки сайта.
• Чтобы обслуживать старый сайт, контент которого больше не обновляется.

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

Вкладка «Плагины» понадобится, только если вы собираетесь подключить другие плагины, не влияющие на кэширование файлов.

Имейте в виду, некоторые из них работают только в режиме PHP-кэширования. Для специалистов на вкладке «Обслуживание» включается режим отладки и опция сохранения логов.

Использование кеша браузера, как почистить кеш ВордПресс

Через некоторое время работы плагина WP Super Cache вы заметите формирование кэша для сайта. Правильная настройка плагина значительно улучшит время загрузки сайта. Кэшированные страницы хранятся в виде HTML или PHP файлов на сервере вашего хостинга. Обычно сервер знает, какие страницы были обновлены, и выдает пользователю свежую версию. Однако, если возникают проблемы с отображением обновленной информации, можно вручную очистить кэш. Удалите кэшированные страницы с сервера, используя команду на панели управления «Удалить весь кэш» или нажав на такую же кнопку в настройках плагина.

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

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

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

www.ipipe.ru

Разгоняем WordPress с помощью PageSpeed. | Делитант

Продолжая тему уменьшения времени загрузки страниц блога (сайта), оптимизирую свой WordPress-блог. Помогает в этом нужном деле сервис PageSpeed, анализирующий сайт, и выдающий общие рекомендации по оптимизации его времени загрузки. Пользоваться PageSpeed можно, как отдельно (среди инструментов Google), так и в виде удобного расширения для браузеров Google Chrome или Firefox (скачать здесь).

Тема оптимизации WordPress по рекомендациям PageSpeed достаточно объёмна, поэтому будет изложена мной в серии статей. Сегодня первая часть.

Первым делом проанализируем сегодняшнее состояние блога, до начала оптимизации. Для этого укажем его URL на странице PageSpeed или воспользуемся плагином.

Принцип работы с PageSpeed – разогнать сайт до 100 возможных единиц из 100. На начало работы мой блог показывает:

• для главной – 80/100;
• для записи – 87/100;
• для метки – 85/100;
• для рубрики – 84/100.

Рекомендации системы по оптимизации, в зависимости от важности, отличаются цветом.

Высокий приоритет – максимальный результат, при минимальных усилиях.

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

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

Рекомендации PageSpeed для оптимизации времени загрузки блога:

1. Используйте кэш браузера.
2. Включите сжатие.
3. Встройте небольшие CSS.
4. Уменьшите число переадресаций.
5. Объедините изображения в CSS-спрайты.
6. Отложите синтаксический анализ JavaScript.
7. Предоставляйте ресурсы с одного и того же URL.
8. Используйте Keep-Alive.
9. Сократите HTML.
10. Встройте небольшие ресурсы JavaScript.
11. Не используйте некорректные запросы.
12. Не используйте правило CSS @import.
13. Сократите JavaScript.
14. Оптимизируйте изображения.
15. Укажите валидатор кэша.
16. Сократите CSS.
17. Укажите размеры изображений.
18. Удалите строки запросов из URL статических ресурсов.
19. Укажите заголовок Vary: Accept-Encoding.

Давайте разбираться и устранять недостатки по-порядку.

1. Используйте кэш браузера.

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

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

Вот такой код, добавленный в файл .htaccess позволил использовать кэш браузера практически на 100%.

# Cache-Control<ifModule mod_headers.c># 30 дней<filesMatch "\.(ico|pdf|flv|jpg|jpeg|png|gif|swf)$">Header set Cache-Control "max-age=2592000, public"</filesMatch># 30 дней<filesMatch "\.(css|js)$">Header set Cache-Control "max-age=2592000, public"</filesMatch># 2 дня<filesMatch "\.(xml|txt)$">Header set Cache-Control "max-age=172800, public, must-revalidate"</filesMatch># 1 день<filesMatch "\.(html|htm|php)$">Header set Cache-Control "max-age=172800, private, must-revalidate"</filesMatch></ifModule>

2. Включите сжатие.

Gzip-сжатие — это технология сжатия страниц сервера во время запроса, отсылка в сжатом состоянии, а потом распаковка браузером, которая позволяет сжимать страницы приблизительно в 3-4 раза (хотя возможно и больше если на странице много текстовой информации) и вследствие чего экономит трафик и ускоряет загрузку страниц.

Чтобы включит gzip-сжатие для WordPress нужно открыть файл index.php из корневого каталога и между строчками

и

/** * Front to the WordPress application. This file doesn't do anything, but loads * wp-blog-header.php which does and tells WordPress to load the theme.

вставить:

Мой файл index.php после внесенных изменений:

/** * Tells WordPress to load the WordPress theme and output it. * * @var bool */define('WP_USE_THEMES', true);

/** Loads the WordPress Environment and Template */require('./wp-blog-header.php');

Эффективность gzip-сжатия страниц сайта наглядно демонстрирует сервис GIDZipTest.

Размер страницы уменьшился с 30 до 9 Кбайт.

3. Встройте небольшие CSS.

Обычно в каждой теме WordPress существует один файл style.css. Но после различных изменений, в том числе и установки некоторых плагинов, могут появится еще файл .css добавляющие определённые свойства. Смысл в том, чтобы скопировать содержимое дополнительных файлов .css  в основной, а их “отключить” (не загружать).

Например, в моей теме подключается дополнительный файл стилей widgets.css.

Я копирую содержимое файла в style.css, а в шаблоне “шапки темы” (header.php) удаляю строчку

<link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/widgets.css" type="text/css" media="screen" />

Сложнее, если файл .css подключен через плагин (придётся редактировать файлы плагина), но сделать это можно всегда.

На этом заканчиваю первую часть серии статей о “разгоне” WordPress с помощью сервиса PageSpeed.

Продолжение следует…

GD Star Ratingloading...

Буду благодарен, если поделитесь этой статьей в социальных сетях:

delitant.ru

ИСПОЛЬЗУЙТЕ КЕШ БРАУЗЕРА УСКОРЕНИЕ САЙТА НА WORDPRESS (ВОРДПРЕСС) ПРАКТИКА — Webteam.studio

Все кто сталкивался с задачей оптимизации сайта на WordPress читали рекомендацию Google Page Insight:

Используйте кеш браузера

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

И так начнем: имеем проект, имеем пожелание Google

Использование «кеша» браузера для ускорения скорости загрузки WordpPress

Изначально в .htaccess ВордПрес по умолчанию следующий код:

Добавляем магические строки:

Результат:

Пускай еще не Google Green )) но шаг вперед мы сделали.

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

Источник: https://gist.github.com/Zodiac1978/3145830

Обсуждение: http://stackoverflow.com/questions/7704624/how-can-i-use-gzip-compression-for-css-and-js-files-on-my-websites

Следуйте рекомендациями поисковых систем, делайте свои сайты еще лучше!!!

webteam.studio

Включаем кеш браузера на стороне пользователя

👁3 513 просм.

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

Зачем включать кеш браузера на стороне пользователя

Зачастую при создании нового сайта программисты не особо уделяют внимание скорости загрузки сайта браузером. Особенно если на этот пункт не было сконцентрировано внимание в Техническом Задании для разработки сайта. И после выхода нового творения в свет, веб-специалист, который занимается развитием и продвижением данного проекта может наблюдать очень печальную картину, просканировав сайт на скорость загрузки в PageSpeed Insights от Google.

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

И одна из рекомендаций сервиса PageSpeed, как раз необходимость включить кеш браузера.

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

А причины для этого как минимум две:

1. Если сайт долго загружается, то пользователь может не дождаться ваших супер эффектов, задуманных дизайнером для привлечения внимания, а просто закроет ваше творение искусства и попросту перейдет на сайт конкурентов, возможно менее красочный, но более быстрый и отзывчивый. Ведь никто из нас не любит долго ждать. 🙂
2. Чем дольше скорость загрузки сайта, тем ниже его будут выдавать поисковые системы по ключевым запросам, относительно сайтов ваших конкурентов. А это уже существенная угроза развитию вашего бизнеса.

Как включить кеширование файлов в браузере на стороне пользователя

Если ваш проект разработан на популярной CMS WordPress, то есть множество плагинов, позволяющих решить проблему кеширования. Самые популярные из них W3 Total Cache, WP Super Cache, Hyper Cache. Но в этой статье я предлагаю рассмотреть более надежный, по моему мнению, способ включения кеширования через файл .htaccess непосредственно  на хостинге.

Обратите внимание, что предлагаемые методы будут работать только в том случае, если на сервере вашего хостинг-провайдера установлено ПО Apache.

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

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

Включение кеширования в браузере на стороне пользователя при помощи модуля mod_headers

Для включения функции кеширования приведенный ниже код надо вставить в файл .htaccess, который расположен в корневом каталоге вашего сайта. Во избежание появления ошибок, вставлять код нужно перед строчкой # END WordPress:

# Включение кеша в браузерах посетителей сайта <ifModule mod_headers.c> # Все html и htm файлы будут храниться в кеше браузера 12 часов <FilesMatch "\.(html|htm)$"> Header set Cache-Control "max-age=43200" </FilesMatch> # Все css, javascript и текстовые файлы будут храниться в кеше браузера 7 дней <FilesMatch "\.(js|css|txt)$"> Header set Cache-Control "max-age=604800" </FilesMatch> # Все флеш файлы и изображения будут храниться в кеше браузера 31 день <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>

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

Включение кеширования в браузере на стороне пользователя при помощи модуля mod_expires

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

<ifModule mod_expires.c> ExpiresActive On #по умолчанию кеш в 30 секунд ExpiresDefault "access plus 30 seconds" # Включаем кеширование изображений и флеш на 1 месяц 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 и текстовых файлов на 7 дней 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 файлов на 12 часов ExpiresByType text/html "access plus 43200 seconds" # Включаем кеширование xml файлов на 10 минут ExpiresByType application/xhtml+xml "access plus 600 seconds" </ifModule>

В данном коде вы можете заменить значения month, weeks, days, minutes, seconds на свои, если это будет необходимо, и вы посчитаете нужным увеличить или уменьшить время жизни кеша.

Заключение

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

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

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

Расскажите, была ли полезной для вас эта статья?

web-specialist.info

Ускорить WordPress | htmlhook.ru

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

1. Почему так важна скорость загрузки веб-страниц
2. Улучшение рейтинга в поисковых системах
3. Повысить коэффициент конверсии
4. Тест скорости сайта
5. Проблемы с производительностью в WordPress
6. Факторы влияющие на производительность WordPress
7. Специализированный хостинг для WordPress
8. Выбор темы для сайта WordPress
9. Количество плагинов
10. Держать сайт в чистоте
11. Сократить и объеденить JavaScript и CSS
12. Оптимизировать изображения
13. Использовать кэш браузера
14. Отображение контента
15. Заключение

В этой статье мы рассмотрим:

1. Почему так важна скорость загрузки веб-страниц
2. Некоторые практические советы о том, как ускорить сайт WordPress
3. Плагины для оптимизации работы сайта WordPress

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

Почему так важна скорость загрузки веб-страниц

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

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

— О_о какой быстрый сайт!

— посмотрю-ка Я еще одну страницу

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

Впечатление пользователя это не единственное преимущество. Если Вы разработчик веб-сайтов этим Вы покажите свой опыт работы в создании качественных сайтов. Согласно KISSmetrics 47% запросов ожидают загрузку страницы в течение двух секунд, если дольше, скорее всего будет отказ от запроса.

Улучшение рейтинга в поисковых системах

В 2010 году, в документации Google был намёк, что скорость загрузки сайта будет рассматриваться как важный фактор для ранжирования. Сейчас Google предлагает широкий спектр инструментов и средств, предназначенных помочь веб-разработчикам делать сайты быстрыми.

Повысить коэффициент конверсии

Большинство веб-сайтов содержат рекламные ссылки что бы было чем оплатить услуги хостинга, домена (на пиво), так вот скорость загрузки сайта на 1% может повысить коэффициент конверсии CTR (кликобельность).

Тест скорости сайта

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

Наиболее популярные инструменты для теста скорости сайта:

Эти сервисы предоставят Вам список рекомендаций как улучшения скорость сайта.

PageSpeed Insights предоставляет значение для мобильного использования.

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

Проблемы с производительностью в WordPress

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

P3 — это невероятно удобный плагин WordPress, который предоставляет детальную информацию о времени загрузки плагинов. Это очень простой способ диагностики потенциальных проблем.

Я раньше не знал что для загрузки плагина All In One Seo Pack требуется 0.0412 секунд, еще одна причина избавится от него.

Факторы влияющие на производительность WordPress

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

Специализированный хостинг для WordPress

Когда дело доходит до хостинга, дешевле не всегда лучше. Если вы серьезно относитесь к производительности вашего веб-сайта, убедитесь, что Вы правильно выбрали хостинг-провайдера. WordPress — это не самая большая CMS, но, от хостинга требования есть.

Я всем рекомендую хостинг Ukraine — это не реклама, смотрите сами. На снимке полный список настроек оптимизации сайта.

Настройки оптимизации сайта абсолютно бесплатны!

Выбор темы для сайта WordPress

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

Тема WordPress с большой функциональностью также является важным фактором, так как это уменьшит необходимость в дополнительных плагинах. Но. темы с большой функциональностью как правило платные их стоимость превышает 70 долларов США.

Бесплатные темы для WordPress по адресу http://wordpress.org/themes/

Количество плагинов

Количество дополнительных плагинов для вашего сайта WordPress изначально зависит от установленной темы. Чем меньше установленных плагинов в системе WordPress тем лучше. Потому что почти каждый плагин имеет свою таблицу CSS и файлы JavaScript. Это всё дополнительные http-запросы и байты, которые прямым образом влияют на скорость загрузки веб-страниц.

Держать сайт в чистоте

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

Комментарий trackback/pingback — это обычный спам, это одна из SEO тактик. Боты на веб-сайт добавляют внешние ссылки в пользу SEO. Ваш сайт будет постоянно посещаться ботами, используя ресурсы вашего сервера. Это не редкость, есть сайты которые стали жертвами спама в комментариях до тысячи ссылок в одну строку.

Можно отключить комментарии, если Вы не нуждаетесь в них используйте плагин Akismet (по умолчанию в WP) или другую службу, которая помогает запретить спам.

Если ваш сайт уже занял первое место по спаму в комментариях, есть несколько плагинов, которые могут помочь вам стать на верный путь, а именно:

Сократить и объеденить JavaScript и CSS

JavaScript, CSS и web-font делают наши сайты красивыми и более удобными для просмотра, но, они же и влияют на скорость загрузки веб-страницы. Из HTTP архива средний размер передачи всех ответов, с июня 2013 по июнь 2014 года увеличилось, в то время как количество запросов осталась без изменений.

Сокращение HTML, JavaScript и CSS — уменьшает размер файлов, которые должны быть загружены, это процесс очистки пробелов из этих файлов.

Сжатие кода JavaScript позволяет сократить объем данных, чтобы ускорить загрузку, обработку и выполнение. Способы сжатия файлов HTML, JavaScript и CSS подробно описаны на странице Сжатие HTML, JavaScript и CSS

Файлы могут также быть объединены, уменьшая число запросов во время загрузки страницы. Результат: более быстрое время загрузки. Вот способы  сократить и объединить файлы в WordPress:

Оптимизировать изображения

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

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

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

Использовать кэш браузера

Хорошо что изображения и файлы JavaScript, CSS можно добавить в кэш браузера. Использовать кэш браузера для изображения, JavaScript и CSS можно с помощью простого кода, его достаточно добавить в файл .htaccess.

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

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

Простой тест, с помощью ab сделает 100 запросов (5 одновременных подключений) будет выглядеть так:

$ ab-n 100-c 5 http://example.ru/

Отображение контента

Если у вашего сайта большое количество посещаемости и Вам нужно увеличить скорость работы веб-сайта, отображение контента (CDN) может решить эту задачу.

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

Популярные CDN:

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

Заключение

В этой статье мы рассмотрели много факторов, которые влияют на производительность сайта. Настройка производительности — это постоянный процесс мониторинга и совершенствования.

Подводим итоги:

• Выбрать качественный хостинг
• Выбрать качественные темы и плагины
• Запустить тест скорости для выявления проблем производительности
• Уменьшить количество плагинов
• Сократить и объединить файлы
• Оптимизировать изображения
• Держать ваш сайт в чистоте
• Использовать кэширование и CDN

Если вы ищете более подробную информацию о производительности веб-приложений, смотрите Web Performance Optimization и официальная страница WordPress Codex.

htmlhook.ru

Ускоряем сайт на Wordpress: кэшированние страниц

Продолжение.Начало поста Ускоряем сайт на WordPress читайте на этой странице.

13. Не происходит кэширования в браузерах пользователей:

Как происходит ускорение загрузки сайта при помощи кэширования в браузерах?Все страницы одного сайта содержат похожие элементы, (шапка, сайтбар, фоновые картинки, футер).Когда пользователь переходит на новую страницу, его браузер повторно загружает одни и те же элементы и на этот процесс уходит время. Если браузеры посетителей будут сохранять у себя в памяти эти повторявшиеся элементы (кешировать), то загрузка сайта будет происходить намного быстрее.При кэшировании браузером, ускорение загрузки сайта происходит только при повторном его посещении. То есть при первом посещении в браузере пользователей происходит кэширование, а при повторном посещении загрузка основных элементов будет происходить не с сервера, а из кеша браузера.Чтобы в браузерах посетителей происходило кэширование, нужно указать Web серверу, на котором хостится ваш сайт, чтобы он отдавал браузерам команды кешировать статические элементы сайта.Сделать это мы можем при помощи инструмента удаленного управления Web сервером - файла .htaccess.(Если вы не знаете, где находится файл .htaccess, прочитайте статью сначала).Откройте файл .htaccess и добавьте в него приведенный ниже код.

# кеширование в браузере на стороне пользователя <ifModule mod_expires.c> ExpiresActive On ExpiresDefault “access 7 days” ExpiresByType application/javascript “access plus 1 year” ExpiresByType text/javascript “access plus 1 year” ExpiresByType text/css “access plus 1 year” ExpiresByType text/html “access plus 7 day” ExpiresByType text/x-javascript “access 1 year” ExpiresByType image/gif “access plus 1 year” ExpiresByType image/jpeg “access plus 1 year” ExpiresByType image/png “access plus 1 year” ExpiresByType image/jpg “access plus 1 year” ExpiresByType image/x-icon “access 1 year” ExpiresByType application/x-shockwave-flash “access 1 year” </ifModule> # Cache-Control <ifModule mod_headers.c> # 30 дней <filesMatch “.(ico|pdf|flv|jpg|jpeg|png|gif|swf)$”> Header set Cache-Control “max-age=2592000, public” </filesMatch> # 30 дней <filesMatch “.(css|js)$”> Header set Cache-Control “max-age=2592000, public” </filesMatch> # 2 дня <filesMatch “.(xml|txt)$”> Header set Cache-Control “max-age=172800, public, must-revalidate” </filesMatch> # 1 день <filesMatch “.(html|htm|php)$”> Header set Cache-Control “max-age=172800, private, must-revalidate” </filesMatch> </ifModule> # использование кеша браузеров FileETag MTime Size <ifmodule mod_expires.c> <filesmatch “.(jpg|jpeg|gif|png|ico|css|js)$”> ExpiresActive on ExpiresDefault “access plus 1 year” </filesmatch> </ifmodule> #Запрет отдачи HTTP-заголовков Vary браузерам семейства MSIE <ifModule mod_setenvif.c> BrowserMatch “MSIE” force-no-vary BrowserMatch “Mozilla/4.[0-9]{2}” force-no-vary </ifModule>

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

Примечание: описанный способ будет работать только на Web серверах под управлением Apache, но это, как правило, 99 всех Web серверов.После того, как вы внесли изменения в файл .htaccess и сохранили их, еще раз откройте в FireFox страницу вашего сайта и обновите данные, собранные Page Speed, нажав на кнопку «Refresh Analysis»Красный маркер возле пункта "Используйте кэш браузера" должен смениться зеленой птичкой.Если изменений в Page Speed не произощло, напишите вашему хостеру.Возможно на вашем сервере статические обьекты кешируются по умолчанию, а Page Speed по какой то причине этого не видит.В любом случае этот вопрос лучше обсудить с хостером.Продолжение поста Ускоряем сайт на WordPress читайте дальше.

prodengiblog.ru

Смотрите также

• 
  Яндекс браузер кодировка
• 
  Скайп вход браузер
• 
  Скайп браузер вход
• 
  Эксплорер история браузера
• 
  Outlook в браузере
• 
  Вконтакте браузер вход
• 
  Браузер на python
• 
  Стратегия в браузере
• 
  Диспетчер задач браузера
• 
  Обновить браузер explorer
• 
  Звонок из браузера