Как получить баллы 100 / 100 на Google Pagespeed для вашего сайта WordPress

0
1010
страница Скоростные идеи

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

В этом руководстве мы покажем, насколько это просто Оценка скорости страниц из 100/100 достигать. Вы тоже можете это сделать.

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

супер-еда-страница

Мы здесь для тема The7 решил. Неважно, какую тему вы используете. Главное, он актуален и предлагает несколько вариантов настроек для создания сайта.

Это то, что вам нужно для быстрого сайта.

  1. один быстрый веб-хостинг с опытом
  2. чистый текущий WordPress
  3. правильные настройки для веб-сервера
  4. инструмент для оптимизации и кеширования

Мы используем в этом примере WP Rocket, Все эти инструменты делают то же самое. Вы сжимаете текстовые файлы, сворачиваете код и, возможно, создаете статическую страницу как копию.

Это позволяет посетителю быстро получить доступ к странице.

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

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

Google Pagespeed Insights

Войдите на свой текущий веб-сайт в Google и посмотрите производительность.

Обычно можно получить первые значения в желтой области, так что до 85, если у Webhoster есть хороший сервер.

В нашей установке по умолчанию PSI показала нам 85 / 100 в представлении рабочего стола.

PSI Стандартная установка WordPress

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

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

Для удобства Google предлагает оптимизированный код для загрузки по многим пунктам. Однако на этом этапе я обычно рекомендую добавлять на сайт только ранее оптимизированные изображения.

Вы даже можете сделать это бесплатно с Tinypng Panda делать.

tinypng-изображения сжатия
Tinypng.com Панда кормит лишние байты.

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

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

Pingdom, GTMetrix and Co.

Конечно, есть и другие тестовые страницы. Здесь, однако, часто возникает проблема, связанная с тем, что звонок поступает из-за рубежа и поэтому недостаточно осмыслен, чтобы имитировать обычного посетителя из Германии. Также важно знать, что некоторые тестовые программы не могут обрабатывать http / xnumx и точно игнорировать преимущество http / s, то есть параллельную передачу данных по соединению, и интерпретировать его негативно.

gtmetrix
Отчет о производительности GTMetrix

TTFB или общее время загрузки?

По сути, результат общего времени зарядки имеет значение. Первый байт зависит от многих факторов, на которые можно повлиять только плохо. Страница, которая не сжата, обычно имеет очень низкое значение TTFB, чем идеально сжатая страница. Но общее время загрузки со сжатием, очевидно, быстрее на странице с большим количеством контента. Как Google оценивает это, в конечном счете, туманно. У нас есть даже страницы, которые загружаются жестко, потому что программное обеспечение устарело и значение PSI 68. С 28K органические ключевые слова, но о 1000 посетители приходят на сайт в день. Но для сопоставимых сайтов страница с лучшими значениями, безусловно, будет указана выше.

CDN и модули ускорения

Существуют также модули, которые хранят статические данные на других серверах и доставляют их в зависимости от местоположения посетителя. Это уменьшает количество подключений к серверу и уменьшает так называемый TTFB. Здесь доступны кэши от akamai, cloudflare или incapsula, которые также предлагают сжатие и оптимизацию в зависимости от забронированного сервиса. Небольшая защита (D) Dos также включена, если соединение осуществляется исключительно через этих провайдеров.

CloudFlare-веб-трафика uebersicht
Облачный анализ трафика

Speedkit для Plesk

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

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

Speedkit-сайт-ускоритель Plesk
Speedkit для Plesk предназначен для ускорения работы веб-страниц. Но, вероятно, не всегда работает.

Поскольку большинство посетителей часто заходят на сайт только по ссылке из поисковой системы, у этих посетителей нет преимущества в скорости. Благодаря бортовым средствам можно хорошо обходиться без внешних кешей. С точки зрения защиты данных, особенно DSGVO и предстоящего Регламента ePrivacy, использование таких услуг не подходит. Уже отсутствует договор на обработку данных заказа при заказе этих услуг.

Таким образом, вы делаете сайт быстрее.

Самый важный момент: правильный веб-хостинг.

Видно снаружи, все делают Хостинг провайдер то же самое Но разница так часто скрыта.

Существуют веб-хостинги, которые размещают рекламу с ядрами и выделенными ресурсами, но все это работает только на очень слабом оборудовании. Небольшое ядро ​​AMD от 10-летнего сервера - это не то же самое, что ядро ​​на Intel Platinum Xeon последней версии.

vmware_cluster
Пример кластера VMWare

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

kvm_cluster
Небольшой кластер KVM

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

virtuozzo_cluster
Вид узла Virtuozzo 7

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

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

В этом примере демонстрационная страница находится на одном SEO сервер webhoster.de AG, где вы получаете учетную запись посредника Plesk с IP-адресами 10 для ваших проектов.

Используемое оборудование - сервер Dell R740 с SSD-серверами MLC в качестве массива RAID.

Интерфейс управления Plesk Onyx в текущей версии.

Был установлен стандартный WordPress со следующими активными плагинами:

  • Партнер Амазонки для WordPress
  • NextScripts: помощник по обновлению SNAP Pro
  • NextScripts: Социальные сети Auto-Poster
  • SEO Умные ссылки Бизнес
  • Окончательные шорткоды
  • Содержание Подробнее
  • Элементы 7
  • Конечные аддоны для WPBakery Page Builder
  • WPBakery Page Builder
  • Yoast SEO Premium
  • WP Rocket

Шаблон оформления

Тема - The7.

Дизайн страницы состоит из шаблонов темы или конструктора страниц. Подстраницы обычно содержат слова 2500-3000 и множество рисунков и таблиц.

Поэтому всегда важно проверять не только стартовую страницу, но и подстраницы.

Наш демонстрационный сайт называется www.super-food.de и также под этим Домен достижимо. Таким образом, вы можете проверить все тесты самостоятельно. В другой статье мы покажем, как быстро создать большой веб-сайт с несколькими ресурсами. Может быть, это тоже для тебя. Веб-сайт иногда копируется в другие системы для целей тестирования для создания сравнительных тестов.

Как настроить веб-сервер через Plesk

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

Plesk-панель-домен
Панель управления Plesk для домена

Настройки PHP в Plesk

Мы используем текущую версию php 7.2.9 с настройками по умолчанию. Под пунктом меню PHP settings, вы обычно можете сами настроить параметры. Если нет, то хостинг-провайдер должен это сделать.

Plesk-PHP-версия посаженные-апаш-с
Настройки PHP в меню Plesk. PHP FPM с веб-сервером Apache.

Настройки для Apache & nginx

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

Настройки nginx в качестве прокси в меню Plesk

Мы будем использовать nginx только в качестве прокси-сервера с интеллектуальной обработкой статических файлов. В принципе, вы можете полностью обойтись без nginx. Тогда http / 2 больше не работает и возникают другие проблемы. Так что давайте просто оставим это значение по умолчанию.

WordPress панели

Наш демонстрационный сайт уже работает довольно хорошо. Но для того, чтобы достичь 100 / 100, нам нужны некоторые модификации, такие как Minification, поэтому резюме CSS и Javascript, как рекомендует Google.

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

В этом обзоре мы используем плагин WP-Rocket. Но большинство других могут.

сор-ракета-бронирование
WP-Rocket Dashboard

В разделе «Настройки» в разделе «Оптимизация файлов» мы просто щелкнем по всем элементам, кроме тех, которые вредны для http / 2. Это CSS-файлы "Минимизировать CSS«И»Оптимизировать представление CSS".

CSS Минимизировать
WP Rocket CSS Минификация

С настройками JavaScript вы должны изменить настройки "Свернуть Javascript«И»Javascript задерживается загрузка"А также"Безопасный режим для jQuery (рекомендуется) ".

Минимизировать Javascript
Настройки WP Rocket Javascript

Это почти все. С помощью плагина страница со значением PSI увеличивается до 94 / 100. Теперь не хватает лишь нескольких незначительных оптимизаций файлов изображений или кода CSS, которые каким-то образом не были сжаты в так называемой дочерней теме. Удобно, что Google предоставляет эти файлы, но оптимизирован, поэтому вы можете легко заменить их файловым менеджером.

В этом случае мы смогли поменять изображения, измененные темой, и поместить файл CSS и Javascript в дочернюю тему.
Затем была только небольшая перезагрузка в ожидаемый 100 / 100 после того, как все оптимизации были выполнены.

страница Скоростные идеи

страница выдержки 100-100
Google Pagespeed Insights с 100 / 100 пройден.

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

Вы скоро найдете полное видео на нашем канале YouTube.

ОСТАВИТЬ ОТВЕТ

Пожалуйста, введите ваш комментарий!
Пожалуйста, введите ваше имя здесь