Оптимизация скорости страницы для WordPress: 9 советов для лучшего времени загрузки

  1. Wordpress настройки
  2. Настройки темы
  3. сжатия изображений
  4. кэширование
  5. Плагин Сравнение
  6. хостинг
  7. хостинг настройки
  8. Общий хостинг
  9. Выделенный или виртуальный сервер
  10. Google Analytics
  11. вывод

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

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

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

Тест Google PageSpeed имеет очень ограниченную информативную ценность . Хотя он сообщает вам, насколько быстро поисковая система находит вашу страницу, большинство предложений по оптимизации невозможно в CMS. Обратите внимание только на оценку на рабочем столе, так как оценка для мобильных устройств с момента последнего обновления в середине 2018 года едва ли имеет большее значение:

С помощью так называемого проекта Lighthouse, который измеряет время загрузки мобильных устройств, Google стремится к ускорению мобильных страниц с середины прошлого года - своего рода шаблон сайта Google для мобильных сайтов. Эта технология в настоящее время подходит только для новостных порталов, и это обеспечивает сверхбыстрое время загрузки, что в большей степени зависит от Google. Согласно Google, обычные веб-сайты и блоги должны быть ориентированы на «прогрессивные веб-приложения» (гибриды между мобильными веб-сайтами и нативными приложениями), но они не поддерживаются никаким текущим браузером и поэтому не могут использоваться конструктивно. Конечно, я также рассмотрел различные подходы к Progressive Web App для этой статьи, но они не влияют на время загрузки.

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

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

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

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

Wordpress настройки

Одним из главных факторов снижения производительности WordPress является система аватаров в комментариях. Потому что по умолчанию используется внешний сервис под названием Gravatar. Этот не только медленный, но и Закон о защите данных беспокойство. Если вы включили комментарии (в настройках в разделе «Обсуждение»), вам необходимо срочно отключить аватары:

Если вы включили комментарии (в настройках в разделе «Обсуждение»), вам необходимо срочно отключить аватары:

Установив постраничные комментарии («Разбивать комментарии на страницы ...») и архивы, вы обычно можете сэкономить дополнительное время загрузки на соответствующих страницах. Чтобы разбить архивы на страницы, перейдите в «Настройки»> «Чтение» и выберите количество публикаций, которые могут отображаться на страницах блога.

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

На страницах блога я ограничиваю количество постов максимум 25 штуками на страницу.

Настройки темы

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

  • Избегайте слайдеров, так как они не только жаждут производительности, но невидимые слайды Google с точки зрения SEO обесцениваются (не полностью, но приоритет ниже, чем у видимого контента).
  • То же самое относится и к лишним плагинам и виджетам, то есть тем, которые не являются критичными для концепции. Вопрос полезности каждого плагина и виджета. Удалите или отключите любого, кто действительно не добавляет ценности: архивы, галереи, категории и календари мало интересны пользователям и не только отвлекают, но и тратят время загрузки. Кроме того, плагины также являются основными угрозами безопасности WordPress и поэтому должны всегда ограничиваться основными. Если вы сомневаетесь, проверьте виджеты и плагины с помощью веб-статистики (это выходит за рамки).
  • Используйте максимум 1 шрифт Google и хост Google шрифты исключительно локальные нет Конфиденциальность Риски ответить. Локальный хостинг Google Font достаточно прост с помощником веб-шрифтов и небольшим программированием CSS. Если у вас нет знаний в области программирования, установите плагин Autoptimize и активируйте опцию «Объединение шрифтов и асинхронную загрузку с webfont.js» в дополнительных настройках. Это помогает иногда. Кстати: системные шрифты, такие как Helvetica и Arial или Georgia и Times, не так уж и плохи (я тоже здесь использую). В графике вы можете использовать любые шрифты. Кстати, именно этим занимается Amazon.
  • Использовать один Из соображений конфиденциальности вставляйте фильмы только через YouTubes nocookie-Damain. ,

Имея немного знаний в области программирования, вы также можете использовать файл functions.php вашей темы WordPress для отключения определенных скриптов, смайликов и таблиц стилей для распечаток, а также для встраивания функций. Смайлики больше не будут выглядеть так «красиво», но встроенные видео на YouTube будут продолжать работать, если вы используете не только ссылку на YouTube, но и код для вставки видео. У меня есть ты здесь Скрипты для оптимизации производительности WordPress при условии. Скопируйте этот код и вставьте его в конец файла functions.php.

сжатия изображений

Картинки являются одними из главных убийц производительности. Они обычно составляют до 80% времени загрузки и вряд ли могут быть сжаты ("застегнуты") с помощью плагинов. При неправильном использовании вы можете использовать их, чтобы нарушить скорость страницы каждой хорошей страницы.

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

  • Фотографии и картинки с большим разнообразием цветов в формате JPG (если возможно, с пониженным качеством для Интернета)
  • Графика в формате PNG или SVG (векторная графика). Однако для SVG она вам нужна. Расширение кода вашего файла functions.php или дополнительный плагин, который позволяет функциональность в WordPress. Но мы действительно хотим избежать лишних плагинов.
  • Анимации в виде анимированных GIF или анимированных SVG. Последние во много раз меньше и красивее в анимированной графике, чем GIF, но часто требуют небольшого предварительного тестирования. Кстати, мы также полагаемся на анимированные SVG (просто нажмите на главное меню выше и посмотрите анимацию для каждой страницы).

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

Затем вы сжимаете картинки с ImageOptim или Compressor.io , Только тогда изображения могут быть загружены в WordPress. Потому что последующие сжатия не только дорогостоящие, но и могут нанести вред вашему имиджу SEO.

кэширование

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

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

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

Я полагаюсь почти на всех нас WP Fastest Cache а. WP Fastest Cache доступен в бесплатной и премиальной версии. Премиум-версия все еще может получить еще несколько миллисекунд. Лично, как фетишист времени загрузки, разница стоит денег, но в противном случае вы можете сэкономить. Этот плагин обычно быстрее и проще в настройке на наших страницах, которые оснащены различными визуальными редакторами, чем Cache Enabler , WP Rocket и W3 Total Cache.

WP Rocket - это чистый премиум плагин, поэтому он всегда стоит денег. По моим измерениям он достигает почти того же результата, что и WP Fastest Cache. Со следующим исключением вы можете сэкономить деньги: если ваш сервер работает очень медленно с нуля или если ваша страница загружается слишком медленно за границей (см. Скриншот WebPagetest «First Byte Time», если он хуже, чем C или примечание pingdom ниже) Пункт 1), вы должны передать свой контент (особенно изображения) на аутсорсинг через серверную сеть (англ .: Content Delivery Network, сокращение: CDN) или другой хостинг.

Плагин Сравнение

У меня есть следующие плагины после их Google PageSpeed ​​на нашем сайте и на Praxis-Breitenberger.de испытания. Каждый плагин имел лучшую возможную настройку, а все остальные плагины для кэширования были удалены для тестирования. Теперь посмотрим на разницу:

Плагин кэша WP Fastest Cache Free WP Fastest Cache Premium WP Rocket Cachify с автооптимизацией ø рабочего стола PageSpeed ​​90 90 82 73

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

хостинг

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

хостинг настройки

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

Еще один способ ускорения использования кеша - это так называемый NGINX. Этот кеш должен быть предложен и активирован вашим хостом. Он также «повышает» вашу страницу. Таким образом, мы снижаем время загрузки с 2 до 1 секунды. Опять же лучше спросить у хостера.

Давайте останемся с вашим сервером: устаревшая версия языка программирования PHP также может привести к медленному сайту WordPress. Таким образом, в разных тестах мы измеряли, что в WordPress можно сэкономить 10-20% времени при переходе с PHP 5.4 на PHP 7.3. С нами преобразование принесло примерно 0,5 секунды экономии времени загрузки. Переход работает для большинства веб-хостов в информационной системе клиента в областях, называемых «Версия PHP» или «Настройки скрипта». Если сомневаетесь, просто спросите хостера здесь.

Если вам не нравятся указанные выше параметры WordPress, Cache, Image Compression и Server, которые загружаются менее чем за 4 секунды, рассмотрите более радикальную меру: CDN обычно является более легким выбором, чем переключение на нового хостера. Но хорошему хостеру не обязательно нужен CDN (для сайтов, ориентированных на Европу), и он обычно более эффективен:

Общий хостинг

Если ваш веб-сайт настроен на общий хостинг, вы разделяете вычислительную мощность и линию Интернета со многими другими пользователями, и, следовательно, сервер также работает медленнее, чем если бы вы использовали свой собственный (выделенный / виртуальный) сервер. Это в основном не зависит от поставщика. Используете ли вы I & 1 Ionos, Strato или профессионального хостера, такого как Hetzner, не имеет значения, если это общий хостинг.

В этом случае я рекомендую CDN как Облачная вспышка проверить. Соединение Cloud Flare с вашим сайтом WordPress очень легко с WP Rocket. Хотя другие плагины также поддерживают такие сети, как MaxCDN, настройка обычно более сложна, а провайдеры обычно хуже с точки зрения времени загрузки.

Выделенный или виртуальный сервер

С выделенными и виртуальными серверами, на которых размещается только ваш сайт, есть несколько существенных отличий: я не достиг такой высокой производительности на Hetzner и 1 & 1, как на Host Europe (HE почти всегда был на 1 секунду быстрее).

По сути, я рекомендую переходить с общего хостинга на выделенные и / или виртуальные серверы, которые сначала посещают не менее 50 000 посетителей в месяц. Потому что такое изменение, в том числе перемещение доменов и электронной почты, легко обходится от одного до нескольких дней работы, а сам хостинг не самый дешевый: я плачу около 100 евро в месяц.

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

Google Analytics

И последнее, но не менее важное: я хотел бы перейти к Google Analytics, поскольку даже тест PageSpeed ​​Test поисковой системы жалуется на кэш собственного инструмента статистики: для инструмента статистики поисковой системы фактически требуется внешний скрипт, который должен вызываться сервером Google при каждой загрузке вашей страницы. Это может привести к замедлению от 0,5 до 1 секунды. Но поскольку кэши не могут кешировать внешние ресурсы, все, что вам нужно сделать, это разместить скрипт Analytics.js локально и регулярно его обновлять.

Чтобы сделать локальный хостинг Google Analytics, вам нужны навыки программирования и следовать это руководство или вы ставите наши SEO плагин тот, который предлагает локальный хостинг аналитики, который вы можете активировать одним щелчком мыши. Конечно, наш инструмент оптимизирован по производительности и может легко конкурировать с Yoast & Co. по функциям.

вывод

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

В конце каждой оптимизации производительности не забывайте сравнение до и после.