Выбрать страницу

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

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

Вот несколько способов (некоторые общеизвестные, некоторые нет), с помощью которых вы можете улучшить производительность своих сайтов WordPress:

# 1: Выберите хороший веб-хостинг

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

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

 

# 2: Используйте быструю тему / фреймворки

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

Все, что вам нужно знать о маркетинге влияния в 2019 году

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

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

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

# 3: Установите плагин кэширования

Второй наиболее эффективный способ (первый — выбор хорошего веб-хостинга) для улучшения времени загрузки вашего сайта — установить плагин кэширования. Как только вы установите плагин, такой как W3 Total Cache или WP Super Cache , вы заметите, что ваш сайт загружается быстрее.

Проще говоря, когда плагин кэширования активен на вашем сайте, он обслуживает пользователей кэшированными копиями ваших страниц. Это значительно уменьшает доступ к базе данных MySQL, нет. запросов PHP, доступа к серверу для статических ресурсов и даже запросов HTTP (в случае объединения нескольких файлов в один).

W3 Total Cache — один из моих самых любимых плагинов для WordPress. Он предлагает различные функции кэширования:

  • Кэш страницы
  • Минификация
  • Кэш объектов
  • Кэш базы данных
  • Кэш браузера
  • CDN

Сначала возможно вы не захотите, чтобы все было включено. Вы все еще можете безопасно включить все, кроме Minify и CDN (если только вы не хотите использовать CDN).

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

Как правило, вам нужно включить все из них в разделе «Кэш браузера» для всех распространенных типов файлов.
Значение срока действия заголовков expires для разных типов файлов должно быть как можно выше. 604 800 секунд = 1 неделя

# 4: попробуйте CDN для ускорения WordPress

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

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

 

Еще по теме  SEO на праздники - как оптимизировать свой сайт и подготовить к праздникам 2019 года

# 5: Включить сжатие Gzip

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

gzip компрессия

Лучше всего включить сжатие Gzip прямо из cPanel (если ваш хостинг предлагает вам это), если вы находитесь на общем сервере. В противном случае вы можете включить сжатие Gzip с помощью плагина, такого как W3 Total Cache.

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

Для Apache

Добавьте следующие строки в .htaccess file:

<IfModule mod_deflate.c>
  # Compress HTML, CSS, JavaScript, Text, XML and fonts
  AddOutputFilterByType DEFLATE application/javascript
  AddOutputFilterByType DEFLATE application/rss+xml
  AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
  AddOutputFilterByType DEFLATE application/x-font
  AddOutputFilterByType DEFLATE application/x-font-opentype
  AddOutputFilterByType DEFLATE application/x-font-otf
  AddOutputFilterByType DEFLATE application/x-font-truetype
  AddOutputFilterByType DEFLATE application/x-font-ttf
  AddOutputFilterByType DEFLATE application/x-javascript
  AddOutputFilterByType DEFLATE application/xhtml+xml
  AddOutputFilterByType DEFLATE application/xml
  AddOutputFilterByType DEFLATE font/opentype
  AddOutputFilterByType DEFLATE font/otf
  AddOutputFilterByType DEFLATE font/ttf
  AddOutputFilterByType DEFLATE image/svg+xml
  AddOutputFilterByType DEFLATE image/x-icon
  AddOutputFilterByType DEFLATE text/css
  AddOutputFilterByType DEFLATE text/html
  AddOutputFilterByType DEFLATE text/javascript
  AddOutputFilterByType DEFLATE text/plain
  AddOutputFilterByType DEFLATE text/xml

  # Remove browser bugs (only needed for really old browsers)
  BrowserMatch ^Mozilla/4 gzip-only-text/html
  BrowserMatch ^Mozilla/4\.0[678] no-gzip
  BrowserMatch \bMSIE !no-gzip !gzip-only-text/html
  Header append Vary User-Agent
</IfModule>

# 6: Установите хорошо закодированные плагины

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

Вы должны выполнить некоторые исследований перед установкой плагина с рейтингом ниже 3 звезд. Часто плагин оказывается плохо развитым, используя неподходящие хуки. Это не только замедлит ваш сайт, но в некоторых случаях может также испортить функциональность других плагинов и самого WordPress.

плагины для оптимизации

Время от времени следите за производительностью ваших плагинов и влияйте на время загрузки вашего сайта с помощью такого плагина, как Plugin Performance Profiler. Это не на 100% точная метрика, но вы можете наблюдать тенденции, чтобы узнать, какие плагины действительно медленные и непринятные для вашего сайта.

# 7: Выполните текущее обновление ваших плагинов

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

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

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

# 8: Оптимизируйте свою базу данных

 

Вы можете оптимизировать при сео оптимизации сайта свою базу данных WordPress MySQL непосредственно из PHPMyAdmin или с помощью плагина, такого как WP-Optimize  или WP-DBManager .

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

Хорошо оптимизированная, быстро реагирующая база данных является огромным бонусом для такого движка, как WordPress.

# 9. Оптимизация загруженных изображений.

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

Прежде всего, вы должны указать максимальные размеры изображений для миниатюр, средних и больших изображений. Это означает, что если вы загружаете изображение шириной 1024px, а ваша область содержимого — только 604px, обычно изображение будет уменьшено с помощью CSS. Когда вы укажете максимальную ширину ваших «больших» изображений, равную 604 пикселя, он отобразит предварительно измененное изображение шириной 604 пикселя, которое будет значительно меньше по размеру.

как к оптимизируют-ваш-сайт-изображения

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

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

К счастью для вас, вам не нужно посещать веб-сайт Smush.it каждый раз, когда вам нужно сжать пару изображений. Для этого есть плагин WordPress! 😉

WP Smush.it  плагин позволяет загружать изображения , как правило , пока он автоматически оптимизирует их с помощью Yahoo, smush.it API за кулисами.

# 10: замените PHP на HTML, где это возможно в вашем коде

Если вы не знаете, что делаете, не пытайтесь сделать это на серьезном сайте.

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

Я всегда рекомендую выбирать что-то (для замены), которое обычно не изменяется, например, URL вашего фавикона, имя вашего сайта или URL таблицы стилей вашей темы.

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

 <title> <? php bloginfo ('name'); ?><? php bloginfo ('description');?> </ title>
<link rel = "Shortcut Icon" type = "image / x-ico" href = " <? php bloginfo ('template_url');?> /favicon.jpg" />
<link rel = "stylesheet" type = "text / css" media = "screen" href = " <? php bloginfo ('stylesheet_url');?> " />
<link rel = "stylesheet" type = "text / css" media = "print" href = " <? php bloginfo ('template_url');?> /print.css" />
<link rel = "alternate" type = "application / rss + xml" title = "RSS" href = " <? php bloginfo ('rss_url');?> " />

И когда вы заменяете  функции PHP простым HTML, это выглядит так:

<title> site - охватывает SEO продвижение, оптимизацию оборудование и многое другое ... </ title>
<link rel = "Shortcut Icon" type = "image / x-ico" href = " https://site.com/wp-content/themes/techtage/favicon.jpg " />
<link rel = "stylesheet" type = "text / css" media = "screen" href = " https://site.com/wp-content/themes/techtage/style.css " />
<link rel = "stylesheet" type = "text / css" media = "print" href = " https://site.com/wp-content/themes/techtage/print.css " />
<link rel = "alternate" type = "application / rss + xml" title = "RSS" href = " https://site.com/feed/rss/ " />

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

# 11: Удалить старые ревизии постов

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

Revision Control плагин позволяет удалить старые почтовые пересмотры из базы данных WordPress, что делает его значительно меньше, и ваш сайт немного быстрее.

# 12: Уменьшите Спам — Ускорьте WordPress

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

антиспам

Настроить Akismet довольно просто, на самом деле. Все, что вам нужно сделать, это зарегистрировать ключ API Akismet на веб-сайте Akismet, используя свою учетную запись WordPress.com.

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

Конечно, вы можете вручную очистить ленту спама в любое время из раздела «комментарии -> спам».

# 13: Отключить трекбеки и пингбеки

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

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

 

Еще по теме  Как использовать Google+ для продвижения сайта

# 14: Используйте CSS-спрайты

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

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

Единственное изображение экономит мне 5 HTTP-запросов. Так что создание CSS-спрайтов того стоит. Вы даже можете использовать онлайн-инструмент перетаскивания, например SpritePad .

# 15: Используйте Адаптивный Дизайн

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

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

мобильный индекс

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

Сайты, которые используют адаптивный веб-дизайн, то есть сайты, которые обслуживают все устройства по одному и тому же набору URL-адресов, при этом каждый URL-адрес обслуживает один и тот же HTML-код для всех устройств и использует только CSS для изменения способа отображения страницы на устройстве. Это рекомендуемая конфигурация Google .

# 16: CSS в head, JS в body

CSS должен быть загружен в раздел <head> в соответствии с рекомендациями HTML. Ссылки на таблицы стилей за пределами раздела <head> не позволят браузеру отображать содержимое сразу после его загрузки.

JavaScript также блокирует  прогрессивную загрузку . Когда браузер обнаруживает тег <script>, он пытается интерпретировать код перед загрузкой остальной части страницы. Однако это не относится к асинхронным сценариям, как к обычному сценарию отслеживания Google Analytics, поэтому вам не нужно беспокоиться об этих сценариях. Итак, вы должны поместить большинство javascript-кодов внизу вашего кода, перед конечным тегом </ body>, а не в раздел <head>.

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

# 17: оптимизируйте свои виджеты

Важно оптимизировать свои виджеты, чтобы сделать их максимально легкими и удобными для загрузки. Например, виджеты социальных сетей, таких как Facebook, Twitter и Google+, загружают внешние javascripts и часто css во время рендеринга.

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

Заключение

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

Вы можете отслеживать текущее время загрузки вашего сайта, выполнив тест скорости сайта Pingdom . Время загрузки менее 3 секунд вполне прилично, менее 2 секунд впечатляет, а еще меньше — Великолепно! Скорость при сео продвижении сайта очень важна.

скорость загрузки сайта

 

Еще по теме  Идеальный .htaccess файл для лучшего продвижения сайтов в seo

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