Как сделать сайт на WordPress быстрым и повысить скорость загрузки страниц (с примерами)

Привет друзья!  Сегодня статья о том, как сделать сайт на WordPress быстрым и повысить скорость загрузки страниц блога(сайта). То есть нам нужно, уменьшить время, которое тратится на обращение к серверу, где хранятся базы данных вашего сайта.

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

Я дам вам рекомендации, которые использовала сама. И поделюсь своим личным опытом в этом вопросе.

И так, в предыдущей моей статье: «Как протестировать и увеличить скорость загрузки страниц сайта».

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

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

Смотрим скриншоты с ошибками. Как видно, что ошибок у меня достаточно.

проверить скорость загрузки страниц сайта

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

ускоритель сайтов

ускоритель сайтов продолжение

подключаем ускоритель сайтов

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

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

Также я заметила, что многие плагины, которые у меня участвуют в работе сайта при этом подключении начинают конфликтовать. А именно, пропадают некоторые скрипты и виджеты. Например, пропали кнопки социальных сетей, код кнопок от сайта Pluso не работал. С плагином Uptolike Share Buttons, также были проблемы.

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

Я, что- то включала, что- то выключала, короче экспериментировала. В результате, скорость особо не возросла, а проблемы прибавились.

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

Я опробовала несколько популярных плагинов кеширования:

WP-Cache – самый легкий простой и считаю не конфликтный, но нужно, что- то одно или плагин или ускоритель сайтов. Так, как на моем хостинге «кеширование» уже предусмотрено. Так же в любом браузере:  Mozilla Firefox, Google Chrome, Опера- или любой другой — это тоже предусмотрено. Но некоторые пользователи устанавливают его себе. Я же убрала у себя на блоге с WordPress этот плагин и у меня пропали многие проблемы. Возможно мой вывод и опыт кому- то пригодится.

Популярные плагины кеширования.

О «Hyper Cache» я написала отдельно. http://ritabk.ru/vse-sekrety-blogovedeniya/hyper-cache-nastrojka/  

 Это не плохой plagin, но в моем случае в месте с плагином  "Auto Highslide", для увеличения картинок,  он совсем перестал работать.

WP Super Cache— этот плагин имеет больше настроек и очень сильно конфликтует со многими плагинами. Применять с осторожностью.

W3 Total Cache— очень сложен в настройках конфликтует и дает свои скрипты, которые pagespeed рекомендует убирать. Получается, что одно исправляем, а другая проблема появляется. Здесь нужно эксперементировать.

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

Но обо всем по прядку. Разбираем ошибки. У вас они могут располагаться в другом порядке и поэтому будьте предельно внимательны. оптимизируйте работу Ява скрипт

Если мы нажмем на ссылку «как исправить», то увидим инструкцию.

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

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

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

 Большинство пользователей не разбирается во всех тонкостях скриптов и кодов. И могут, используя рекомендации «умельцев из интернета», только навредить своему сайту.

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

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

Как вы поняли, что я этот пункт не трогала. Идем дальше.

сократить время ответа сервераЗдесь мне предлагают сократить время ответа с сервера. И показывают скорость 0,23 сек. Это скорость ответа для моего сайта. У вас будет другое значение.

Давайте посчитаем 1000 мс = 1 сек. Получается 230 мс, а норма 200. Немного не дотягивает. Но не критично. Так что сервер работает быстро.  Прежде чем регистрировать домен на хостинге, прочитайте информацию в интернете. Есть форумы, на которых пользователи оставляют отзывы. Советую к этому вопросу отнестись со всей серьезностью.

Можно «ответ с сервера» проверить и на яндекс- webmaster. Просто переходим по ссылке . Для того, чтобы пользоваться этими инструментами, нужно быть авторизованным пользователем.

время ответа с сервера

Код статуса HTTP: «200 OK» обозначает, что сайт доступен для пользователей и для роботов поисковиков. Значит все в норме и проблем нет. Так и должно быть.

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

Движемся дальше.

оптимизируйте изображенияТут мне предлагают оптимизировать одно изображение, которое находится по адресу: http://ritabk.ru/wp-content/themes/neblog/images/top.png

Давайте расшифруем, в каком месте оно лежит у меня на хостинге:

ritabk.ru корневая папка( так называется мой сайт)

в ней находится другая wp-content

далее папка с темами- themes

neblog - это моя тема или шаблон

images— это папка с изображениями

top.png- это само искомое изображение.

Обратите внимание, что я разным цветом это отметила, чтобы вам было понятно.

Данное изображение лучше не трогать, так как это фон моей темы в блоге. 

Лучше всего соединиться с своим хостингом, используя FTP- клиент. Об этом я написала в этой статье. Filezilla FTR client удаленная работа с хостингом  

У вас может быть много изображений, поэтому нужно найти все и оптимизировать. Как это сделать я пишу в этой статье: «Как оптимизировать изображения для сайта при помощи плагина».

Плагин EWWW Image Optimizer решил проблему превосходно. Если что- то и остается, тогда доделываем вручную.

Как оптимизировать изображения без плагина, то об этом имеется также статья

А теперь внимание!Исправить большинство ошибок, можно легко и просто при помощи одного супер- плагина, который называется Autoptimize.

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

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

Плагин очень прост в настройках.

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

скорость загрузки для компьютера

 О нем я напишу в своей следующей статье. Не пропустите момент и подписывайтесь на новые статьи блога.Podpis

C уважением, Рита Молчанова, автор блога ritabk.ru

  • Ольга

    Рита, спасибо, за столь подробный мануал. Надо разбираться с этим вопросом внимательно. Где время взять?).

    [Ответить]

    Рита Молчанова Reply:

    Да и не говори, сама такая. Времени, как всегда мало. Спасибо, Олечка, что читаешь мой блог.

    [Ответить]

Остались вопросы? Напишите на E-mail: mol4anovamargo@yandex.ru