Делаем ваши сайты очень быстрыми
Как правило, вы настраиваете тестовую страницу для серии, подобной той, которая началась с этой статьи. Тем не менее, тестовую страницу можно легко оптимизировать, так как на ней практически не установлено никаких плагинов, загружено мало файлов CSS и JavaScript, а на целевой странице реализовано очень мало изображений. Вот почему мы хотели доказать, что вполне возможно заставить веб-сайт загружаться быстро, даже если это живой сайт с 28 изображениями, некоторые из которых в большом формате. Сайт, о котором я говорю, — это моя Демократическая почта. Кстати, конечная скорость вашего сайта часто зависит от кропотливой работы, так как многие — иногда даже небольшие — оптимизации взаимосвязаны.
Первый тест:
Второй тест:
Почему мы не учитываем скорость страницы Google
Google Page Speed Insights, несомненно, является действительно хорошим инструментом для оптимизации скорости сайта. Тем не менее, некоторые правила не только сомнительны, но и ограничивают дальнейший потенциал скорости. Особенно CSS, который Google любит рассматривать как встроенный CSS (часть CSS, отвечающая за отображение видимой области), предотвращает более быструю загрузку некоторых тем. Связанный CSS-файл, который можно отлично кэшировать, как правило, работает быстрее, даже если это имеет место только при доступе к другому веб-сайту. Google также любит ныть о своих собственных файлах, поскольку они могут кэшироваться только в течение короткого промежутка времени. Вот почему мы сосредоточимся на чистой скорости и измеримой производительности.
Совет № 1 по высокой скорости — выбор правильного хостера
Выбор правильного веб-хостинга и подходящего решения для хостинга имеет решающее значение, так как скорость уже начинается там. WordPress уже работает на доступных пакетах виртуального хостинга, но это неправильный выбор, когда вам нужна скорость. В этих пакетах веб-хостинга виртуальный сервер иногда используется более чем 100 веб-сайтами. Вы почувствуете, когда у других сайтов на сервере много трафика. Таким образом, вам нужно правильное решение, которое стоит всего на несколько долларов больше. Теперь я кратко познакомлю вас с двумя рекомендуемыми, доступными, платными решениями.
Управляемый хостинг WordPress
Raidboxes предлагает премиальный хостинг WordPress из Германии. Хостинг представляет собой управляемый хостинг WordPress. Это означает, что вам не нужно ни о чем заботиться. Начиная с пакета «Стартовый», в него входит собственный виртуальный сервер, которым вам не придется ни с кем делиться. При выборе правильного хостинга важно знать, сохраняет ли он сайты на SSD или обычные жесткие диски. Для большей скорости ваш выбор всегда должен быть SSD. Raidboxes обычно предлагает только SSD. Стоимость «Стартового пакета» 17,85 евро в месяц, включая налог на добавленную стоимость. За эти деньги вы также получите хорошую поддержку, которая бесплатно переместит ваш сайт для вас. Вы можете бесплатно протестировать управляемый хостинг WordPress в течение 14 дней на Radiboxes. Этот тип хостинга — правильный выбор, когда вы мало что знаете о настройке сервера.
Управляемый корневой облачный сервер от hostNET
Управляемый корневой облачный сервер немецкой компании hostNET. Мой выбор. hostNET позаботится обо всем, что связано с безопасностью и общей конфигурацией сервера. Когда необходимо установить дополнительные вещи, вам придется сделать это самостоятельно. Корневой облачный сервер предоставляет SSD, который отображается в системе RAID5 с горячим резервированием и дополнительным отказоустойчивым кластером HA. Это вызывает реальный прирост производительности. В дополнение к этому вы получаете свой собственный IP-адрес в качестве небольшой дополнительной услуги. Однако самое интересное в этом варианте хостинга заключается в том, что он растет вместе с вашим сайтом и требованиями. Вы можете увеличивать и уменьшать объем памяти, объем ЦП, а также внутреннюю память, когда это необходимо. Расчеты производятся с точностью до секунды. Сервер Root-Cloud запускается с 14,88 еврос учетом налога на добавленную стоимость, в месяц. Сервер можно протестировать бесплатно в течение семи дней. Мы уже подробно представили эту услугу в нашем немецком сестре Dr.Web.
Высокоскоростной совет № 2 — обратите внимание на HTTP/2 при выборе хостера
HTTP/2 — это будущее Интернета. Этот протокол — преемник HTTP 1.1 — был разработан для современных современных и сложных веб-сайтов. Плюсы в том, что новый протокол позволяет браузеру загружать разные файлы одновременно, а не друг за другом, как это было в случае с HTTP 1.1. HTTP 1.1 должен был открывать соединение для каждого запроса, в то время как при использовании HTTP 2.2 браузер может загружать несколько ресурсов одновременно по TCP-соединению. Это создает большое преимущество в скорости. Хотя Raidboxes все еще работает с «предшественником» SPDY 3.1, hostNET уже использует HTTP/2. Этот онлайн-инструмент позволяет проверить, какой веб-сайт уже использует HTTP2.
Информация: Преимущества HTTP/2 можно использовать только с сертификатом HTTPS, так как это требуется для большинства браузеров.
High-Speed Tipp #3 — Удаление плагинов
У большинства людей активировано слишком много плагинов. Каждый добавленный плагин замедляет работу сайта. Таким образом, вычистите навоз и оставьте только те, которые необходимо активировать и установить. Даже деактивированные плагины, которые вы используете только время от времени, могут замедлить работу вашего сайта, поэтому удалите их.
Плагин P3 (Plugin Performance Profiler) может быстро определить, какие плагины являются пожирателями производительности. Таких обязательно нужно выгнать. Yoast SEO — один из кандидатов, замедляющих работу сайта. Самый быстрый SEO-плагин это wpSEO, кстати. Тем не менее, он не доступен бесплатно. Он начинается с 23,79 евро, включая налог, и требуется только один платеж. Вам не обойтись без премиальных плагинов, когда для вас важна скорость вашего сайта.
Проверка исходного кода вашего сайта
Чтобы решить, какие плагины выбросить, взгляните на исходный HTML-код вашего веб-сайта. Таким образом, вы можете узнать, какие плагины загружают, сколько дополнительных CSS и JavaScript. Еще раз, меньше больше. Если есть плагины, которые нужно сохранить любой ценой, запишите их. Позже я покажу вам, как файлы загружаются только там, где они должны быть загружены.
High Speed Tipp #4 — Очистка кода в теме WordPress
В зависимости от того, какую тему вы используете, она либо хорошо, либо плохо запрограммирована. Многие темы несут накладные расходы на исходный код, что замедляет их работу. На этом этапе необходима кропотливая работа, так как нужно удалить ненужный исходный код и вычистить навоз. Для этого вы можете проверить все шаблоны темы и посмотреть, что нужно, а что можно удалить. Особенно дорогие темы премиум-класса часто содержат ненужное количество кода, поэтому вы можете переключиться на очень хорошо разработанную бесплатную тему. Например, Automattic и Anders Norén обеспечивают очень высокое качество кода и удобство использования.
Высокоскоростной совет № 5 — очистка заголовка WordPress
Раньше в шапке WordPress было мало ссылок, теперь их множество, и они отображаются в зависимости от сайта. Также добавлен код для эмодзи, типа смайликов. Начиная с WordPress 4.2, эти смайлики закреплены в ядре. Их сценарии доставляются как в бэкэнд, так и во внешний интерфейс при каждом доступе к сайту. Неважно, используются смайлики или нет. Таким образом, этот код также необходимо деактивировать, поскольку все, что он делает, — это слив производительности.
Один клик открывает суть на GitHub
Заключение первой части
Когда вы учтете каждый аспект, особенно тот, который связан с очисткой ваших плагинов, ваш сайт уже должен быть значительно быстрее. Когда я перешел с виртуального хостера на hostNET, мой сайт уже работал так же быстро, как мой старый оптимизированный, без каких-либо оптимизаций. Возможно, вы не совсем уверены, почему вам следует уделять внимание таким мелочам, как очистка исходного кода HTML и очистка заголовка. Но уверяю вас, эти многочисленные небольшие оптимизации в сумме значительно повышают скорость загрузки. В итоге вся работа блокируется.
Ссылки по теме
(дпе)