Как увеличить скорость загрузки вашего сайта WordPress

Вы недавно создали веб-сайт для себя или кого-то еще? Поэтому вы обязательно должны знать, что в идеале он должен загружаться за 2 секунды.

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

по статистике в 1999 году люди были готовы ждать загрузки страницы до 8 секунд. Сегодня четверть посетителей покидают сайт, если он не загружается в течение 4 секунд. Всего 2-секундная загрузка может увеличить число отправлений корзины до 87%. Целых 74% людей уходят с мобильных телефонов, если страница не загружается в течение 5 секунд.

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

Как проверить скорость страницы?

Есть несколько отличных инструментов для измерения скорости загрузки. я рекомендую GTmetrix или Webpagetest. И в-третьих, лучше всего выгружать свою загрузку вручную. Просто возьмите секундомер на свой мобильный и измерьте время.

Page Speed Insights также является полезным инструментом. от Google. Хотя он не покажет вам скорость загрузки страницы, он выявит некоторые недостатки, обсуждаемые в этой статье.

Я рекомендую инструмент Testmysite для скорости загрузки на мобильных телефонах .

Как долго у вас должна загружаться страница?

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

4 фактора, влияющих на скорость страницы WordPress

• Скорость интернет-соединения — вы не повлияете на посетителя
• Интернет-браузер — вы не повлияете на посетителя
• веб хостинг
• Шаблон и настройки WordPress

Давайте рассмотрим их поближе.

Скорость интернет-соединения

Конечно, чем медленнее интернет, тем медленнее будет загружаться веб-страница.

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

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

интернет браузер

Еще одним фактором является сам интернет-браузер. Если раньше различия были довольно значительными, то сегодня эти различия меньше. Самые быстрые браузеры явно Google Chrome и Firefox .

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

Веб-хостинг и его влияние на скорость загрузки страниц

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

На производительность сервера влияют:

• Выделенные ресурсы — каждый сервер имеет определенную производительность (ОЗУ — память; ЦП — процессоры). В случае виртуального хостинга производительность сервера «распределяется» между несколькими веб-сайтами. В случае виртуального сервера (VPS) теперь вы можете настроить ресурсы сервера в соответствии с вашими потребностями.
• Быстрое аппаратное обеспечение — данные считываются с более новых твердотельных накопителей намного быстрее, чем с классических жестких дисков.
• Ссылка — вам нужен доступ к базам данных и другим ресурсам для загрузки страницы WordPress. В идеале эти ресурсы должны находиться на одном сервере для более быстрого подключения и связи между ними. Если они распределены по нескольким серверам, загрузка может быть медленнее, если она не настроена должным образом.

На что обратить внимание при хостинге

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

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

Другой пример: для одного сильного игрока, который гордится быстрым хостингом не только сайтов на WordPress, у меня есть два сайта на WordPress. По данным Pagespeed Insights, у одного из них скорость ответа сервера составляет 0,53 секунды, что может быть и быстрее, но вы можете сказать, что это нормально. Но на другом сайте ответ сервера составлял 2 секунды. Просто чтобы объяснить, ответ сервера не означает загрузку всей страницы, а только время, прошедшее с момента начала отправки сервером файлов страницы. Только когда я внес несколько изменений в настройки, я смог сократить общее время загрузки до 1,6 секунды.

Что это означает? У них некачественный хостинг? Точно нет. Я доволен, но это научило меня не верить заявлениям о быстром хостинге. Просто, пока вы не протестируете его, вы не будете вносить какие-либо изменения в настройки WordPress, о которых мы поговорим чуть позже, Интернет не будет работать быстрее. Хостинговая компания не будет делать эти изменения за вас, даже эти изменения не всегда являются 100-процентной гарантией быстрой работы сайта на данном хостинге.

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

Совет редактора: мы рекомендуем использовать хостинг WY или WebSupport .

Как ускорить загрузку WordPress

Регулярные обновления

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

Если вы не знаете, PHP — это язык сценариев для создания динамических и интерактивных веб-сайтов. И да, WordPress тоже построен на нем.

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

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

Выберите шаблон WordPress, оптимизированный для скорости

Выбор шаблона WordPress — это один из трех этапов создания сайта WordPress .

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

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

Лично у меня есть опыт работы с Divi (мне удалось снизить скорость загрузки до упомянутых 1,6 секунд с исходных 4 секунд) и OptimizePress , которые хорошо запрограммированы, регулярно обновляются и довольно быстро работают.

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

Удалите ненужные коды отслеживания

Как вы прочитали в абзаце выше, чем больше кода у вас на странице, тем медленнее она будет загружаться. Различные маркетинговые коды отслеживания, такие как пиксель Facebook, инструменты отслеживания веб-поведения, такие как Hotjar, Smartlook и т. д., также могут вызвать проблему в этом отношении.

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

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

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

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

Очистите свою базу данных

База данных вашего сайта может постепенно заполняться ненужными данными. Поэтому полезно время от времени чистить базу, например, от ненужных вам ревизий страниц. Например, плагин поможет вам очистить WP-Оптимизация или WP-Sweep. Вы также можете установить максимальное количество ревизий вручную через wp-config.php .

Удалите элементы, которые долго загружаются

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

Хуже всего — они тормозят вашу страницу. Многие силдеры загружаются до 2 секунд.

Источник: https://soliloquywp.com/wordpress-slider-slow-to-load-heres-why-and-how-to-fix-it/

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

Уменьшить количество запросов к серверу

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

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

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

Оптимизация (сжатие) изображений

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

Вы можете уменьшить их размер перед загрузкой в WordPress через Tinypng.com.. Еще более быстрым решением является плагин WP Smush или EWWW Image Optimization , которые могут автоматически сжимать изображения при их загрузке в WordPress.

Встроить видео

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

Воспользуйтесь кэшированием

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

Чтобы упростить усложнение, вам просто нужно использовать плагины для кэширования, такие как WP Rocket , WP Super Cache или W3 Total Cache (рекомендую).

С W3 Total Cache и сжатием 3 изображений мне удалось снизить скорость загрузки с первоначальных 4 секунд до 1,6 секунд на одном из моих веб-сайтов.

Отключить хотлинкинг

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

Итак, если вы загружаете изображение прямо на свой хостинг WordPress, ваш html-код будет выглядеть примерно так:

<img src = «nazovobrazka.jpg»>

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

<img src = «https://domena.koncovka/nazovcudziehoobrazka.jpg»>

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

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

RewriteEngine включен

RewriteCond%{HTTP_REFERER} !^ $

RewriteCond%{HTTP_REFERER} !^http(s)://(www\.)vasadomena.koncovka/.*$ [NC]

RewriteRule\.(Gif | jpg | jpeg | bmp | zip | rar | mp3 | flv | swf | xml | php | png | css | pdf) $ — [F]

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

Минификация кода, сжатие Gzip

Если вы посмотрите на исходный код сайта WordPress (нажав ctrl + uv в Chrome), вы увидите большое количество кодов html, css или javascript.

Сжатие Minify / Gzip означает, что то, что вы видите, может быть меньше и, следовательно, занимать меньше места. Другими словами, он отображает вашу страницу быстрее для загрузки.

Работает по простому принципу. Представьте, что код на странице — AA BBB CCC DDDDD. Проще говоря, это также может быть 2A 3B 3C 5D. Таким образом, исходные четырнадцать символов можно уменьшить до восьми.

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

Как это сделать? Это можно сделать с помощью вышеупомянутых плагинов WP Rocket , WP Super Cache, W3 Total Cache, затем плагин Автооптимизация или, в лучшем случае, минимизация кода и сжатие Gzip являются частью вашего шаблона WordPress.

Выбирая программиста, убедитесь, что он знает лучшие практики

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

Он также должен иметь возможность минимизировать все запросы PHP и доступ к базе данных.

На практике ненужные требования PHP будут выглядеть так:

<заглавие><php bloginfo(‘имя’); ?> <php bloginfo(‘описание’);></ заглавие>

<ссылка rel = «значок ярлыка» type = «image / x-ico» href = «&lt?php bloginfo(‘template_url’); ?>/favicon.jpg «/>

<ссылка rel=»таблица стилей» type=»text/css» media=»экран» href=»<php bloginfo (‘stylesheet_url’); ?>«/>

<ссылка rel = «таблица стилей» тип = «текст/css» медиа = «печать» href = «<php bloginfo (‘template_url’); ?>/print.css «/>

<ссылка rel=»alternate» type=»application/rss+xml» title=»RSS .92″ href=»<информация о блоге php (‘rss_url’); ?>«/>

Вместо этого их следует преобразовать в обычные текстовые записи html, которые могут выглядеть примерно так:

<заглавие> Название вашего сайта WordPress< / заглавие>

<link rel=»shortcut icon» type=»image/x-ico» href=»http://nazovvasejdomeny.sk/wp-content/themes/sablona/favicon.jpg»/>

<ссылка rel=»stylesheet» type=»text/css» media=»screen» href=»http://nazovvasejdomeny.sk/wp-content/themes/sablona/style.css»/>

<ссылка rel=»stylesheet» type=»text/css» media=»print» href=»http://nazovvasejdomeny.sk/wp-content/themes/sablona/print.css»/>

<ссылка rel=»alternate» type=»application/rss+xml» title=»RSS.92″ href=»nazovvasejdomeny.sk/feed/rss/»/>

Слово в конце

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

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

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

Was this article helpful for you? Support me by sharing, please. 👍