Как ускорить вордпресс. Как мега мощно ускорить свой wordpress блог? Отличный плагин для ускорения

Рано или поздно все начинающие веб-мастера сталкиваются с проблемой скорости загрузки страниц сайта. Владельцы сайтов на платформе WordPress не являются исключением. Спустя месяц-два все сайты на WordPress начинают «тупить», причиной того может стать много факторов. В данной статье мы разберем основные причины и способы как ускорить сайт на 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,воспользовавшись данными советами вы в разы, а то и в десятки раз сможете ускорить ваш сайт. Затраты на внедрения изменения в основном ложатся на временные активы, а выгода от них выше любых ожиданий.

Привет друзья. Это моя первая заметка в 2011 году и в ней я расскажу вам как вы можете ускорить свой блог на wordpress благодаря нескольким простым секретам. Да, кстати, всех с Новым Годом! Счастья вам и всех всех при всех благ!

Итак к делу. Сейчас я расскажу вам 10 фишек ускорения блога на wordpress. Лично я ускорил свой блог в три раза после того, как проделал все те действия о которых я сейчас вам поведаю.

Для начала пройдите на вот этот сервис и проверьте скорость загрузки вашего блога. Вбейте в поле формы адрес вашего блога (сайта), поставьте в 2-х остальных формах по «5» и жмите «Time It». Вот моя скорость (картинка снизу) после проделанной работы по ускорению блога. Вначале было 6,88 — что мне очень не понравилось, на самом деле это очень долго.

1. Самое главное. Установите плагин кэширования блога (советую Hyper Cache). Есть еще WP Super Cache, но если честно почему-то мне он не нравится. Hyper Cache намного лучше, проще и эффективнее. Почитать про установку и настройку данного плагина вы можете в этой статье -

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

2. Установите плагин - Optimeze DB . Это тоже не мало важный плагин для ускорения работы блога. Этот плагин оптимизирует всю вашу базу данных блога. После того как установите его, зайдите в него в админке. Инструменты - Optimeze DB и примерно 1-2 раза в месяц нажимайте на кнопку " optimize" . Когда оптимизировали, выключайте плагин, чтобы не нагружал блог!

3. Установите плагин CSS Compress . Тоже не мало важный плагин для ускорения блога. Этот плагин сжимает файл стилей вашего блога и ускоряет его. У меня этот плагин не стоит, потому что к моей теме блога он по ходу дела не подходит, поэтому если после установки плагина CSS Compress у вас возникнут какие-то проблемы в работе блога, отображение картинок, искривление текста, не правильное отображение виджетов и т.д., то деактивируйте данный плагин и все, ни чего страшного...

4. Оптимизируйте свой файл style.css темы вашего блога. Обычно он лежит по этому адресу: wp-content/themes/тема/style.css

Для этого загрузите его с сервера на ваш компьютер, пройдите на сайт styleneat.com , зайдите на вкладку File Upload и загрузите уже туда ваш файл style.css. Загрузили? Ок. Жмите — Organize CSS. После этого система выдаст вам уже готовый оптимизированный style.css файл который вам нужно перезалить на сервер в тему вашего блога.

ВНИМАНИЕ!!! Перед этим обязательно сделайте копию вашего старого style.css файла, так как вполне возможно возникновение проблем в отображении содержимого вашего сайта после оптимизации этого файла. Но обычно проблем не возникает.

5. Отредактируйте файл header.php темы вашего wordpress блога, а именно нужно будет немного заменить кое какой php-код. Это ЗНАЧИТЕЛЬНО ускорит ваш блог, так как вы уменьшите количество запросов к базе данных. Я думаю, что многим из вас может быть много чего не понятно, поэтому буду говорить по русски.

Вот смотрите. Человек в интернете проходит по ссылке на ваш блог и происходит формирование html страницы (появление текста в нужном месте, отображение картинок, вывод заголовка блога, его описания, ключевых слов и т.д. и т.п.) я думаю это понятно. Но как это происходит?

А происходит это потому что основной файл нашего блога header.php посылает запросы к базе данных. Это вроде этого, — «Эй база, тут человеку вот эта страница нужна, говори мне, что нужно отобразить на странице блога, а что не нужно».

База принимает запрос и вот только потом отправляет нужные данные файлу header.php благодаря чему отображается содержимое блога. Ну в общем это элементарный php.

Откройте сейчас header.php файл темы вашего блога. Вот допустим мой бывший файл header.php, давайте посмотрим что в нем было с 1 по 18 строку:

Что мы видим. Вот допустим одна из строк:

Это запрос к базе данных. header.php посылает запрос базе данных типа: «База надо формировать html страницу человеку. Что в этом месте нужно вывести?». А вывести нужно кодировку.

База обрабатывает запрос и отсылает блогу другой код. Зайдите сейчас на главную страницу вашего блога и нажмите ctrl + U. (исходный код страницы). Что мы видим? Вместо нашего кода уже стоит другой — обработанный. У меня такой:

Наверняка у вас такой же.

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

Давайте облегчим задачу нашему серверу и ускорим работу блога просто заменив некоторые запросы к базе данных на уже готовые ответы. Для этого просто посмотрите ваш файл header.php и замените в нем код запросов к базе данных на код, который вы видите на странице после нажатия ctrl + U.

Теперь я просто копирую этот код и вставляю в файл header.php вместо того что был до этого. Зачем нам в шаблоне лишние запросы? Вот в принципе все в таком духе. Так что меняйте ваши коды и ускоряйте блог. ВНИМАНИЕ!!! Все запросы которые находятся между тегами менять не нужно!!!

Вообще можно и нужно удалить, об этом я писал в статье — « ».

6. Перенесите все коды скриптов из файла header.php в файл footer.php. Смотрите. Человек заходит к вам на блог, загружается страница и посылаются не только различные запросы к базе данных, но еще и начинают подгружаться различные скрипты, поэтому человеку нужно ждать пока все это дело загрузится.

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

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

Так же добавьте в файл footer.php вот этот код:

7. Установите плагин DB Cache Reloaded . Этот плагин просто СУПЕР!!! Он уменьшает в несколько раз количество запросов к базе данных блога. Установили, активировали, все!!!

8. СОВЕТ НЕ АКТУАЛЕН!

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

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

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

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

C уважением, Александр Борисов

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

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

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

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

Удаляйте всю лишнюю информацию из фотографий (дата создания, камера, GPS- координаты и прочее, что можно найти в свойствах файла). С этим вам поможет плагин для оптимизации изображений WordPress WP Smush.it.

Ускорить WordPress помогут CSS-спрайты — техника CSS, которая позволяет объединить все элементы дизайна на странице в одно изображение. В результате вместо того, чтобы загружать множество отдельных изображений, каждый раз делая HTTP-запрос, сайт откроет одно изображение. Использовать CSS-спрайты можно в том случае, если текущая тема вашего сайта их поддерживает.

Существует множество плагинов, которые помогут вам уменьшить размер изображений. Например, EWWW Image Optimizer или уже упомянутый WP Smush.it. Можно использовать и сторонние сервисы для уменьшения размера картинок. Например, сервис Tinyjpg отлично уменьшает размер изображений без потери качества.

Покажем, как обработать все ваши изображения С EWWW Image Optimizer всего в несколько кликов:

После того, как вы установили и активировали плагин, зайдите в администраторскую панель WordPress и перейдите в меню Медиафайлы >> Массовая оптимизация:


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

Если вам нужно оптимизировать изображение вне библиотеки медиафайлов (например, графические элементы активной темы), воспользуйтесь кнопкой “Сканировать и оптимизировать”.


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

Оптимизация сайта WordPress возможна и через сжатие файлов. Если вы пользуетесь хостинговой панелью cPanel, то можете воспользоваться меню “Оптимизировать веб-сайт”.


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

Используя.htaccess файл вашего сайта, вы можете настроить период хранения статического контента (CSS, Javascript, изображение и прочее) в браузерах. Это значительно сократит время загрузки вашего сайта для постоянных посетителей.

Откройте.htaccess файл, расположенный в корневой директории сайта, и добавьте следующий код:

ExpiresActive on
ExpiresByType image/jpg "access plus 60 days"
ExpiresByType image/png "access plus 60 days"
ExpiresByType image/gif "access plus 60 days"
ExpiresByType image/jpeg "access plus 60 days"
ExpiresByType text/css "access plus 2 weeks"
ExpiresByType image/x-icon "access plus 2 weeks"
ExpiresByType application/pdf "access plus 1 month"
ExpiresByType audio/x-wav "access plus 1 month"
ExpiresByType audio/mpeg "access plus 1 month"
ExpiresByType video/mpeg "access plus 1 month"
ExpiresByType video/mp4 "access plus 1 month"
ExpiresByType video/quicktime "access plus 1 month"
ExpiresByType video/x-ms-wmv "access plus 1 month"
ExpiresByType application/x-shockwave-flash "access 1 month"
ExpiresByType text/javascript "access plus 2 weeks"
ExpiresByType application/x-javascript "access plus 2 weeks"
ExpiresByType application/javascript "access plus 2 weeks"

Срок хранения можно изменить в зависимости от ваших требований.

Важно: перед внесением любых правок в.htaccess сделайте бэкап этого файла. Если с файлом.htaccess что-то пойдет не так, сайт не будет работать.

Такие плагины значительно улучшат скорость загрузки страниц. Самые популярные — W3 Total Cache и WP Super Cache. Главное отличие между ними — это то, что W3 Total Cache поддается более гибкой настройке.

Рассмотрим пример настройки W3 Total Cache:

После того, как вы установили плагин, в панели управления WordPress перейдите в меню Плагины >> Установленные >> W3 Total Cache >> Settings.


Важно: если вы являетесь пользователем виртуального хостинга, помните, что все возможные варианты кэширования не должны быть включены одновременно (избегайте использовать опцию Toggle all caching types on or off (at once)). Если Object caching и Database caching включены, они могут вызвать проблемы с использованием ресурсов вашего хостингового аккаунта без улучшения скорости загрузки страницы. Но если ваш сайт находится на VPS или выделенном сервере, то вас это не коснется.

В меню Settings включите следующие опции:

• Page Cache
• Minify
• Browser Cache

И после этого нажмите на кнопку “Save All Settings”.

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

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

Одним из самых популярных сервисов CDN является Cloudflare . Именно его мы и советуем использовать нашим клиентом и предлагаем вместе со всеми пакетами виртуального хостинга.

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

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

LazyLoad — плагины, которые помогают осуществлять отложенную загрузку изображений. Это актуально для сайтов, на которых изображений очень много. Загрузка изображения начинается только тогда, когда пользователь долистывает до определенного места на странице. Следовательно, если на странице есть изображение в самом конце, а пользователь просто не долистал до этого места, то загрузка изображения не произойдет. Пример такого плагина — jQuery Image Lazy Load.

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

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

Если вы являетесь пользователем cPanel, вы можете воспользоваться встроенной опцией “Защита Hotlink”.


Также вы можете включить защиту от хотлинкинга при помощи.htaccess кода:

RewriteEngine On
RewriteCond %{HTTP_REFERER} !^http://(.+\.)?yourdomain\.com/ RewriteCond %{HTTP_REFERER} !^$
RewriteRule .*\.(jpe?g|gif|bmp|png)$ /images/nohotlink.jpg [L]

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

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

Здравствуйте дорогие читатели! В этом уроке мы с Вами поговорим о том, как увеличить скорость загрузки страниц сайта на WordPress и снизить нагрузку сайта на сервер .

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

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

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

1. Оптимизируйте базу данных сайта WordPress

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

2. Отключите неиспользуемые плагины

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

3. Оптимизируйте изображения

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

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

4. Используйте нормальный хостинг

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

Лично я пользуюсь хостингом ukraine.com.ua . Пользуюсь им уже почти два года без каких-либо нареканий. С плюсов могу отметить низкую цену , надежность и качество предоставляемых услуг (+ круглосуточная поддержка).

5. Сделайте кэширвание сайта

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

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

6. С мира по нитке

Для тех кому описанного выше (не дай Бог) оказалось недостаточно, рекомендую следующее:

• Сократите CSS и JavaScript код
• Сократите количество забросов в БД
• Обновите WordPress до последней версии
• Используйте VPS-хостинг

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

Если у Вас возникли вопросы или хотите поделится опытом решения данной задачи — пишите в комментариях!

Здравствуйте дорогие читатели! В этом уроке мы с Вами поговорим о том, как увеличить скорость загрузки страниц сайта на WordPress и снизить нагрузку сайта на сервер. Я думаю Вы согласитесь, что скорость работы сайта является практически самым важным показателем. Даже если на Вашем сайте самый лучший и полезный контент, но страницы загружаются по 8-10 секунд, то рано или поздно это начнет раздражать посетителей. А если к этому всему добавить еще и большое количество посетителей сайта, нагрузка на сервер хостинга будет просто огромная. В случае если Ваш сайт и так быстрый, у вас есть возможность с помощью этого урока разогнать его до скорости света:) Сразу хочу…

План статьи

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

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

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

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

WP Fastest Cache

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

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

EWWW Image Optimizer

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

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

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

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

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

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

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

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

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

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

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

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

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

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