Оптимизация скорости страницы для 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) или другой хостинг.