1. WordPress Speed ​​Guide Содержание:
2. Скорость WordPress сайта в целом
3. Скорость сайта WordPress против скорости страницы
4. Выполнение базового теста скорости WordPress
5. Скорость WordPress: хостинг и CDN
6. WordPress Запросы / HTTP Запросы?
7. Обновить Yo 'PHP
8. Скорость WordPress: уменьшить количество вложений
9. WordPress домен Sharding
10. Оптимизация изображений в WordPress
11. Плагины для WordPress
12. Оптимизация базы данных WordPress
13. Оптимизация тем WordPress
14. WordPress Sliders
15. Включите сжатие GZIP для вашего сайта WordPress
16. Время до первого байта
17. WordPress Кэширование
18. Предварительная выборка и предварительная визуализация
19. Заключение
20. On-Page SEO Руководство Содержание
21. Похожие сообщения

Если вы были в SEO-игре достаточно долго, вы будете знать, что скорость сайта является огромным фактором, когда дело доходит до рейтинга и общего успеха SEO-кампании. Поскольку WordPress является нашей любимой платформой и одной из самых популярных в Интернете, мы собрали это руководство по скорости сайта WordPress, чтобы помочь вам в этом процессе. Чтобы начать, примите во внимание это заявление, сделанное Мэттом Каттсом из Google:

«Также сделайте шаг назад на минуту и ​​подумайте над намерением этого изменения: более быстрая сеть отлично подходит для всех, но особенно для пользователей. Многие веб-сайты продемонстрировали, что ускорение пользовательского опыта приводит к большему использованию. Так что ускорение вашего сайта - это не просто то, что может повлиять на ваш рейтинг в поиске, это фантастическая идея для ваших пользователей ».

- Мэтт Каттс , Google Spam Czar

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

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

Если вы выполняете все обновления и настройки в этом руководстве, имеете лучшее кэширование, CDN, наименьшие изображения и наименьшее количество плагинов - и затем вы помещаете свой сайт в план общего хостинга, не ожидайте, что он будет работать. Скорость сайта должна рассматриваться целостно. Мы несколько месяцев работали с веб-мастером, настаивая на том, что минимизация CSS и добавление кэширования в браузере - это ключ к загрузке их сайта менее чем за 30 секунд ... да 30 секунд. Но независимо от того, какие настройки мы сделали, ни один из них не имел значения, потому что он делился ресурсами с 10 другими сайтами.

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

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

Факты о скорости сайта, из опубликованных изучение в Нильсен Норман Групп:

• Веб-сайты, которые загружаются быстрее, чем 0,1 секунды , воспринимаются пользователем как мгновенные (оптимально)
• Веб-сайты, которые загружаются медленнее, чем 1 секунда, будут замечены пользователем, и у них будет ощущение, что данные не доставляются мгновенно
• Если веб-сайты загружаются медленнее, чем 10 секунд, пользователи, как правило, щелкают мышью или выполняют многозадачность во время загрузки сайта и, скорее всего, теряют внимание (уходить / отказов)

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

WordPress Speed ​​Guide Содержание:

1. Скорость сайта против скорости страницы
2. Выполнение теста скорости
3. Хостинг и CDN
4. Количество запросов
5. Обновить PHP
6. WordPress Embeds
7. Sharding домена
8. Оптимизация изображения
9. Плагины для WordPress
10. Оптимизация базы данных WordPress
11. Оптимизация тем WordPress
12. WordPress Sliders
13. Сжатие Gzip
14. Время до первого байта (TTFB)
15. WordPress Кэширование
16. Предварительная выборка и предварительная визуализация
17. Заключение

Скорость WordPress сайта в целом

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

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

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

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

Скорость сайта WordPress против скорости страницы

У многих SEO есть мнение: «Я оптимизировал свою домашнюю страницу для скорости, остальное хорошо». Наоборот. Внутренние страницы довольно часто являются наиболее ресурсоемкими и могут действительно раздуваться, если вы их не смотрите.

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

• основная структура
• меню
• боковые панели
• колонтитулы
• тема
• виджеты

Хотя много областей, которые находятся на уровне страницы:

• большинство элементов внутри <body>
• изображения, галереи и т. д.
• дополнительный JavaScript
• специальные функции, контактные формы, функциональность приложения и т. д.
• контекстный контент / простой HTML
• PDF встроен или связан
• вставки, такие как Soundcloud, видео YouTube
• актуальные видео
• так далее

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

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

Выполнение базового теста скорости WordPress

Чтобы измерить, насколько хорошо вы сделали, вы должны начать с проверки скорости сайта. Как быстро или медленно ваш сайт загружается в этот момент, важно, но не так важно, как видеть, какие файлы загружаются, насколько они велики, откуда они загружаются и т. Д. За эти годы Pingdom действительно стал стандартом для «быстрой проверки» и действительно довольно тщательный. Есть много других инструментов, это то, чем мы пользуемся большую часть времени. Чтобы увидеть, что можно улучшить, нам нужно выяснить, где мы стоим в начале. Для начала введите свой URL в инструмент. Если вы оптимизируете одну страницу, введите страницу в инструмент.

В этом примере наш тестовый сайт загрузился примерно за 6,5 секунд, у него было 178 запросов, и его размер был около 12,3 МБ.

Тестирование проблем с сайтом WordPress

Глядя на «водопад», вы можете видеть, что загрузка сайта заняла более 1 секунды. Это может быть определенно связано с проблемой хостинга или, скорее, медленным DNS-сервером. Далее, мы посмотрим, сколько запросов сделал сайт, а это было около 178. Хотя это не самый высокий показатель, который мы когда-либо видели, мы определенно хотели бы уменьшить его примерно до 100, если это возможно.

При выполнении теста скорости сайта на сайте WordPress есть несколько аспектов, на которые вы хотите обратить внимание:

• общее количество HTTP-запросов
• количество загружаемых изображений
• количество плагинов
• количество загружаемых таблиц стилей CSS
• количество загружаемого JavaScript
• количество загружаемых доменов

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

Скорость WordPress: хостинг и CDN

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

Найдите себе хостинг-провайдера высшего уровня. Мы лично любим Liquid Web / Storm, но есть много хороших вариантов. Идите с громким именем, а не перепродавцом. Держитесь подальше от таких компаний, как Godaddy или Hostgator, особенно для веб-сайтов WordPress. Мы могли бы дать много личных рекомендаций. В настоящее время ведутся огромные дискуссии о преимуществах сервера Ngnix, но это еще один день.

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

Если вы ищете хорошего хозяина, вот наши лучшие выборы:

• Storm on Demand / Жидкая сеть
• Известный Хост
• Rackspace
• AWS: Amazon Web Services

Сети доставки контента

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

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

Amazon's Cloudfront для больших мальчиков и девочек. Многие ведущие сайты в Интернете используют их для хостинга и CDN. Примечание: вам нужно знать свои вещи. Я был фанатом Linux более 10 лет и знаю, как обходиться с сервером Apache, и мой разговор с представителем Amazon был немного у меня над головой. Интернет как глобальная сущность и совершенно другой мир.

Есть много вариантов там. Стоит отметить, что в значительной степени любой из основных CDN увеличит скорость вашего сайта на 50%.

Несколько других CDN, с которыми я так или иначе работал в прошлом:

• Cloudflare
• KeyCDN
• EdgeCast
• CloudFlare
• MaxCDN

WordPress Запросы / HTTP Запросы?

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

Вернитесь к исходному базовому отчету и проверьте, сколько файлов загружает ваш сайт. В идеале ваш сайт должен загружать менее 100 файлов. Меньше 50 - это здорово, а до 25 файлов - превосходно. Если ваш сайт загружает более 200 файлов, вам нужно начать их сокращать. Проверьте, какой классный Moz (по крайней мере, в 2014 году)

Moz.com проповедует SEO весь день каждый день. С таким сайтом все смотрят их, и я уверен, что тестирую скорость их сайта, как и мы. Они буквально являются одним из лучших примеров современной CMS (не WordPress, но хорошо для этого примера), которая не загружает кучу файлов или запросов.

Лучший способ сократить количество ваших запросов - это перейти к списку 1 на 1 и спросить себя: «Действительно ли мне нужен этот запрос или файл?». Если ответ «нет», найдите способ отменить его.

Примером HTTP-запроса может быть любой из следующих:

• загрузка изображения
• HTML-файл
• таблица стилей CSS
• Файлы JavaScript
• другие сценарии
• шрифты
• аналитика

Дополнительную информацию о HTTP-запросах можно найти в нашем разделе о разделении доменов ниже и о том, как он может помочь.

Обновить Yo 'PHP

Скорее всего, если вы используете веб-сайт на более старом веб-сайте Godaddy или виртуальном хостинге, вы все еще используете PHP 5.x. Не вдаваясь в подробности, PHP 7.x примерно в 2-3 раза быстрее, чем PHP 5.x (они в значительной степени пропустили PHP 6.x, так что не спрашивайте.)

Если вы не знаете, как обновить PHP и знакомы с cPanel, вы можете попробовать сделать это самостоятельно. Перед обновлением вашего хостинга WordPress до PHP 7 вам лучше запустить Проверка совместимости с PHP 7 , Это даст вам знать, можете ли вы перейти на PHP 7 или вам нужно остаться на PHP 5.x. Если у вас есть старая тема, скорее всего, вы застряли с PHP 5, но это нормально.

Чтобы перейти на PHP 7, перейдите к cPanel и найдите «Multi PHP Manager». Нажмите его и перейдите к следующей части:

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

Если вы не уверены, что возитесь с cPanel, просто попросите вашего хостинг-провайдера запросить у них возможность обновить PHP. Большинству из них время им следует обязать.

Скорость WordPress: уменьшить количество вложений

Одна из первых вещей, которую мы делаем в Elite Strategies при оптимизации любого веб-сайта WordPress, - это количество используемых ими встраиваний. Мы видели, что веб-сайты имеют до 100 плагинов на базовом веб-сайте!

Спросите себя: насколько важно иметь канал Twitter на каждой странице в боковой панели? Большинству компаний это просто не нужно. Вот несколько советов:

• Вместо того, чтобы встраивать канал в Facebook / Twitter, создайте маленькое изображение с надписью «следуйте за нами», которое ведет на вашу страницу.
• Создайте «лучшее из» изображение канала, которое показывает скриншот популярных обновлений статуса твитов / FB, вместо живого канала

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

WordPress домен Sharding

Нет, я не хотел делиться Термин «шардинг домена» не ограничивается только веб-сайтами WordPress. Хотя это очень простая концепция для понимания, разделение домена в WordPress может быть довольно сложной техникой для реализации в WordPress. Позвольте мне начать с того, что не используйте плагин для этого. Разделение доменов - это метод, который включает в себя распределение ресурсов по нескольким доменам. В качестве очень простого примера, когда веб-сайт загружает вместо всех файлов, поступающих с «example.com», изображения на этом веб-сайте загружаются (и размещаются) с сайта exampleimages.com.

Это очень похожий метод с использованием CDN, но совершенно другой. CDN распространяет информацию по всему миру, чтобы сократить расстояние при загрузке файлов. Разделение доменов увеличивает количество текущих подключений при загрузке или запросе файлов. Основная аналогия такова: если вам нужно перевести 4 ведра воды из точки А в точку В, это может быть сделано гораздо быстрее, если 2 или 3 переноса ведра, чем если только 1 человек переносит ведра.

Современные веб-браузеры могут обрабатывать в среднем 4 запроса на имя хоста (домена). Большинство веб-сайтов используют только один запрос на имя хоста, а разделение доменов позволяет использовать эти дополнительные «полосы» при загрузке веб-сайта. Если вы хотите исследования, проверьте это удивительное исследование инженерная команда Yahoo по параллельной загрузке или разделению домена.

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

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

Вы можете сделать еще один шаг в области шардинга домена, перегрузив свою базу данных третьей стороне, например Amazon RDS или Google Cloud. Подробнее об этом читайте в разделе по оптимизации базы данных.

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

Оптимизация изображений в WordPress

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

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

Если вам нужна помощь в получении спрайтов, вы можете проверить этот (бесплатный) онлайн инструмент чтобы помочь вам начать.

Другим инструментом, который мы рекомендуем для оптимизации изображений, является EWWW плагин , Этот плагин будет сканировать ваш сайт и пытаться сжать каждое изображение как можно лучше. Здесь вы можете увидеть небольшое сообщение с нашего сайта, показывающее, сколько он сэкономил места:

Много раз, этот плагин будет сохранять изображения на целых 50%. Иногда больше, иногда меньше. Это бесплатный плагин, но вы должны купить изображения кредитов.

Если вы хотите сжимать изображения вручную и не являетесь хардкорным разработчиком или сетевым администратором, рассмотрите возможность проверить tinypng.com , Не позволяйте доменному имени обмануть вас, оно может работать с файлами png и jpeg. Прежде чем загрузить свое изображение, просто поместите его (буквально) на веб-сайт, и оно выплюнет оптимизированное изображение. Если вы художник или иллюстратор, я бы рекомендовал дважды проверить, чтобы убедиться, что качество изображения вас устраивает, но в большинстве случаев потеря качества очень мала.

На изображении выше показано, что общий размер файла экономит до 68%. Это уменьшило изображение, которое было 47 КБ до 15 КБ. Представьте себе большой сайт с терабайтами файлов, сколько будет сэкономлено.

Разрешение изображения / фактический размер в WordPress

Другая распространенная ошибка, которую мы видим для веб-мастеров, заключается в использовании в WordPress изображения неправильного размера. Не размер файла, а фактический размер изображения. Например, подумайте о крошечном маленьком логотипе Facebook в нижнем колонтитуле сайта. Нет причин для этого изображения быть 1000 х 1000 пикселей. Скорее всего, это ближе к 50 х 50 или даже меньше. Если вы обнаружите, что вам нужно в значительной степени изменить размеры своих изображений, вы можете рассмотреть возможность их удаления, сжатия и повторной загрузки. В долгосрочной перспективе вы сбрите много скорости. Хорошо, если вы немного уменьшите изображение с помощью атрибутов изображения, просто не создавайте привычку слишком часто уменьшать их.

Если вы оптимизируете свой сайт WordPress постранично, откройте каждое изображение в новом окне. Сравните, как выглядит фактический размер по сравнению с изображением на сайте. Если фактический размер изображения ОГРОМНЫЙ, а изображение на сайте крошечное, у вас есть проблема. Есть 2 варианта:

• сохраните изображение, удалите его с сервера, уменьшите его в Photoshop или программе редактирования изображений по вашему выбору и повторно загрузите в ту же папку, используя то же имя файла
• или сделать то же самое, (сохранить, удалить, сжать), но повторно загрузить его в новую папку с обновленным именем

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

Плагины для WordPress

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

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

W3 Total Cache

« W3 Total Cache повышает удобство работы вашего сайта за счет повышения производительности сервера, сокращения времени загрузки и обеспечения прозрачной интеграции сети доставки контента (CDN)».

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

• Вместо того, чтобы использовать плагин «Google Analytics», просто вставьте код в заголовок
• Используйте иконки шрифтов или вставки изображений вместо плагинов
• Вставьте favicon.ico вручную вместо использования плагина

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

минификация

Минификация - это процесс уменьшения размера кодированного файла или его консолидации за счет сокращения пробелов и других элементов в реальном коде. Не вдаваясь в технические аспекты, все, что вам действительно нужно знать, это то, что это хорошо для скорости вашего сайта. Существуют способы минимизации JavaScript и CSS вручную или с помощью инструментов или сценариев. Если вы хотите сэкономить время, мы очень рекомендую WP Minify. Этот плагин позаботится обо всем для вас и в зависимости от того, сколько JS / CSS вы загружаете, может значительно ускорить ваше общее время загрузки.

p3 Profiler

Плагин для измерения плагинов. Есть плагин, который уже давно есть, который называется P3 Profiler , Именно пользователи WordPress (а не разработчики) хотят измерять скорость и то, как плагины влияют на общую скорость их веб-сайта. Вы устанавливаете и запускаете плагин, а затем он дает вам небольшую круговую диаграмму или линейную диаграмму, показывающую, насколько хорошо работают ваши плагины.

Вот пример вывода / результата от плагина. Как видите, все плагины более или менее равномерно распределены между ресурсами, за исключением нескольких. Как и ожидалось, формы Gravity занимают больше всего ресурсов, наряду с SEO Ultimate, в то время как другие плагины, такие как AMP, берут меньше всего.

Оптимизация базы данных WordPress

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

Мы можем получить все фантазии здесь и скажем вам войти в свой ssh ​​и начать вводить команды или выполнять запросы MySQL, но для обеспечения безопасности есть отличный плагин, который может сделать все это за вас. Мы рекомендуем использовать WP Optimize, плагин, который мы использовали в течение многих лет. Самое замечательное в этом плагине заключается в том, что вам не нужно поддерживать его активным, если вы не хотите его использовать.

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

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

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

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

Оптимизация тем WordPress

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

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

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

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

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

Последний совет: если у используемой темы много функций, это не значит, что вы должны их использовать. Многие из них «требуют» плагинов, чтобы тема функционировала на 100%, но это просто не соответствует действительности. Прежде чем разрабатывать свой сайт, как можно больше откажитесь. Для опытных разработчиков зайдите в таблицы стилей и удалите ненужные функции, которые вы не будете использовать.

WordPress Sliders

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

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

Спросите себя: действительно ли необходим ваш слайдер в общей схеме вашего UX?

Включите сжатие GZIP для вашего сайта WordPress

Это довольно простая концепция, которая использует сложный алгоритм. По сути, эта техника сжимает (с помощью алгоритма) все данные на вашем сайте, чтобы уменьшить их при переходе от точки А к точке Б. Если вы когда-либо работали на компьютере с Windows или Mac, вы, вероятно, использовали « zip »в прошлом. Использование сжатия gzip на веб-сайте делает то же самое, только вместо того, чтобы находиться на локальном настольном компьютере, это происходит на веб-сервере.

Чтобы включить сжатие gzip, добавьте следующий код в ваш файл .htaccess:

Настройки должны вступить в силу при следующей загрузке сайта, так что довольно быстро!

Время до первого байта

С точки зрения непрофессионала, «время до первого байта» в основном означает, сколько времени вам потребуется, чтобы увидеть самый первый фрагмент сайта. По сути, сколько времени требуется веб-серверу, чтобы показать вам самый первый байт. Если вы ищете классный инструмент для измерения времени до первого байта, наш личный фаворит Проверка производительности KeyCDN:

В идеале вы хотите, чтобы ваш TTFB был менее 1 секунды, не более 2 секунд.

Существует не так много способов улучшить ваш TTFB без обновления сервисов. На самом деле, только два способа улучшить TTFB - это использовать премиум DNS (например, Cloudflare) или обновить хостинг.

WordPress Кэширование

Будьте очень осторожны с кэшированием. Некоторые хосты выполняют кэширование на уровне сервера, некоторые плагины имеют встроенное кэширование, и иногда ваша CDN может делать свою собственную версию кэширования. Ваш браузер также кеширует вещи. Вы можете настроить глобальное кэширование в Apache, через ваш .htaccess, через cPanel или через плагин. Тонны способов кеширования вещей. Если вы не знаете, что вы здесь делаете, пожалуйста, отойдите от клавиатуры, чтобы вы могли действительно испортить ваш сайт и ваш пользовательский опыт.

Я, однако, преувеличиваю очевидное: кэширование - это хорошо. Это может сократить количество ресурсов, особенно когда ваши посетители посещают несколько страниц на вашем сайте.

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

Предварительная выборка и предварительная визуализация

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

отн = DNS-предвыборки

Проще говоря, реализация этого тега позволит вашему сайту ускорить загрузку путем «предварительного разрешения» поиска DNS-запросов. Другими словами, ваш веб-браузер должен разрешить DNS доменного имени, которое вы запрашиваете до загрузки.

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

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

Пример того, как это используется, может быть примерно таким: Когда веб-сайт загружается, он ссылается на 4-5 файлов CSS и JavaScript. Некоторые из них размещены локально, другие - из внешних доменов. Что делает предварительная выборка, так это «заставляет» делать то, что вы хотите, вместо того, чтобы позволить браузеру самостоятельно искать домены.

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

отн = PreRender

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

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

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

Если вы не уверены, мы рекомендуем «мгновенные статьи» плагин для WordPress.

Заключение

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

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

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

Возможно, однажды ваш сайт будет выглядеть так:

On-Page SEO Руководство Содержание

Патрик Кумб - основатель и генеральный директор Elite Strategies Llc. Патрик берет на себя практический подход к управлению Elite Strategies и любит участвовать в технических проектах, связанных с потребностями входящего маркетинга клиентов.

Похожие сообщения

• Может ли ваша тема WordPress саботировать ваши усилия по SEO?

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

• Google ненавидит вашу тему WordPress

  Сегодня мы хотели бы рассказать историю сайта от удивительной компании, с которой мы работали совсем недавно. Как и многие веб-сайты, этот использовал WordPress в качестве CMS, но, к сожалению, использовал тему, которая была плохо разработана и, как мы говорим в Elite Strategies:…

• SEO PSA: переместите свои старые сайты

  Если вы опытный технический SEO, как большинство моих друзей в Твиттере, мне, вероятно, не нужно рассказывать вам об этом. На самом деле, для большинства людей в индустрии SEO это довольно очевидная вещь. Но это то, что я чувствую, я должен сказать в любом случае. Люди: переместить / удалить ...

Похожие

Комментарии