План статьи

Для Google, Яндекса и других поисковых систем скорость загрузки сайта является важным фактором ранжирования. Рассмотрим ускорение загрузки и работы сайта на CMS WordPress. Результаты работы можно увидеть в конце поста.

Цель: Ускорить загрузку и работу сайта на CMS WordPress плагинами (без правки кода).

Шаг 1. Анализ текущей ситуации со скоростью загрузки.

Ускорение этого блога я делал еще в феврале 2015 года, поэтому скриншота прошлого состояния не сохранилось. По памяти помню, что сервис PageSpeed Insights показывал скорость загрузки 50/55 для мобильных/ПК. Состояние было плачевное и я задумался про ускорение.

Проанализируйте свой сайт на WordPress с помощью сервиса Google PageSpeed Insights и если результат загрузки сайта меньше 85 — читайте дальше.

Шаг 2. Устанавливаем плагины для ускорения.

WP Fastest Cache

Плагин для кэширования сайта, сжатия файлов, минимизации и объединения css, js, очень широкий функционал. Плагин в нужной комплектации бесплатный.

Зайдите в админке сайта на WP в «Плагины» -> «Добавить новый». Впишите название плагина, нажмите «Поиск». Первый плагин с изображением животного кошачьего типа — наш плагин. Устанавливаем.

EWWW Image Optimizer

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

Зайдите в админке сайта на WP в «Плагины» -> «Добавить новый». Впишите название плагина, нажмите «Поиск». Первый плагин с изображением молотка, который бьет по картинкам — наш плагин. Устанавливаем.

Шаг 3. Настройка ускорения сайта на WordPress

Настроим кеширование и минимизацию css, js файлов. В панели администратора новым пунктом меню у вас появился WP Fastest Cache. Зайдите по ссылке, внизу вы увидите поле language, установите русский язык. Установите галочки во всех пунктах, как на скриншоте ниже. В другие вкладки плагина можете не заходить — там платные функции, за которые вам вряд ли захочется отдавать деньги.

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

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

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

Результаты шикарные. С 50 сразу стало 81 (опять-таки, по памяти). Почитав рекомендации Гугла нашел множество проблем загрузки, связанной с плагином, который предназначен для красивого вывода программного кода на блоге. После того, как я его снес — это значение поднялось до 91! Вот, что показала Яндекс Метрика — отчет по загрузке страниц:

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

Дополнительно

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

Это заметно снижает скорость загрузки и отношение Google к сайту. Простой пример — в моем блоге на главной вы увидите над лентой последних постов текст и небольшое фото. Если бы я поставил в атрибут src тега img ссылку на изображение оригинал разрешением ~1000×2000 и вывел картинку 100×100, серверу пришлось бы загружать изображение 1000×2000, браузер сжал бы ее до нужных размеров, которые я прописал в стилях отображения, но реально-то загружался оригинал. Поэтому я не поленился отресайзить её в Photoshop и только после этого использовать в шаблоне. Загружайте изображения ровно в таком разрешении, в котором хотите её отобразить.

Меньше графики — быстрее сайт.

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

Меньше плагинов — меньше запросов к базе данных.

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

Если у вас возникли проблемы с ускорением сайта на WordPress или возникли вопросы по теме — пишите в комментарии или на почту через форму слева — постараюсь помочь.

Рано или поздно все начинающие веб-мастера сталкиваются с проблемой скорости загрузки страниц сайта. Владельцы сайтов на платформе WordPress не являются исключением. Спустя месяц-два все сайты на WordPress начинают «тупить», причиной того может стать много факторов. В данной статье мы разберем основные причины и способы как ускорить сайт на wordpress.

Навигация по странице:

10 советов по ускорению загрузки сайта на WordPress

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

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

Давайте перечислим как возможно ускорить сайт на wordpress:

• gZIP сжатие;
• уменьшаем css и JavaScript;
• сокращение размера заголовка отзыва;
• очистка базы данных от мусора;
• убрать лишний JavaScript;
• использовать кэширование для статического контента;
• расположение css и JavaScript;
• пользуйтесь поддоменами для паралельного скачивания;
• откажитесь от ненужных плагинов;
• выберите быстрый хостинг для своего сайта.

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

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

Как проверить включено ли gzip сжатие

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

Если по результатам проверки вы получите следующее:

Значит ваши данные сжимаются и у вас все правильно работает.

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

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

Чем больше у нас на загружаемой странице компонентов, таких как:

• картинки;
• скрипты;
• флеш анимации и т.д.

тем медленнее она грузиться. Ведь правило протокола HTTP/1.1 ставит ограничение одновременной загрузки компонентов с одного хоста на уровне 2 штук. Таким образом у наши части страницы грузятся медленно и частями. Решение этой проблемы так же есть, и его мы детально разберем в следующей публикации.

Бывает так, что веб-мастер по незнанию или забывчивости забывает чистить базу данных, которая имеет свойство чрезмерно расти, особенно в WordPress.

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

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

Совет 6. Использование кэширования позволит как ускорить сайт на wordpress

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

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

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

Совет 7. Правильно располагайте ваши css и JavaScript включения.

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

В то же время Google рекомендует опускать все файлы стилей вниз документа, якобы они мешают загрузке контента, по сути так оно и есть. Что же выбрать в данном случае? Этот спор поможет решить небольшой эксперимент. Если у вас «тяжелый» CSS файл, с огромным количеством правил, и при загрузке страницы сайта, все элементы прыгают, тогда размещайте в хедере, если же при расположении подключения стилей в футере ничего такого не происходит, тогда лучше оставить его внизу. Нужно из двух зол выбирать меньшее.

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

Совет 8. Пользуйтесь поддоменами для параллельного скачивания

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

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

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

Представлена отдельно.

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

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

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

• Перевод

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

1 Тестируем текущую скорость

Не забудьте обновить до последней версии PHP и Apache .

3.1 Отключите неиспользуемые сервисы

• Удалите ClamD;
• Настроить SpamD на использование только 1 дочернего процесса;
• Удалите Mailman, если, конечно, вы не собираетесь запускать почтовый сервис.

3.2 MYSQL Query Cache

query_cache_type = 1
query_cache_limit = 2M
query_cache_size = 20M

3.3 Кэш компилятора: XCache или Eaccelerator?

3.4 Увеличьте максимальное число соединений на Apache

max_connections = 150

4 Оптимизация кода и графики

4.1 Отключите хотлинки

< IfModule mod_rewrite .c >
RewriteEngine on
RewriteCond %{HTTP_REFERER} !^$
RewriteCond %{HTTP_REFERER} !^http://(www\.)?example\.com/.*$
RewriteRule .*\.(gif|jpg|png|ico)$ -

4.2 Используйте внешний хостинг для хранения изображений

4.3 Сжимайте java-скрипт код

4.4 Javascript в начале страницы

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

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

4.6 Сжимайте статические данные

AddOutputFilterByType DEFLATE text/html text/plain text/xml application/xml application/xhtml+xml text/javascript text/css application/x-javascript
BrowserMatch ^Mozilla/4 gzip-only-text/html
BrowserMatch ^Mozilla/4.0 no-gzip
BrowserMatch bMSIE !no-gzip !gzip-only-text/html

4.7 Используйте CDN для статических файлов

5 Wordpress

5.1 Обновитесь до последней версии

5.2 Отключите Post Revisions

define("WP_POST_REVISIONS", false);

DELETE a,b,c
FROM wp_posts a
LEFT JOIN wp_term_relationships b ON (a.ID = b.object_id)
LEFT JOIN wp_postmeta c ON (a.ID = c.post_id)
WHERE a.post_type = "revision"

5.3 Сократите количество запросов

< meta http-equiv ="Content-Type" content ="< ?php bloginfo ("html_type" ); ?> ; charset= " />

< meta http-equiv ="Content-Type" content ="text/html; charset=UTF-8" />

6 Wordpress Plugins

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

Несколько отличных сервисов для проверки скорости сайта:

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

Многие проверяют скорость только главной страницы — это ошибка! Всего 10% посетителей увидят вашу главную страницу, все остальные люди будут читать статьи.

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

В сервисе WebPageTest обязательно нажимайте на кнопку waterfall, что бы получить все данные в форме водопада. Это даст нам данные о TTFB (скорости передачи первого байта от хостинга) и путь рендеринга (когда пользователь получает отображенный сайт).

10 шагов по ускорению WordPress

1. Скорость хостинга — TTFB

Быстрый и качественный хостинг позволяет молниеносно передавать мегобайты данных о вашем сайте пользователям. Но как определить скорость и качество хостинга?

Переходим к анализа скорости сайта на WebPageTest. Стрелочкой я показал, за какой промежуток времени мой хостинг начинает передавать данные (первый байт информации или TTFB).Время составило 0,303 секунды, что достаточно хороший результат. Быстрый хостинг всегда показывает результаты от 0,2 до 0,4 сек — идеальные показатели!

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

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

2. Настройка WordPress

WordPress по какой-то причине передает много лишней информации из-за чего сайт не реально тормозит, особенно при большой посещаемости. Наша цель правильно настроить WP и убрать всё лишнее.

Первые делом переходим в административную панель > «настройки» > «написание» и убираем 2 галочки.Потом переходим во вкладку «обсуждение» и убираем галочки так же с двух пунктов. При желание в этой вкладке можно отменить пункт «показывать аватарку» это дает ускорение страниц на 10%, где есть аватарки.

Последнее, что осталось сделать это защитить сайт от различных атак, которые могут сильно нагружать сервер и заставлять тормозить сайт. А владелец сайта может даже не подозревать, что сайт тормозит из-за постоянных атак.
Плагин All In One WP Security позволит отвести практический любую угрозу от вашего сайта. Он может предотвращать спам в комментариях, поменять страницу входа, установить файрволл, защитить файлы от взлома, защитить базу данных и поменять пароли и доступы к самым нужным файлам.

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

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

Как известно поисковая система Google оценивает сайт более чем по 300-м параметрам, а Яндекс пошел ещё дальше и учитывает более 700 факторов, которые влияют на поисковую выдачу. Большинство из низ не известно, но мы совершенно точно знаем как минимум пару десятков наиболее важных параметров, которые должны быть на высоте, если вы хотите чтобы сайт пробился в топ. Один из таких скорость загрузки вашего ресурса.

Кроме того сама характеристика скорости делится на несколько пунктов, а именно:

• Кеш браузера
• Код JavaScript и CSS
• Код HTML
• Размеры изображений и их «вес»
• Сжатие gzip
• Размеры элементов
• Всплывающие окна
• Работа сервера
• Количество элементов на страницу

Начинаем битву за скорость WordPress

Шаг №1. Как проверить скорость загрузки сайта и определить проблемные места?!

Сервисы для анализа сайта

Сервисы для анализа сайта

Для начала мы проверяем свой сайт для этого воспользуемся двумя замечательными бесплатными сервисами. Определение скорости загрузки – Google PageSpeed Tools и анализ сайта PR-CY . Есть и другие, но я думаю это лучшие, они дают наиболее точную оценку.

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

Шаг №2. Меняем размеры и «вес» изображений на сайте

Как уменьшить изображения

Как уменьшить изображения

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

Уменьшаем размер перед загрузкой на сайт.

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

Используем плагины WordPress.

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

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

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

Плагины WordPress для сжатия изображений:

• Плагин WP — EWWW Image Optimizer
• Плагин WP — TinyPNG / TinyJPG
• Плагин WP — Resize Image After Upload
• Плагин WP — ShortPixel Image Optimizer
• Плагин WP — Kraken Image Optimizer
• Плагин WP — Imagify
• Плагин WP — Optimus
• Плагин WP — CW image optimizer
• Плагин WP — SEO Friendly Images
• Плагин WP — Lazy load
• Плагин WP — Compress JPEG and PNG images
• Плагин WP — BJ Lazy Load
• Плагин WP — Prizm Image

Также отмечу, что некоторые имеют как бесплатную версию, так и платную. Основное отличие – количество уже загруженных изображений, которые можно сжать на сервере.

Шаг №3. Оптимизируем отображение картинок на страницах wordpress. Улучшаем «юзабилити»

Пользователь сам определяет размер

Я думаю не стоит обсуждать, что быстрее загрузится картинка в полном размере или её миниатюра. Ответ очевиден! Но миниатюра не дает возможность рассмотреть ваш скрин или фото в полном объеме. Особенно если на них имеются надписи. Как быть!? Есть золотая середина, увеличение картинок по клику мышки, в этом нам поможет плагин wp — . Уверен он лучший в своем роде, у него вообще нет настроек. Установили – он работает – очень удобно и просто.

Итак что мы делаем. Устанавливаем и активируем плагин Auto-highslide . Все изображения должны отображаться в среднем размере, а в разделе ссылка должно стоять – «Медиафайл» — иначе плагин Auto-highslide не будет работать. Смотрите на скрин ниже.

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

К слову, плагин wordpress — Auto-highslide не доступен для скачивания из админки, вы можете скачать его с нашей группы ВКонтакте в разделе документы . А полная статья о нём .

Шаг №4. Кеширование страниц сайта wp

Настраиваем кеш WordPress

Настраиваем кеш WordPress

Кеширование страниц – это важнейший параметр скорости загрузки сайта. Вы можете иметь ошибки в CSS и JavaScript, но кеш должен быть настроен обязательно. Он способен увеличить скорость загрузки вашего ресурса в несколько раз. Да, да вы не ослышались в несколько раз!

Есть несколько вариантов

Первый – это откорректировать файл.htaccess, но я стараюсь не ковырять код собственных сайтов, чего и вам советую. Лучше доверится специалистам. Однако если вы хотите рискнуть, то в файл.htaccess вставляем следующий код:

FileETag MTime Size

ExpiresActive on

ExpiresDefault «access plus 1 year»

Второй способ , наиболее распространенный – использовать плагин кеширования. Самый простой среди них – это WP Super Cache. Он не конфликтный, простой в настройке и подходит большинству блогов на wordpress.

Скачать WP Super Cache можно из админки. Устанавливаем и активируем.

Настройки WP Super Cache

Всё делаем как на скринах ниже:

И не забывайте сохранять настройки на каждой вкладке!

Есть также и другие плагины wordpress для кеширования:

• Плагин WP — WP-Cache
• Плагин WP — Hyper Cache
• Плагин WP — WP-Cache.Com
• Плагин WP — WP Rocket
• Плагин WP — WP Fastest Cache
• Плагин WP — WP Fast Cache
• Плагин WP — Wordfence Falcon
• Плагин WP — W3 Total Cache
• Плагин WP — Super Static Cache
• Плагин WP — Really Static
• Плагин WP — Next Level Cache
• Плагин WP — Lite Cache
• Плагин WP — Hyper Cache Extended
• Плагин WP — Gator Cache
• Плагин WP — Flexicache
• Плагин WP — Cachify
• Плагин WP — AIO Cache
• Плагин WP — Alpha Cache
• Плагин WP — Bodi0’s Easy Cache
• Плагин WP — Zen Cache (formerly Quick Cache)
• Плагин WP — Quick Cache (Speed Without Compromise)

Среди всех перечисленных, отмечу W3 Total Cache – это самый популярный плагин кеширования, количество его скачиваний зашкаливают. Но он будет тяжелым в настройке для новичков, очень много параметров. Кроме того сайт может слететь при неправильной настройке и слабых серверах. Я читал что разработчики обещают выжать максимум с хостинга при его использовании.

Ускоряем отображение элементов страниц

Шаг №6. Уменьшаем количество HTTP запросов, сжатие gzip

Отличный плагин для ускорения

Отличный плагин для ускорения

Продолжаем ускорять wordpress. Первое что мы делаем в этом разделе – устанавливаем Far Future Expiration Plugin. Это достаточно простой плагин, он уменьшает количество HTTP запросов. Кроме того позволяет использовать gzip сжатие.

Настройки Future Expiration Plugin

Важно!!! Если вы уже используете gzip сжатие с другим плагином, то поставьте галочку Enable Gzip Compression, дабы не было конфликтов. Напомню – если вы установили плагины кеширования, то обратите внимание – они тоже используют gzip. Если у вас стоит W3 Total Cache или WP Super Cache, то галочка также должна стоять в Enable Gzip.

Шаг №7. Оптимизируем CSS, JavaScrit и HTML коды

Как оптимизировать коды на wordpress

При оптимизации кодов и их сокращения варианта два – ковырять блог или установить плагин. Я предложу самый простой из них. Вы уже наверно догадались?! Берем плагин Autoptimize. Он описан в статье .

Устанавливаем, активируем. И сохраняем настройки по умолчанию. Там сложного ничего нет.

У него кстати есть альтернативный вариант – это Better WordPress Minify.

Шаг №8. Как уменьшить время ответа сервера wordpress

Проблема на сервере или на сайте

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

Как решить проблему на сайте.

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

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

Шаг №9. Уменьшаем количество элементов на странице

Делаем сайт простым и понятным

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

То же должно быть и на вашем сайте! Уберите ненужные блоки из сайдбаров, сократите число рубрик, введите иерархию в разделах. В объемных статья добавьте шорткоды, возможно открывающиеся по клику пункты – например как в этой статье. Не используйте длинные HTML коды и скрипты, по возможности смещайте их в низ страницы. По возможности не используйте всплывающие окна – их никто не любит, ни поисковики, ни живые люди!!!

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

За сим Всё. Если у вас есть вопросы или дополнения к статье – пишите их в комментариях!

Вконтакте

Как известно поисковая система Google оценивает сайт более чем по 300-м параметрам, а Яндекс пошел ещё дальше и учитывает более 700 факторов, которые влияют на поисковую выдачу. Большинство из низ не известно, но мы совершенно точно знаем как минимум пару десятков наиболее важных параметров, которые должны быть на высоте, если вы хотите чтобы сайт пробился в топ. Один из таких скорость загрузки вашего ресурса. Кроме того сама характеристика скорости делится на несколько пунктов, а именно: Кеш браузера Код JavaScript и CSS Код HTML Время ответа сервера Загрузка видимого контента Размеры изображений и их «вес» Сжатие gzip…

Обзор