vitalik_ist
Житель
- Регистрация
- 30.01.21
- Сообщения
- 6
- Реакции
- 3
- Автор темы
- #1
Как ускорить WordPress (нетехническое руководство)
Обновлено 30 января 2021 г.
Вы ненавидите медленные веб-сайты, ваши посетители тоже.
Исследования показали, что 47% пользователей ожидают, что страницы загрузятся за две секунды или меньше. Кроме того, они обнаружили, что 40% пользователей полностью покинут веб-сайт, если это займет 3 секунды или более.
Это не только пользователи, Google также использует скорость страницы в качестве фактора ранжирования при принятии решения о том, в каком порядке размещать сайты в результатах поиска. Более медленные страницы означают худший рейтинг.
Найдите минутку, чтобы протестировать свой сайт с помощью этого инструмента - https://tools.pingdom.com/
Запустите два теста: один на вашей домашней странице, а другой - на внутренней. Я рекомендую два теста, потому что домашняя страница обычно является самой сложной страницей на любом веб-сайте и не дает хорошего представления о веб-сайте в целом.
Для мультимедийных страниц с большим количеством изображений или видео ваша цель должна быть 2 секунды и ниже. Для страниц, которые в основном текстовые (например, эта), вы должны стараться достигнуть показателя в 1 секуну.
Если вы не достигли этих целей, приведенная ниже информация будет для вас очень ценной. С другой стороны, если у вас уже есть быстрый веб-сайт, вы все равно можете извлечь выгоду из этой информации - исследование Walmart показало, что каждые 100 мс улучшения они увеличивают дополнительный доход до 1%.
Источник: orangevalley.nl
Другой подход
Большинство списков «как ускорить работу вашего веб-сайта» фактически представляют собой набор из двадцати с лишним передовых практик, собранных вместе без учета а) работы, необходимой для выполнения рекомендаций, или б) влияние каждой рекомендации.
Проблема в том, что без какого-либо контекста количества требуемых усилий и потенциального воздействия вы не можете принять образовательное решение о том, каким рекомендациям отдать приоритет. Вы можете часами выполнять рекомендацию, увеличивающую скорость на 1%, игнорируя другую, которая могла быть выполнена за меньшее время и имела гораздо больший эффект.
Вот почему в этом руководстве я использовал другой подход. Рекомендации сначала упорядочены по степени воздействия, а затем по сложности.
высокого и среднего воздействия Рекомендации Дадут наибольшую отдачу от вложенных средств, и именно с этого вам следует начать. Только после того, как эти рекомендации будут изучены, вы можете рассматривать с низким уровнем воздействия пункты.
Выручалка
Есть два плагина премиум-класса, которые вы можете использовать для автоматического выполнения 80% рекомендаций, потенциально экономя ваши часы работы. Они не являются строго обязательными для реализации любого из нижеприведенных, но они сэкономят вам много времени по сравнению со скромной стоимостью.
1. WP Rocket - это плагин для кеширования, но, в отличие от большинства своих конкурентов, он не требует тонны настройки и конфигурации, чтобы воспользоваться преимуществами. Фактически, WP Rocket сообщает, что вы получите 80% оптимизации, просто включив плагин, без какой-либо конфигурации.
WP Rocket - единственный плагин кеширования, который объединяет более 80% лучших практик веб-производительности даже без каких-либо активированных опций.
2. Perfmatters - это легкий плагин для повышения производительности, который позволяет вам реализовать более 20 оптимизаций производительности всего за пару кликов. Как вы узнаете из этого руководства, можно достичь того же результата, собрав по кусочкам бесплатные плагины. Но за небольшую плату (25 долларов) у вас может быть один плагин, который обрабатывает все, и вы можете быть уверены, что плагин поддерживается опытной командой разработчиков с акцентом на оптимизацию.
Как ускорить работу WordPress
Я сгруппировал рекомендации по степени воздействия (высокий, средний, низкий и нет), а затем отсортировал каждую группу по сложности. Как вы увидите, есть лишь несколько вещей, которые могут иметь большое влияние, и большинство из них сложно реализовать. Хотя это может не радовать, это действительно отражает реальную реальность производительности веб-сайта, которую многие другие руководства предпочитают не учитывать.
Оглавление
Скрыть
Обновление PHP
Поддержка в актуальном состоянии PHP до последней стабильной версии имеет важное значение для обеспечения безопасности быстрой и бесперебойной работы вашего сайта. Она также приносит существенные улучшения производительности - грубо говоря, PHP 7 в два раза быстрее своего предшественника PHP 5.6. Это не означает, что ваш веб-сайт будет в два раза быстрее, если вы обновите PHP 5.6 до 7, поскольку есть другие факторы, но это должно иметь большое значение.
Запросы в(чем больше, тем лучше)
секундуисточник: kinsta.com/blog/php-benchmarks/
Следует опасаться того, что обновления PHP могут включать «критические изменения», что означает, что если ваша тема или плагины содержат код, t был протестирован с последними версиями, это может вызвать проблемы.
Не позволяйте этому отговаривать вас от обновления до современной версии PHP, преимущества безопасности и производительности слишком велики. Вместо этого изучите, какие варианты предлагает ваш хост, чтобы снизить риск. В настоящее время большинство хозяев предлагают промежуточные среды, которые позволяют безопасно тестировать любые изменения. Кроме того, начиная с версии 5.2 WordPress также включает Защиту Критических ошибок, отчтобы снизить риск ошибок кода, которые приведут к остановке вашего сайта.
Используйте высокопроизводительный хостинг.
Выбор хоста будет иметь большее влияние на скорость вашего сайта, чем 90% пунктов в этом списке.
Если вашему хостинговому серверу требуется дополнительная секунда дольше, чтобы загрузить вашу страницу, чем альтернативный вариант, то вы не сможете преодолеть это с помощью любой из приведенных ниже рекомендаций.
К сожалению, это тоже один из самых важных факторов но который легко устраняется заменой хостинга. Многие люди технически или контрактно привязаны к существующему хосту. Некоторые хосты (в том числе Kinsta) предлагает бесплатную услугу миграции, чтобы облегчить технические трудности при смене хоста.
На хостинге вы получаете то, за что платите. Управляемые хосты (Kinsta, WPEngine, Pantheon) дороже, но обычно быстрее, чем недорогие общие хосты (Siteground, Bluehost, Hostgator). Я лично рекомендую Кинста и Сайт для всех моих клиентов, поскольку, по моему опыту, они лучшие в своих ценовых категориях, как по производительности, так и по поддержке.
сравнения скорости хостинга
Источник: themeisle.com/blog/fastest-web-hosting/
Ограничение
сторонних скриптов Сторонний скрипт - это скрипт, который подключается к внешнему сайту или службе, а затем выполняет код на вашем сайте. Google AdSense - популярный пример.
Проблема со сторонними скриптами заключается в том, что скорость вашей страницы зависит от провайдера. Если на выполнение запроса у них уходит три секунды, ваша страница будет загружаться на три секунды дольше.
Есть способы уменьшить влияние сторонних скриптов на ваш сайт. Однако многие сторонние компании, особенно рекламные сети, очень четко указывают, как они хотят, чтобы вы реализовали их код. Они сообщают вам, где именно он должен быть размещен и какой код должен загружаться до или после него, что серьезно ограничивает шаги, которые вы можете предпринять, чтобы снизить влияние на производительность.
Вместо того, чтобы пытаться оптимизировать скрипты, более продуктивно проверить, нужны ли они вам вообще. Нередко встречаются устаревшие скрипты, которые вы не используете, но еще не удалили. Распространенные примеры включают:
В начале этого руководства я сказал вам протестировать ваше использование выполните тест скорости.Если вы прокрутите страницу результатов вниз, вы увидите таблицу с подробным описанием всех запросов, сделанных вашей страницей. Вы можете отсортировать таблицу по времени загрузки (по убыванию), чтобы увидеть, какие запросы выполняются дольше всего. Определив, какие запросы занимают больше всего времени, вы можете проверить, требуются ли они вообще. Если да, то поговорите с поставщиком, чтобы узнать, есть ли способ оптимизировать доставку.
Аудит ваших плагинов
Большинство плагинов WordPress созданы без учета производительности. Вместо этого они создаются и продаются вокруг добавления функций и функций на ваш сайт. Производительность - это в лучшем случае второстепенное значение.
Это означает, что для максимальной производительности вам необходимо тщательно проверять каждый плагин, который вы добавляете на свой сайт, и оценивать влияние, которое он оказывает.
Нетехнический способ оценить влияние каждого плагина - отключить все плагины, выполнить тест скорости и затем повторно активировать их по одному, каждый раз отмечая производительность.
Средняя эффективность.
Статическое кэширование.
Существует два основных типа кэширования: кеширование браузера и статическое кэширование.
Кэширование браузера в основном обрабатывается браузером и достаточно оптимизировано, поэтому мы пока об этом беспокоимся.
С другой стороны, статическое кэширование при правильной реализации может привести к огромному увеличению производительности. Вот на чем мы сосредоточимся.
Немного предыстории: WordPress создает ваши страницы из комбинации файлов шаблонов (заголовок, нижний колонтитул и т. Д.) И контента из базы данных (контент публикации, меню, комментарии, виджеты и т. Д.). Этот процесс называется «динамической генерацией» страницы и повторяется для каждого просмотра страницы. На уровне сервера это дорогостоящий процесс, поэтому, когда вы просите сервер сделать это сотни раз одновременно (всплеск трафика), ваш сайт может вылететь.
Более оптимизированное решение - создать страницу один раз, сохранить ее в эффективном формате (статический HTML) и затем предоставлять этот файл каждому посетителю вместо того, чтобы каждый раз динамически создавать страницу. На базовом уровне это объяснение того, что такое статическое кеширование.
Статическое кэширование имеет два преимущества. Во-первых, это ускоряет загрузку ваших страниц, так как у сервера меньше работы. Второе преимущество заключается в том, что, поскольку сервер не работает так тяжело, он может обслуживать больше посетителей одновременно. Это означает, что со статическим кешированием ваш веб-сайт будет быстрее и лучше приспособлен для обработки событий с высоким трафиком.
Добавить статический кеш на ваш сайт так же просто, как включить плагин. Я рекомендую либо Cache Enabler (бесплатно) или WP Rocket (Премиум). Некоторые хосты также предлагают свои собственные решения - Siteground имеет плагин и Kinsta имеет встроенную систему кеширования.
Используйте CDN (сеть доставки контента).
Как и кэширование, сети CDN могут вызывать путаницу, поскольку существуют разные решения, использующие одно и то же имя. Одной из особенностей всех CDN является то, что у них есть серверы, разбросанные по всему миру, с которых они могут распространять ваш контент. Для сравнения, ваш веб-сайт, скорее всего, размещен на одном сервере в одном месте (например, Сан-Франциско, США).
Сеть Cloudflare охватывает более 200 городов в более чем 100 странах.
Близость имеет значение при измерении скорости страницы: если пользователь находится в Европе, а ваш сервер находится в США, загрузка этой страницы займет больше времени, чем если бы тот же пользователь находился в США (при прочих равных).
Традиционные сети CDN делают копии ваших статических файлов (изображений, CSS и Javascript) и размещают их на своих распределенных серверах. Затем вы настраиваете свой веб-сайт для обслуживания файлов из CDN вместо вашего сервера, большая часть этого выполняется автоматически плагинами. KeyCDN и Jetpack Site Accelerator являются примерами традиционных сетей CDN.
CDN с обратным прокси-сервером предлагают гораздо больше, чем просто размещение ваших статических файлов. Они также обеспечивают безопасность, защищая ваш сайт от потенциальных злоумышленников. Проверяя трафик до того, как он попадет на ваш сервер, они могут устранить большое количество ботов и вредоносного трафика. Cloudflare - самый известный пример CDN с обратным прокси.
Сеть Cloudflare со скоростью 51 Тбит / с блокирует в среднем 72 миллиарда угроз в день, включая одни из крупнейших DDoS-атак в истории.
Если у вашего хоста нет встроенного CDN (например, Kinsta ), то лучше всего использовать Cloudflare. Это совершенно бесплатно, а установка довольно просто. Вам просто нужен доступ к вашей учетной записи регистратора домена, чтобы изменить серверы имен.
Оптимизация изображений
Изображения, импортированные с фотоаппаратов, мобильных телефонов и веб-сайтов со стоковыми фотографиями, часто бывают сверхвысокого качества и имеют размер в несколько МБ, что для веб-сайтов довольно много. Однако в большинстве случаев их можно сжать до менее чем 30% от их исходного размера без заметной потери качества.
Есть два способа оптимизировать ваши изображения. Первый вариант - использовать онлайн-инструмент, например tinypng.com для индивидуальной оптимизации изображений перед их загрузкой в WordPress. Второй вариант - использовать оптимизации изображений, сервискоторый выполняет оптимизацию автоматически всякий раз, когда вы загружаете изображение в WordPress.
Дополнительным преимуществом второго подхода является то, что вы также можете оптимизировать все уже существующие изображения одним нажатием кнопки. Если вы собираетесь пойти по этому пути, я предлагаю изучить ShortPixel. Они бесплатны для загрузки до 100 изображений в месяц, а их платные планы начинаются всего с 5 долларов в месяц за 5000 изображений.
Ленивая загрузка изображений.
Изображения обычно являются самыми тяжелыми элементами (в килобайтах) на странице. Особенно, если их много. Ленивая загрузка - это процесс, при котором изображения не загружаются до тех пор, пока они не окажутся на видимой части экрана или рядом с ней.
Ленивая загрузка зарекомендовала себя как полезная стратегия повышения производительности, настолько, что браузерные компании теперь начинают реализовать функциональность прямо в браузере.
Ленивая загрузка изображений так же проста, как установка плагин, или если вы используете WP Rocket или Perfmatters - Плагинэто щелчок переключателя, поскольку оба плагина включают в себя эту функциональность.
Оптимизация производительности
шрифтов Шрифты являются примером сторонний запрос, тема, которую мы уже изучили. Однако они представляют собой особенно большую просьбу, особенно при неправильном использовании, и требуют другого метода оптимизации. Я расскажу о них отдельно.
В прошлом я много писал о том, как оптимизировать производительность Google Fonts. Вот краткая версия:
Большинство веб-страниц содержат не менее 10+ HTTP-запросов, состоящих из трех основных типов: CSS, Javascript и изображения.
Раньше браузер мог обрабатывать только ограниченное количество запросов одновременно, а остальные ожидали в очереди. Это ограничение означало, что узкое место вызывало количество запросов, а не только размер каждого запроса.
Размер запроса напрямую влияет на время загрузки, но объединение HTTP-запросов не связано с этим, поэтому мы не будем рассматривать его здесь.
Это привело к использованию метода оптимизации, называемого «объединение запросов», при котором вы должны объединить все файлы .css / .js в один (больший) файл .css / .js и вместо этого ссылаться на него в коде. Кроме того, процесс объединения можно легко автоматизировать с помощью плагина.
В настоящее время большинство веб-сайтов и серверы поддерживают протокол HTTP / 2 который не ограничивает одновременные запросы и вместо этого может обрабатывать их все одновременно. Это в основном сводит на нет необходимость комбинирования запросов. Лучшее решение - поработать над полным удалением ненужных запросов и минимизировать размер оставшихся запросов.
Низкое влияние
Включение сжатия
GZIP GZIP - это эффективная форма сжатия, которая происходит на уровне сервера. 50% + уменьшение размера при включении GZIP не является редкостью. Хорошая новость заключается в том, что большинство хостов по умолчанию включают GZIP. Даже если вы находитесь на более дешевом виртуальном хостинге, обычно есть простые способы включить сжатие GZIP, спросите об этом своего хоста.
Сократите ресурсы
HTML, CSS и Javascript файлы используют пустые места и комментарии в исходном коде, чтобы улучшить читаемость для разработчиков. Базовая минификация просто удаляет эти посторонние элементы, чтобы уменьшить размер файла. В целом вы можете ожидать уменьшения размера файла на 10-50%. Но, в отличие от изображений, эти файлы обычно не имеют большого размера, поэтому улучшение не так заметно.
WP Rocket поддерживает минификацию HTML, CSS и Javascript.
Очистите базу данных.
Некоторые плагины вообще взаимодействуют с базой данных, но многие - взаимодействуют. Вообще говоря, чем сложнее плагин, тем больше он взаимодействует с базой данных. WooCommerce, например, хранит много информации в базе данных и имеет собственную таблицу.
Чем больше данных хранится в базе данных, тем больше она становится по размеру. Чем больше база данных, тем больше времени занимает каждое взаимодействие (запрос) с ней. Большие базы данных и сложные запросы могут легко увеличить время загрузки страницы на несколько секунд.
По мере того, как ваш веб-сайт растет и появляется все больше данных для хранения, база данных неизбежно будет расти, но мы не хотим заполнять ее неиспользуемыми, ненужными или просроченными данными.
Вот несколько примеров данных, которые могут увеличить размер базы данных без каких-либо преимуществ:
Еще одна полезная функция заключается в том, что плагин отображает размер каждой таблицы базы данных, чтобы вы могли видеть, выходят ли они из-под контроля.
Удаление строк запроса.
Браузеры кэшируют файлы CSS и Javascript, поскольку их быстрее загружать из локального кеша, чем каждый раз извлекать их с внешнего сервера.
Проблема в том, что если исходный файл на сервере изменяется, браузер не может узнать об этом, и он будет продолжать использовать устаревшую версию из кеша (до тех пор, пока кеш не будет очищен или не истечет срок его действия).
Строки запроса решают эту проблему, добавляя номер версии в конец файла, например:
style.css? Ver = 2.2.1.
Когда код обновляется, номер версии увеличивается, и браузер знает, что использование версии из кеша приведет к больше не действительны.
Это создает новую проблему. Некоторые сети CDN не могут кэшировать файлы со строками запроса - поэтому большинство инструментов тестирования скорости рекомендуют удалить их.
Удалить строки запроса из статических ресурсов так же просто, как установить плагин, или если вы используете Perfmatters - Плагинэто щелчок переключателя.
Отключить встраивание
WordPress включает небольшой скрипт на каждую страницу, который автоматически встраивает поддерживаемый контент, когда вы вставляете на него ссылку. Примером этого могут быть твиты или сообщения в Facebook. Сценарий называется wp-embed.min.js, и, хотя он небольшой, если на вашем веб-сайте не используются встраивания, нет необходимости в дополнительном HTTP-запросе.
Отключить встраивание так же просто, как установить плагин, или если вы используете Perfmatters - Плагинэто щелчок переключателя.
Отключить эмодзи.
WordPress включает небольшой скрипт на каждой странице, который увеличивает совместимость эмодзи. Скрипт - это wp-emoji-release.min.js, и хотя он небольшой, он по-прежнему не нужен для большинства веб-сайтов, поскольку они не используют эмодзи.
Отключить смайлы так же просто, как установить плагин, или если вы используете Perfmatters - Плагинэто щелчок переключателя.
Размещайте Gravatars локально
Gravatar - это сервис, который WordPress использует для отображения персонализированных аватаров авторов и комментаторов. Без Gravatar аватары были бы безличными владельцами места.
Gravatars реализуются оптимизированным способом по умолчанию, сами изображения сжимаются и они используют DNS пред запросы.
Gravatar может добавить на вашу страницу множество внешних HTTP-запросов. Например, если на вашей странице 100 комментариев, то это 100 запросов к Gravatar API для их получения.
В конечном итоге вам решать, стоит ли показывать аватары пользователей вместо заполнителей, тратя их на производительность. Чтобы отключить Gravatars, вы можете использовать плагин, или потенциально получить лучшее из обоих миров, которые вы можете ленивая загрузка аватаров с помощью Perfmatters Плагин.
Отключить или ограничить количество сообщений Редакции
редакция сообщений - отличная функция WordPress. Каждый раз, когда вы обновляете сообщение или страницу, предыдущая версия сохраняется в качестве резервной копии. По умолчанию нет ограничений на количество сохраненных ревизий, которые может иметь публикация.
Это обычное дело, когда у поста есть 10+ ревизий. А теперь представьте, что если у вас было 200 сообщений, это 2000+ ревизий в базе данных. Редакции постов не бесплатны, они происходят за счет увеличения размера базы данных, что в конечном итоге может замедлить работу вашего сайта.
Лучшее решение - установить разумный лимит на количество ревизий, 3 - хорошая отправная точка. В этом случае WordPress сохранит только 3 самые последние версии и автоматически удалит старые.
Чтобы ограничить количество редакций сообщений, вы можете использовать плагин,или использовать Perfmatters Плагин.
Удаление старых ревизий
постов Когда вы снижаете лимит ревизий постов, WordPress не удаляет автоматически существующие ревизии, превышающие этот лимит. Вместо этого вам нужно будет использовать инструменты, которыми я поделился в Очиститебазы данных, разделчтобы удалить их.
На этом сайте собрано 12 000 постов.
Использовать подсказки ресурсов (предварительная выборка)
HTTP-запросы разбиты на несколько этапов. На первом этапе браузер должен определить, откуда получить данные, чтобы он мог подключиться к внешнему серверу, это называется DNS-поиском.
Поиск DNS выполняется, когда браузер готов запустить HTTP-запрос. Как видно из графиков водопада, браузеры не загружают все сразу, вместо этого они загружают разные части последовательно.
Современные браузеры поддерживают оптимизацию под названием «Предварительная выборка DNS», при которой вместо выполнения поиска при запуске запросов вы можете выполнять все запросы с упреждением, как только страница начинает загружаться. Их запуск сразу (и все сразу) означает, что браузеру не нужно ждать, когда он достигнет этой части процесса.
Поиск DNS не занимает много времени, обычно от 0 до 100 мс, поэтому такая оптимизация не будет иметь большого эффекта, но у нее нет недостатков, поэтому ее стоит сделать.
Некоторые примеры ресурсов, которые вы можете предварительно загрузить:
Поисковые запросы DNS можно кэшировать. Если браузеры уже подключились к ресурсу, например Google Analytics, то поиск DNS не потребуется в следующий раз, когда браузер подключится к тому же ресурсу, даже на разных веб-сайтах.
Аудит вашей темы
WordPress Темы WordPress обычно ориентированы на внешний вид веб-сайта, а плагины - на функциональность. Таким образом, возможности для снижения производительности веб-сайта не так велики. Хотя есть два исключения:
1. Плохо написанные темы
Трудно понять, написана ли тема «плохо» без полной проверки кода. Выбор тем из wordpress.org/themes Каталог- это разумный шаг, так как они имеют высокие стандарты включения. Хорошо зарекомендовавшие себя поставщики тем, такие как ThemeIsle, WPZoom и На ThemeKingdom также можно положиться.
2. Темы, которые включают множество Javascript,
интерактивных функций таких как слайдеры, экраны загрузки и эффекты прокрутки, созданы с использованием Javascript. Хотя в JS нет ничего плохого по своей сути, при неосторожном использовании он может серьезно сказаться на скорости вашей страницы.
Если вы считаете, что ваша тема может быть проблемной, временно включите одну из тем по умолчанию и посмотрите, улучшится ли скорость вашей страницы. Темы по умолчанию имеют очень минималистичный код и функции, поэтому обеспечивают хорошую основу.
никакого влияния.
Обновление WordPress
незначительно или не оказывает Хотя рекомендуется поддерживать WordPress в актуальном состоянии, обычно между выпусками не наблюдается значительных улучшений производительности.
Отключить XML-RPC
XML-RPC - это механизм, который упрощает соединение между приложениями и WordPress. Мобильные приложения для письма, которые можно публиковать непосредственно на вашем веб-сайте, являются примером инструмента, использующего это соединение.
В последнее время для этого варианта использования предпочтение отдается WordPress REST API. Однако протокол XML-RPC по-прежнему существует по унаследованным причинам.
В XML-RPC нет ничего плохого с точки зрения производительности или безопасности. Однако это оставляет дверь открытой для потенциальных DDOS-атак. Если вы не используете какие-либо инструменты или службы, которые требуют этого, имеет смысл отключить их.
Отключить XML-RPC так же просто, как установить плагин, или если вы используете Perfmatters - Плагин Это щелчок переключателя. Некоторые хосты (например, Kinsta) также по умолчанию отключают XML-RPC.
Примечание. Плагин Jetpack использует XML-RPC, поэтому вам может потребоваться оставить его включенным, если вы используете этот плагин.
Удаление метатега версии WordPress.
В исходном коде вашего веб-сайта WordPress выводит строку кода, обозначающую используемую вами версию, она выглядит так:
<meta name = "generator" content = "WordPress 4.9.15" />
Некоторые считают это угроза безопасности, так как злоумышленникам очень легко идентифицировать веб-сайты, на которых работает небезопасная версия WordPress, поэтому вы можете удалить тег на этом основании. Но его удаление не окажет положительного влияния на скорость страницы.
Удалить ссылку wlwmanifest Ссылка
wlwmanifest - это метатег, который сообщает программе Windows Live Writer, как взаимодействовать с WordPress. Выглядит это так:
<link rel = "wlwmanifest" type = "application / wlwmanifest + xml" href = "https://fontsplugin.com/wp-includes/wlwmanifest.xml" />
Если вы не используете Windows Live Писателю этот метатег бесполезен, но и с точки зрения производительности нет никакой пользы от его удаления.
Удалить ссылку wlwmanifest так же просто, как щелкнуть переключатель Рекомендации:
удалить ссылку RSD Ссылка
RSD (Really Simple Discovery) - еще одна функция WordPress, которая добавляется по умолчанию, но очень немногие люди ее используют.
<link rel = "EditURI" type = "application / rsd + xml" title = "RSD" href = "https://outstandingsetup.com/xmlrpc.php?rsd" />
Удаление не улучшит производительность, но если вы хотите в любом случае сделать это очень просто, используя плагин или Perfmatters.
УдалениеWordPress
короткой ссылкиПо умолчанию WordPress создает короткую ссылку для каждой страницы вашего веб-сайта, которая перенаправляет на полный URL. Например, это страница https://fontsplugin.com/speed-up-wordpress, но вы также можете использовать https://fontsplugin.com/?p=9586 для доступа к ней.
WordPress ссылается на короткую ссылку в исходном коде вашего веб-сайта следующим образом:
<link rel = 'shortlink' href = 'https: //fontsplugin.com/? P = 9586' />
Удаление ссылки на короткую ссылку из исходного кода вашего веб-сайта не улучшит производительность, но если вы все равно хотите это сделать, очень просто использовать плагин или Perfmatters.
Отключить RSS-канал.
Каждый веб-сайт WordPress имеет встроенный RSS-канал в / feed, наш - https://fontsplugin.com/feed.
RSS-каналы могут использоваться читателями для эффективной подписки на ваш сайт с помощью «Читатель ленты». Они также могут использоваться программным обеспечением, которому необходимо получить упрощенную версию вашего контента. Например, инструменты, которые репостят ваш контент на Facebook.
Отключение RSS-канала ваших веб-сайтов не улучшит производительность и может исключить некоторых читателей. Но если вы все равно хотите отключить его, это легко сделать с помощью плагин или Perf Matters.
Заключение
В начале этого руководства я установил вам несколько целей по времени загрузки: одна секунда (или меньше) для текстовых страниц и две секунды для страниц с большим количеством мультимедиа. Если вы сосредоточитесь на выполнении рекомендаций этого руководства, я уверен, что у вас не возникнет проблем с достижением этих цифр.
Если вы нашли это руководство полезным, поставьте лайк на Facebook или Твиттер,узнало чтобы об этоми больше людей.
Этот пост содержит партнерские ссылки. Когда вы совершаете покупку по ссылкам на нашем сайте, мы можем получать партнерскую комиссию. Это никак не влияет на наши рекомендации. Мы рекомендуем только те продукты, которые мы используем и любим.
Обновлено 30 января 2021 г.
Вы ненавидите медленные веб-сайты, ваши посетители тоже.
Исследования показали, что 47% пользователей ожидают, что страницы загрузятся за две секунды или меньше. Кроме того, они обнаружили, что 40% пользователей полностью покинут веб-сайт, если это займет 3 секунды или более.
Это не только пользователи, Google также использует скорость страницы в качестве фактора ранжирования при принятии решения о том, в каком порядке размещать сайты в результатах поиска. Более медленные страницы означают худший рейтинг.
Найдите минутку, чтобы протестировать свой сайт с помощью этого инструмента - https://tools.pingdom.com/
Запустите два теста: один на вашей домашней странице, а другой - на внутренней. Я рекомендую два теста, потому что домашняя страница обычно является самой сложной страницей на любом веб-сайте и не дает хорошего представления о веб-сайте в целом.
Для мультимедийных страниц с большим количеством изображений или видео ваша цель должна быть 2 секунды и ниже. Для страниц, которые в основном текстовые (например, эта), вы должны стараться достигнуть показателя в 1 секуну.
Если вы не достигли этих целей, приведенная ниже информация будет для вас очень ценной. С другой стороны, если у вас уже есть быстрый веб-сайт, вы все равно можете извлечь выгоду из этой информации - исследование Walmart показало, что каждые 100 мс улучшения они увеличивают дополнительный доход до 1%.
Другой подход
Большинство списков «как ускорить работу вашего веб-сайта» фактически представляют собой набор из двадцати с лишним передовых практик, собранных вместе без учета а) работы, необходимой для выполнения рекомендаций, или б) влияние каждой рекомендации.
Проблема в том, что без какого-либо контекста количества требуемых усилий и потенциального воздействия вы не можете принять образовательное решение о том, каким рекомендациям отдать приоритет. Вы можете часами выполнять рекомендацию, увеличивающую скорость на 1%, игнорируя другую, которая могла быть выполнена за меньшее время и имела гораздо больший эффект.
Вот почему в этом руководстве я использовал другой подход. Рекомендации сначала упорядочены по степени воздействия, а затем по сложности.
высокого и среднего воздействия Рекомендации Дадут наибольшую отдачу от вложенных средств, и именно с этого вам следует начать. Только после того, как эти рекомендации будут изучены, вы можете рассматривать с низким уровнем воздействия пункты.
Выручалка
Есть два плагина премиум-класса, которые вы можете использовать для автоматического выполнения 80% рекомендаций, потенциально экономя ваши часы работы. Они не являются строго обязательными для реализации любого из нижеприведенных, но они сэкономят вам много времени по сравнению со скромной стоимостью.
1. WP Rocket - это плагин для кеширования, но, в отличие от большинства своих конкурентов, он не требует тонны настройки и конфигурации, чтобы воспользоваться преимуществами. Фактически, WP Rocket сообщает, что вы получите 80% оптимизации, просто включив плагин, без какой-либо конфигурации.
WP Rocket - единственный плагин кеширования, который объединяет более 80% лучших практик веб-производительности даже без каких-либо активированных опций.
2. Perfmatters - это легкий плагин для повышения производительности, который позволяет вам реализовать более 20 оптимизаций производительности всего за пару кликов. Как вы узнаете из этого руководства, можно достичь того же результата, собрав по кусочкам бесплатные плагины. Но за небольшую плату (25 долларов) у вас может быть один плагин, который обрабатывает все, и вы можете быть уверены, что плагин поддерживается опытной командой разработчиков с акцентом на оптимизацию.
Как ускорить работу WordPress
Я сгруппировал рекомендации по степени воздействия (высокий, средний, низкий и нет), а затем отсортировал каждую группу по сложности. Как вы увидите, есть лишь несколько вещей, которые могут иметь большое влияние, и большинство из них сложно реализовать. Хотя это может не радовать, это действительно отражает реальную реальность производительности веб-сайта, которую многие другие руководства предпочитают не учитывать.
Оглавление
Скрыть
- Другой подход
- Как ускорить WordPress
- Высококачественное
- Среднее влияние
- Низкое влияние
- Включить сжатие GZIP
- Минимизировать ресурсы
- Очистить базу данных
- Удалить строки запроса
- Отключить встраивание
- Отключить Emoji
- Host Gravatars Локально
- Отключить или ограничить редакции сообщений
- Удалить старые редакции сообщений
- Использовать подсказки ресурсов (предварительная выборка)
- Аудит вашей темы WordPress Незначительный
- или не влияет
- Заключение
Обновление PHP
Поддержка в актуальном состоянии PHP до последней стабильной версии имеет важное значение для обеспечения безопасности быстрой и бесперебойной работы вашего сайта. Она также приносит существенные улучшения производительности - грубо говоря, PHP 7 в два раза быстрее своего предшественника PHP 5.6. Это не означает, что ваш веб-сайт будет в два раза быстрее, если вы обновите PHP 5.6 до 7, поскольку есть другие факторы, но это должно иметь большое значение.
секундуисточник: kinsta.com/blog/php-benchmarks/
Следует опасаться того, что обновления PHP могут включать «критические изменения», что означает, что если ваша тема или плагины содержат код, t был протестирован с последними версиями, это может вызвать проблемы.
Не позволяйте этому отговаривать вас от обновления до современной версии PHP, преимущества безопасности и производительности слишком велики. Вместо этого изучите, какие варианты предлагает ваш хост, чтобы снизить риск. В настоящее время большинство хозяев предлагают промежуточные среды, которые позволяют безопасно тестировать любые изменения. Кроме того, начиная с версии 5.2 WordPress также включает Защиту Критических ошибок, отчтобы снизить риск ошибок кода, которые приведут к остановке вашего сайта.
Используйте высокопроизводительный хостинг.
Выбор хоста будет иметь большее влияние на скорость вашего сайта, чем 90% пунктов в этом списке.
Если вашему хостинговому серверу требуется дополнительная секунда дольше, чтобы загрузить вашу страницу, чем альтернативный вариант, то вы не сможете преодолеть это с помощью любой из приведенных ниже рекомендаций.
К сожалению, это тоже один из самых важных факторов но который легко устраняется заменой хостинга. Многие люди технически или контрактно привязаны к существующему хосту. Некоторые хосты (в том числе Kinsta) предлагает бесплатную услугу миграции, чтобы облегчить технические трудности при смене хоста.
На хостинге вы получаете то, за что платите. Управляемые хосты (Kinsta, WPEngine, Pantheon) дороже, но обычно быстрее, чем недорогие общие хосты (Siteground, Bluehost, Hostgator). Я лично рекомендую Кинста и Сайт для всех моих клиентов, поскольку, по моему опыту, они лучшие в своих ценовых категориях, как по производительности, так и по поддержке.
Источник: themeisle.com/blog/fastest-web-hosting/
Ограничение
сторонних скриптов Сторонний скрипт - это скрипт, который подключается к внешнему сайту или службе, а затем выполняет код на вашем сайте. Google AdSense - популярный пример.
Проблема со сторонними скриптами заключается в том, что скорость вашей страницы зависит от провайдера. Если на выполнение запроса у них уходит три секунды, ваша страница будет загружаться на три секунды дольше.
Есть способы уменьшить влияние сторонних скриптов на ваш сайт. Однако многие сторонние компании, особенно рекламные сети, очень четко указывают, как они хотят, чтобы вы реализовали их код. Они сообщают вам, где именно он должен быть размещен и какой код должен загружаться до или после него, что серьезно ограничивает шаги, которые вы можете предпринять, чтобы снизить влияние на производительность.
Вместо того, чтобы пытаться оптимизировать скрипты, более продуктивно проверить, нужны ли они вам вообще. Нередко встречаются устаревшие скрипты, которые вы не используете, но еще не удалили. Распространенные примеры включают:
- Сценарии отслеживания
- Сценарии рекламы
- Встраивание в социальные сети
В начале этого руководства я сказал вам протестировать ваше использование выполните тест скорости.Если вы прокрутите страницу результатов вниз, вы увидите таблицу с подробным описанием всех запросов, сделанных вашей страницей. Вы можете отсортировать таблицу по времени загрузки (по убыванию), чтобы увидеть, какие запросы выполняются дольше всего. Определив, какие запросы занимают больше всего времени, вы можете проверить, требуются ли они вообще. Если да, то поговорите с поставщиком, чтобы узнать, есть ли способ оптимизировать доставку.
Аудит ваших плагинов
Большинство плагинов WordPress созданы без учета производительности. Вместо этого они создаются и продаются вокруг добавления функций и функций на ваш сайт. Производительность - это в лучшем случае второстепенное значение.
Это означает, что для максимальной производительности вам необходимо тщательно проверять каждый плагин, который вы добавляете на свой сайт, и оценивать влияние, которое он оказывает.
- Это добавляет сторонние запросы к интерфейсу?
- При активации интерфейс кажется медленнее?
- При активации wp-admin работает медленнее?
Нетехнический способ оценить влияние каждого плагина - отключить все плагины, выполнить тест скорости и затем повторно активировать их по одному, каждый раз отмечая производительность.
Средняя эффективность.
Статическое кэширование.
Существует два основных типа кэширования: кеширование браузера и статическое кэширование.
Кэширование браузера в основном обрабатывается браузером и достаточно оптимизировано, поэтому мы пока об этом беспокоимся.
С другой стороны, статическое кэширование при правильной реализации может привести к огромному увеличению производительности. Вот на чем мы сосредоточимся.
Немного предыстории: WordPress создает ваши страницы из комбинации файлов шаблонов (заголовок, нижний колонтитул и т. Д.) И контента из базы данных (контент публикации, меню, комментарии, виджеты и т. Д.). Этот процесс называется «динамической генерацией» страницы и повторяется для каждого просмотра страницы. На уровне сервера это дорогостоящий процесс, поэтому, когда вы просите сервер сделать это сотни раз одновременно (всплеск трафика), ваш сайт может вылететь.
Более оптимизированное решение - создать страницу один раз, сохранить ее в эффективном формате (статический HTML) и затем предоставлять этот файл каждому посетителю вместо того, чтобы каждый раз динамически создавать страницу. На базовом уровне это объяснение того, что такое статическое кеширование.
Статическое кэширование имеет два преимущества. Во-первых, это ускоряет загрузку ваших страниц, так как у сервера меньше работы. Второе преимущество заключается в том, что, поскольку сервер не работает так тяжело, он может обслуживать больше посетителей одновременно. Это означает, что со статическим кешированием ваш веб-сайт будет быстрее и лучше приспособлен для обработки событий с высоким трафиком.
Добавить статический кеш на ваш сайт так же просто, как включить плагин. Я рекомендую либо Cache Enabler (бесплатно) или WP Rocket (Премиум). Некоторые хосты также предлагают свои собственные решения - Siteground имеет плагин и Kinsta имеет встроенную систему кеширования.
Используйте CDN (сеть доставки контента).
Как и кэширование, сети CDN могут вызывать путаницу, поскольку существуют разные решения, использующие одно и то же имя. Одной из особенностей всех CDN является то, что у них есть серверы, разбросанные по всему миру, с которых они могут распространять ваш контент. Для сравнения, ваш веб-сайт, скорее всего, размещен на одном сервере в одном месте (например, Сан-Франциско, США).
Сеть Cloudflare охватывает более 200 городов в более чем 100 странах.
Близость имеет значение при измерении скорости страницы: если пользователь находится в Европе, а ваш сервер находится в США, загрузка этой страницы займет больше времени, чем если бы тот же пользователь находился в США (при прочих равных).
Традиционные сети CDN делают копии ваших статических файлов (изображений, CSS и Javascript) и размещают их на своих распределенных серверах. Затем вы настраиваете свой веб-сайт для обслуживания файлов из CDN вместо вашего сервера, большая часть этого выполняется автоматически плагинами. KeyCDN и Jetpack Site Accelerator являются примерами традиционных сетей CDN.
CDN с обратным прокси-сервером предлагают гораздо больше, чем просто размещение ваших статических файлов. Они также обеспечивают безопасность, защищая ваш сайт от потенциальных злоумышленников. Проверяя трафик до того, как он попадет на ваш сервер, они могут устранить большое количество ботов и вредоносного трафика. Cloudflare - самый известный пример CDN с обратным прокси.
Сеть Cloudflare со скоростью 51 Тбит / с блокирует в среднем 72 миллиарда угроз в день, включая одни из крупнейших DDoS-атак в истории.
Если у вашего хоста нет встроенного CDN (например, Kinsta ), то лучше всего использовать Cloudflare. Это совершенно бесплатно, а установка довольно просто. Вам просто нужен доступ к вашей учетной записи регистратора домена, чтобы изменить серверы имен.
Оптимизация изображений
Изображения, импортированные с фотоаппаратов, мобильных телефонов и веб-сайтов со стоковыми фотографиями, часто бывают сверхвысокого качества и имеют размер в несколько МБ, что для веб-сайтов довольно много. Однако в большинстве случаев их можно сжать до менее чем 30% от их исходного размера без заметной потери качества.
Есть два способа оптимизировать ваши изображения. Первый вариант - использовать онлайн-инструмент, например tinypng.com для индивидуальной оптимизации изображений перед их загрузкой в WordPress. Второй вариант - использовать оптимизации изображений, сервискоторый выполняет оптимизацию автоматически всякий раз, когда вы загружаете изображение в WordPress.
Дополнительным преимуществом второго подхода является то, что вы также можете оптимизировать все уже существующие изображения одним нажатием кнопки. Если вы собираетесь пойти по этому пути, я предлагаю изучить ShortPixel. Они бесплатны для загрузки до 100 изображений в месяц, а их платные планы начинаются всего с 5 долларов в месяц за 5000 изображений.
Ленивая загрузка изображений.
Изображения обычно являются самыми тяжелыми элементами (в килобайтах) на странице. Особенно, если их много. Ленивая загрузка - это процесс, при котором изображения не загружаются до тех пор, пока они не окажутся на видимой части экрана или рядом с ней.
Ленивая загрузка зарекомендовала себя как полезная стратегия повышения производительности, настолько, что браузерные компании теперь начинают реализовать функциональность прямо в браузере.
Ленивая загрузка изображений так же проста, как установка плагин, или если вы используете WP Rocket или Perfmatters - Плагинэто щелчок переключателя, поскольку оба плагина включают в себя эту функциональность.
Оптимизация производительности
шрифтов Шрифты являются примером сторонний запрос, тема, которую мы уже изучили. Однако они представляют собой особенно большую просьбу, особенно при неправильном использовании, и требуют другого метода оптимизации. Я расскажу о них отдельно.
В прошлом я много писал о том, как оптимизировать производительность Google Fonts. Вот краткая версия:
- удалите ненужные запросы шрифтов с помощью этого плагина - https://wordpress.org/plugins/disable-remove-google-fonts/
- Если вы собираетесь использовать шрифты Google, добавьте их, используя Плагин Fonts, поскольку он построен с учетом производительности.
- Удалите варианты шрифтов, которые не будут использоваться с Выборочная загрузка шрифтов.
- Разместите шрифты локально, чтобы не зависеть от стороннего сервера Google.
Большинство веб-страниц содержат не менее 10+ HTTP-запросов, состоящих из трех основных типов: CSS, Javascript и изображения.
Раньше браузер мог обрабатывать только ограниченное количество запросов одновременно, а остальные ожидали в очереди. Это ограничение означало, что узкое место вызывало количество запросов, а не только размер каждого запроса.
Размер запроса напрямую влияет на время загрузки, но объединение HTTP-запросов не связано с этим, поэтому мы не будем рассматривать его здесь.
Это привело к использованию метода оптимизации, называемого «объединение запросов», при котором вы должны объединить все файлы .css / .js в один (больший) файл .css / .js и вместо этого ссылаться на него в коде. Кроме того, процесс объединения можно легко автоматизировать с помощью плагина.
В настоящее время большинство веб-сайтов и серверы поддерживают протокол HTTP / 2 который не ограничивает одновременные запросы и вместо этого может обрабатывать их все одновременно. Это в основном сводит на нет необходимость комбинирования запросов. Лучшее решение - поработать над полным удалением ненужных запросов и минимизировать размер оставшихся запросов.
Низкое влияние
Включение сжатия
GZIP GZIP - это эффективная форма сжатия, которая происходит на уровне сервера. 50% + уменьшение размера при включении GZIP не является редкостью. Хорошая новость заключается в том, что большинство хостов по умолчанию включают GZIP. Даже если вы находитесь на более дешевом виртуальном хостинге, обычно есть простые способы включить сжатие GZIP, спросите об этом своего хоста.
Сократите ресурсы
HTML, CSS и Javascript файлы используют пустые места и комментарии в исходном коде, чтобы улучшить читаемость для разработчиков. Базовая минификация просто удаляет эти посторонние элементы, чтобы уменьшить размер файла. В целом вы можете ожидать уменьшения размера файла на 10-50%. Но, в отличие от изображений, эти файлы обычно не имеют большого размера, поэтому улучшение не так заметно.
WP Rocket поддерживает минификацию HTML, CSS и Javascript.
Очистите базу данных.
Некоторые плагины вообще взаимодействуют с базой данных, но многие - взаимодействуют. Вообще говоря, чем сложнее плагин, тем больше он взаимодействует с базой данных. WooCommerce, например, хранит много информации в базе данных и имеет собственную таблицу.
Чем больше данных хранится в базе данных, тем больше она становится по размеру. Чем больше база данных, тем больше времени занимает каждое взаимодействие (запрос) с ней. Большие базы данных и сложные запросы могут легко увеличить время загрузки страницы на несколько секунд.
По мере того, как ваш веб-сайт растет и появляется все больше данных для хранения, база данных неизбежно будет расти, но мы не хотим заполнять ее неиспользуемыми, ненужными или просроченными данными.
Вот несколько примеров данных, которые могут увеличить размер базы данных без каких-либо преимуществ:
- Спам Комментарии
- Старые редакции сообщений
- Журналы
Еще одна полезная функция заключается в том, что плагин отображает размер каждой таблицы базы данных, чтобы вы могли видеть, выходят ли они из-под контроля.
Удаление строк запроса.
Браузеры кэшируют файлы CSS и Javascript, поскольку их быстрее загружать из локального кеша, чем каждый раз извлекать их с внешнего сервера.
Проблема в том, что если исходный файл на сервере изменяется, браузер не может узнать об этом, и он будет продолжать использовать устаревшую версию из кеша (до тех пор, пока кеш не будет очищен или не истечет срок его действия).
Строки запроса решают эту проблему, добавляя номер версии в конец файла, например:
style.css? Ver = 2.2.1.
Когда код обновляется, номер версии увеличивается, и браузер знает, что использование версии из кеша приведет к больше не действительны.
Это создает новую проблему. Некоторые сети CDN не могут кэшировать файлы со строками запроса - поэтому большинство инструментов тестирования скорости рекомендуют удалить их.
Удалить строки запроса из статических ресурсов так же просто, как установить плагин, или если вы используете Perfmatters - Плагинэто щелчок переключателя.
Отключить встраивание
WordPress включает небольшой скрипт на каждую страницу, который автоматически встраивает поддерживаемый контент, когда вы вставляете на него ссылку. Примером этого могут быть твиты или сообщения в Facebook. Сценарий называется wp-embed.min.js, и, хотя он небольшой, если на вашем веб-сайте не используются встраивания, нет необходимости в дополнительном HTTP-запросе.
Отключить встраивание так же просто, как установить плагин, или если вы используете Perfmatters - Плагинэто щелчок переключателя.
Отключить эмодзи.
WordPress включает небольшой скрипт на каждой странице, который увеличивает совместимость эмодзи. Скрипт - это wp-emoji-release.min.js, и хотя он небольшой, он по-прежнему не нужен для большинства веб-сайтов, поскольку они не используют эмодзи.
Отключить смайлы так же просто, как установить плагин, или если вы используете Perfmatters - Плагинэто щелчок переключателя.
Размещайте Gravatars локально
Gravatar - это сервис, который WordPress использует для отображения персонализированных аватаров авторов и комментаторов. Без Gravatar аватары были бы безличными владельцами места.
Gravatars реализуются оптимизированным способом по умолчанию, сами изображения сжимаются и они используют DNS пред запросы.
Gravatar может добавить на вашу страницу множество внешних HTTP-запросов. Например, если на вашей странице 100 комментариев, то это 100 запросов к Gravatar API для их получения.
В конечном итоге вам решать, стоит ли показывать аватары пользователей вместо заполнителей, тратя их на производительность. Чтобы отключить Gravatars, вы можете использовать плагин, или потенциально получить лучшее из обоих миров, которые вы можете ленивая загрузка аватаров с помощью Perfmatters Плагин.
Отключить или ограничить количество сообщений Редакции
редакция сообщений - отличная функция WordPress. Каждый раз, когда вы обновляете сообщение или страницу, предыдущая версия сохраняется в качестве резервной копии. По умолчанию нет ограничений на количество сохраненных ревизий, которые может иметь публикация.
Это обычное дело, когда у поста есть 10+ ревизий. А теперь представьте, что если у вас было 200 сообщений, это 2000+ ревизий в базе данных. Редакции постов не бесплатны, они происходят за счет увеличения размера базы данных, что в конечном итоге может замедлить работу вашего сайта.
Лучшее решение - установить разумный лимит на количество ревизий, 3 - хорошая отправная точка. В этом случае WordPress сохранит только 3 самые последние версии и автоматически удалит старые.
Чтобы ограничить количество редакций сообщений, вы можете использовать плагин,или использовать Perfmatters Плагин.
Удаление старых ревизий
постов Когда вы снижаете лимит ревизий постов, WordPress не удаляет автоматически существующие ревизии, превышающие этот лимит. Вместо этого вам нужно будет использовать инструменты, которыми я поделился в Очиститебазы данных, разделчтобы удалить их.
Использовать подсказки ресурсов (предварительная выборка)
HTTP-запросы разбиты на несколько этапов. На первом этапе браузер должен определить, откуда получить данные, чтобы он мог подключиться к внешнему серверу, это называется DNS-поиском.
Поиск DNS выполняется, когда браузер готов запустить HTTP-запрос. Как видно из графиков водопада, браузеры не загружают все сразу, вместо этого они загружают разные части последовательно.
Современные браузеры поддерживают оптимизацию под названием «Предварительная выборка DNS», при которой вместо выполнения поиска при запуске запросов вы можете выполнять все запросы с упреждением, как только страница начинает загружаться. Их запуск сразу (и все сразу) означает, что браузеру не нужно ждать, когда он достигнет этой части процесса.
Поиск DNS не занимает много времени, обычно от 0 до 100 мс, поэтому такая оптимизация не будет иметь большого эффекта, но у нее нет недостатков, поэтому ее стоит сделать.
Некоторые примеры ресурсов, которые вы можете предварительно загрузить:
- Отслеживание и аналитика
- Пользовательские шрифты
- Рекламные объявления
- Gravatars
- CDN
Поисковые запросы DNS можно кэшировать. Если браузеры уже подключились к ресурсу, например Google Analytics, то поиск DNS не потребуется в следующий раз, когда браузер подключится к тому же ресурсу, даже на разных веб-сайтах.
Аудит вашей темы
WordPress Темы WordPress обычно ориентированы на внешний вид веб-сайта, а плагины - на функциональность. Таким образом, возможности для снижения производительности веб-сайта не так велики. Хотя есть два исключения:
1. Плохо написанные темы
Трудно понять, написана ли тема «плохо» без полной проверки кода. Выбор тем из wordpress.org/themes Каталог- это разумный шаг, так как они имеют высокие стандарты включения. Хорошо зарекомендовавшие себя поставщики тем, такие как ThemeIsle, WPZoom и На ThemeKingdom также можно положиться.
2. Темы, которые включают множество Javascript,
интерактивных функций таких как слайдеры, экраны загрузки и эффекты прокрутки, созданы с использованием Javascript. Хотя в JS нет ничего плохого по своей сути, при неосторожном использовании он может серьезно сказаться на скорости вашей страницы.
Если вы считаете, что ваша тема может быть проблемной, временно включите одну из тем по умолчанию и посмотрите, улучшится ли скорость вашей страницы. Темы по умолчанию имеют очень минималистичный код и функции, поэтому обеспечивают хорошую основу.
никакого влияния.
Обновление WordPress
незначительно или не оказывает Хотя рекомендуется поддерживать WordPress в актуальном состоянии, обычно между выпусками не наблюдается значительных улучшений производительности.
Отключить XML-RPC
XML-RPC - это механизм, который упрощает соединение между приложениями и WordPress. Мобильные приложения для письма, которые можно публиковать непосредственно на вашем веб-сайте, являются примером инструмента, использующего это соединение.
В последнее время для этого варианта использования предпочтение отдается WordPress REST API. Однако протокол XML-RPC по-прежнему существует по унаследованным причинам.
В XML-RPC нет ничего плохого с точки зрения производительности или безопасности. Однако это оставляет дверь открытой для потенциальных DDOS-атак. Если вы не используете какие-либо инструменты или службы, которые требуют этого, имеет смысл отключить их.
Отключить XML-RPC так же просто, как установить плагин, или если вы используете Perfmatters - Плагин Это щелчок переключателя. Некоторые хосты (например, Kinsta) также по умолчанию отключают XML-RPC.
Примечание. Плагин Jetpack использует XML-RPC, поэтому вам может потребоваться оставить его включенным, если вы используете этот плагин.
Удаление метатега версии WordPress.
В исходном коде вашего веб-сайта WordPress выводит строку кода, обозначающую используемую вами версию, она выглядит так:
<meta name = "generator" content = "WordPress 4.9.15" />
Некоторые считают это угроза безопасности, так как злоумышленникам очень легко идентифицировать веб-сайты, на которых работает небезопасная версия WordPress, поэтому вы можете удалить тег на этом основании. Но его удаление не окажет положительного влияния на скорость страницы.
Удалить ссылку wlwmanifest Ссылка
wlwmanifest - это метатег, который сообщает программе Windows Live Writer, как взаимодействовать с WordPress. Выглядит это так:
<link rel = "wlwmanifest" type = "application / wlwmanifest + xml" href = "https://fontsplugin.com/wp-includes/wlwmanifest.xml" />
Если вы не используете Windows Live Писателю этот метатег бесполезен, но и с точки зрения производительности нет никакой пользы от его удаления.
Удалить ссылку wlwmanifest так же просто, как щелкнуть переключатель Рекомендации:
удалить ссылку RSD Ссылка
RSD (Really Simple Discovery) - еще одна функция WordPress, которая добавляется по умолчанию, но очень немногие люди ее используют.
<link rel = "EditURI" type = "application / rsd + xml" title = "RSD" href = "https://outstandingsetup.com/xmlrpc.php?rsd" />
Удаление не улучшит производительность, но если вы хотите в любом случае сделать это очень просто, используя плагин или Perfmatters.
УдалениеWordPress
короткой ссылкиПо умолчанию WordPress создает короткую ссылку для каждой страницы вашего веб-сайта, которая перенаправляет на полный URL. Например, это страница https://fontsplugin.com/speed-up-wordpress, но вы также можете использовать https://fontsplugin.com/?p=9586 для доступа к ней.
WordPress ссылается на короткую ссылку в исходном коде вашего веб-сайта следующим образом:
<link rel = 'shortlink' href = 'https: //fontsplugin.com/? P = 9586' />
Удаление ссылки на короткую ссылку из исходного кода вашего веб-сайта не улучшит производительность, но если вы все равно хотите это сделать, очень просто использовать плагин или Perfmatters.
Отключить RSS-канал.
Каждый веб-сайт WordPress имеет встроенный RSS-канал в / feed, наш - https://fontsplugin.com/feed.
RSS-каналы могут использоваться читателями для эффективной подписки на ваш сайт с помощью «Читатель ленты». Они также могут использоваться программным обеспечением, которому необходимо получить упрощенную версию вашего контента. Например, инструменты, которые репостят ваш контент на Facebook.
Отключение RSS-канала ваших веб-сайтов не улучшит производительность и может исключить некоторых читателей. Но если вы все равно хотите отключить его, это легко сделать с помощью плагин или Perf Matters.
Заключение
В начале этого руководства я установил вам несколько целей по времени загрузки: одна секунда (или меньше) для текстовых страниц и две секунды для страниц с большим количеством мультимедиа. Если вы сосредоточитесь на выполнении рекомендаций этого руководства, я уверен, что у вас не возникнет проблем с достижением этих цифр.
Если вы нашли это руководство полезным, поставьте лайк на Facebook или Твиттер,узнало чтобы об этоми больше людей.
Этот пост содержит партнерские ссылки. Когда вы совершаете покупку по ссылкам на нашем сайте, мы можем получать партнерскую комиссию. Это никак не влияет на наши рекомендации. Мы рекомендуем только те продукты, которые мы используем и любим.
