Как сделать скорость загрузки страницы

Как сделать скорость загрузки страницы
Как сделать скорость загрузки страницы
Как сделать скорость загрузки страницы
Как сделать скорость загрузки страницы
Как сделать скорость загрузки страницы

Привет друзья!  Сегодня статья о том, как сделать сайт на 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

Как сделать скорость загрузки страницы Как сделать скорость загрузки страницы Как сделать скорость загрузки страницы Как сделать скорость загрузки страницы Как сделать скорость загрузки страницы Как сделать скорость загрузки страницы Как сделать скорость загрузки страницы Как сделать скорость загрузки страницы Как сделать скорость загрузки страницы Как сделать скорость загрузки страницы Как сделать скорость загрузки страницы Как сделать скорость загрузки страницы Как сделать скорость загрузки страницы

Статьи по теме:



Схема для эскиза кухонного гарнитура

Схема защиты зарядного от к.з

Мостовая схема инвертора

Схемы яиц из бисера крючком

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