21 совет о том, как ускорить блог WordPress. Часть вторая

Приветствую!

В первой части я уже дал несколько советов о том как ускорить ваш блог на WordPress. Встречайте продолжение.

11. Обновление до PHP 7. Сейчас!

Вы всегда должны стремиться сделать как можно меньше работы, чтобы получить наибольшее количество результатов. Оптимизация вашего сайта, чтобы сделать быстро, ничем не отличается. Зачем тратить часы на оптимизацию, чтобы сбрить несколько миллисекунд, если вы можете сделать несколько кликов и легко ускорить сайт на 20%. В нашем методе нет магии. Это легко, просто и очевидно. Как только вы осуществите это, вы спросите себя: «Почему я не сделал это раньше».

Многочисленные тесты показывают, что PHP 7 на 20% быстрее, чем PHP 5 в реальных производственных средах. На общих тестах это может быть на 200% быстрее. Это также более безопасно, имеет новые полезные функции и рекомендуется WordPress. Итак, как обновить?

Если вы используете достойную хостинговую компанию, вы уже используете PHP 7, поэтому проверьте свою версию, прежде чем идти дальше. Либо возьмите плагин «My WordPress Health Check» либо загрузите файл и с помощью функции phpinfo() узнайте версию. Уже на PHP 7? Super! Вы сделали. Используете PHP 5? Давайте избавимся от этого.

Войдите в свою cPanel. Когда вы войдете, найдите значок с надписью «Выбор PHP», «Выбор версии PHP» или «Диспетчер версий PHP» в разделе «Программное обеспечение». Нажмите на значок, чтобы открыть селектор версий PHP. В зависимости от того, что включила ваша хостинговая компания, вы сможете выбрать версию PHP для всей учетной записи, для определенных доменов или на уровне отдельных папок. Какая бы ситуация ни была включена в вашей cPanel, убедитесь, что вы выбрали v7.0, v7.1 или v7.2 для установки WordPress. Нажмите «Сохранить». Обновите свой сайт, чтобы убедиться, что изменения активны и наслаждайтесь ускорением.

Обновление до PHP 7

Но … (вставьте свое оправдание здесь)

Если вы еще не обновились, у вас наверняка есть «веская» причина для этого. Не обижайтесь, но нет, вы этого не сделаете! Давайте уничтожим те отговорки, которые у вас есть.

Похоже, много работы и связанных с сервером вещей я не понимаю

Да, это связано с сервером, но если вы знаете, как войти в cPanel, у вас есть все необходимые навыки. Это такая же работа, как создание нового адреса электронной почты в cPanel. Найти значок, нажмите, выберите новую версию из выпадающего списка, сохраните. Выполнено.

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

Моя хостинговая компания не поддерживает PHP 7

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

Отправьте им электронное письмо и потребуйте, чтобы они немедленно перенесли вашу учетную запись на новый сервер, поддерживающий PHP 7. Если они этого не делают (по какой-либо причине), вам нужно найти хорошую хостинговую компанию WordPress. Вы напуганы и не хотите этого делать? Можно беспокоиться о миграции, но вам не нужно делать это самостоятельно.

Достойные хостинговые компании сделают миграцию за вас. Серьезно, это не маркетинговый ход. Вы даете им свой старый пароль cPanel, и все.

Я слышал, что WordPress не работает с PHP 7

Шутки в сторону! WordPress явно отмечает PHP 7 или выше в качестве требования к серверу. Итак, короче говоря — это работает.

PHP 7 является новым и экспериментальным

PHP v7.0 вышел в декабре 2015 года. Это вряд ли «новинка». Это проверенное и протестированное программное обеспечение, которое лучше, чем PHP 5. Это быстрее, имеет больше возможностей, и это просто будущее. Если вам этого недостаточно, PHP 5 больше не поддерживается.

12. Увеличьте скорость WordPress, изменив кеширование браузера

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

Увеличьте скорость WordPress и дольше сохраняйте кеш

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

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

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

  • Откройте файл .htaccess
  • Скопируйте и вставьте следующее:
    # Browser Caching
    <IfModule mod_expires.c>
        ExpiresActive On
        ExpiresByType image/jpg "access 1 year"
        ExpiresByType image/jpeg "access 1 year"
        ExpiresByType image/gif "access 1 year"
        ExpiresByType image/png "access 1 year"
        ExpiresByType text/css "access 1 month"
        ExpiresByType application/pdf "access 1 month"
        ExpiresByType text/x-javascript "access 1 month"
        ExpiresByType application/x-shockwave-flash "access 1 month"
        ExpiresByType image/x-icon "access 1 year"
        ExpiresDefault "access 2 days"
    </IfModule>
  • Сохраните изменения

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

13. Как удалить строки запроса из статических ресурсов в WordPress и ускорить ваш сайт

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

Например, если вы запустите тест на «GTmetrix«, он покажет вам, какие изображения замедляют работу вашего сайта. Он расскажет вам скорость загрузки таблиц стилей и скриптов, подробности о минимизации и многое другое. Одна из вещей, которую многие пользователи WordPress находят в верхней части списка (это означает, что проблема должна быть решена как можно быстрее), это «удаление строк запроса из статических ресурсов». В этой части я кратко объясню, что такое строки запросов и как их быстро удалить, чтобы повысить скорость работы вашего сайта.

Что такое строки запроса

Строки запроса — это части URL-адресов, которые можно найти после знака вопроса (?) Или символа амперсанда (&). Браузеры или внешние приложения обычно добавляют эти части в URL для добавления дополнительных параметров.

Например, используя строки запроса, плагин WordPress может передавать различные значения через URL, чтобы их могли использовать другие приложения и службы.

https://zacompom.ru/?utm_source=twitter&utm_medium=cpm&utm_campaign=twitter

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

Почему и когда вы должны удалить строки запроса?

вы должны удалить строки запроса

Хотя строки запросов являются важной частью динамических элементов, они могут замедлить работу вашего сайта WordPress, если они используются в статических ресурсах. Если вы когда-либо открывали консоль браузера на своем сайте, возможно, вы обнаружили, что на сайте отображаются номера версий сценариев и стилей. Это может выглядеть знакомо:

/wp-includes/css/dashicons.min.css?ver=4.4.2

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

Как удалить строки запроса из статических ресурсов

Как удалить строки запроса

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

Добавить простую функцию

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

  • Откройте и отредактируйте файл functions.php
  • Скопируйте и вставьте следующий код:
    function _remove_script_version( $src ){
        $parts = explode( '?ver', $src );
        return $parts[0];
    }
    add_filter( 'script_loader_src', '_remove_script_version', 15, 1 );
    add_filter( 'style_loader_src', '_remove_script_version', 15, 1 );
  • Сохраните изменения

Снимите флажок в W3 Total Cache

Так как W3 Total Cache — это популярный плагин, который на данный момент насчитывает более миллиона активных установок, есть вероятность, что вы уже используете этот плагин. В этом случае вам просто нужно снять один параметр в настройках:

  • Перейдите в «Производительность — Кэш браузера»
  • Снимите флажок «Запретить кеширование объектов после изменения настроек»
  • Сохранить изменения

Используйте плагин «WP Remove Query Strings From Static Resources»

Если вам не нравится добавлять код в functions.php самостоятельно, вы можете использовать бесплатный плагин для этой работы. WP Remove Query Strings From Static Resources — это легкий и простой плагин, который будет делать то же самое, не требуя прикасаться к коду.

Просто установите плагин, активируйте его, и все готово. Когда вы активируете плагин, строки запроса будут удалены из статических ресурсов.

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

14. Сократите количество HTTP-запросов и ускорьте свой сайт WordPress.

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

Для начала вам следует протестировать свой веб-сайт, чтобы узнать, сколько запросов требуется для загрузки конкретной страницы. Есть разные способы тестирования. Вместо того, чтобы показывать вам все возможности, достаточно ввести URL в «HTTP Requests Checker«. Вы сразу получите результаты, и, надеюсь, у вас не будет более 30 запросов. Если вы это сделаете и там больше запросов, пришло время уменьшить количество HTTP-запросов и ускорить ваш сайт WordPress.

Сократите количество HTTP-запросов

15. Не используйте Gravatars

Если вы используете систему комментирования WordPress по умолчанию, вы также используете Gravatars. Теперь, если вы получаете несколько комментариев в месяц, это не должно беспокоить вас. Но если вашим посетителям нравится оставлять быстрые заметки под вашими статьями, вы должны рассмотреть вопрос об удалении Gravatars с картинки.

Как только я скажу вам, что каждое изображение Gravatar добавляет еще один HTTP-запрос к серверу, представьте себе, что происходит, когда у вас есть, скажем, более ста комментариев на одной странице? Угадайте, что происходит, когда есть более сотни дополнительных запросов, которые не должны быть там — да, ваш сайт работает медленнее.

Не используйте Gravatars

Если вам не нужны эти маленькие картинки рядом с каждым комментарием, просто перейдите в «Настройки — Обсуждение — Аватары» и снимите флажок, чтобы не отображать аватары в комментариях. Это так просто. Если вам просто нужны аватары, вам следует рассмотреть возможность установки сторонней системы комментирования для WordPress, которая будет обрабатывать эти вещи по-другому. Например, Disqus — популярный выбор, позволяющий намного быстрее показывать аватары.

16. Удалите комментарии, если вы их не используете

Как вы можете догадаться, использование комментариев требует дополнительных файлов. Если вы используете систему комментирования по умолчанию, вам не нужно ничего делать — это то, чем вы пользуетесь, и этот дополнительный запрос оправдан. Но если вы не используете комментарии на своем сайте или используете другую систему комментирования, вам следует удалить скрипт комментария-ответа. Для этого вам нужно скопировать следующую функцию в файл functions.php:

    function comments_clean_header_hook(){
         wp_deregister_script( 'comment-reply' );
    }
    add_action('init','comments_clean_header_hook');

17. Удалить смайлики

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

Удалить смайлики

18. Используйте CSS-спрайты в WordPress

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

Если вы перейдете на сайт CSS Sprite Generator, вы сможете выбрать все изображения со страницы, которую вы используете, и объединить их в один файл. После изменения ссылок на изображения вы добавите размер изображения, но в то же время уменьшите количество запросов. Это может показаться противоречивым, но вы можете ускорить процесс — сервер будет работать лучше с одним большим файлом, чем отвечать на десятки запросов.

19. Ограничьте количество кнопок социальных сетей

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

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

20. Выгрузите скрипты и стили, которые вы не используете

Выгрузите скрипты и стили

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

Вам не нужно быть экспертом. Я уже показал вам аккуратный маленький плагин, который покажет вам все скрипты и стили, которые загружаются на каждой из ваших страниц. Используя WP Asset CleanUp, вы можете легко распознать файлы, которые вам больше не нужны, и вы можете быстро выгрузить их. Если у вас больше опыта работы с WordPress, плагин поможет вам изолировать данные, и вы сможете позже вручную удалить файлы. Если нет, оставьте плагин и позвольте ему обрабатывать скрипты и стили для вас.

21. Отключите встраивание видео

Чтобы улучшить пользовательский опыт, разработчики WordPress представили новый файл JS, который позволяет вставлять видео из различных сервисов, таких как Youtube, просто путем копирования URL. Вы можете вставлять изображения и твиты одинаково, просто вставив ссылку в визуальный редактор.

Хотя эта функция удивительна, многие люди просто не используют ее. Если вы пытаетесь ускорить свой сайт, более важно удалить один запрос, чем предварительно просмотреть видео. Вы знаете, какое видео вы встраиваете, так что нет необходимости в этом предварительном просмотре, верно?

Если вы плохо разбираетесь в коде, и вам просто нужно установить плагин, есть простой плагин, который удалит вставки с вашего сайта. Если вы можете обработать несколько строк кода, которые вам просто нужно скопировать, используйте следующую функцию и поместите ее в файл functions.php:

    function speed_stop_loading_wp_embed() {
        if (!is_admin()) {
        wp_deregister_script('wp-embed');
        }
    }
    add_action('init', 'speed_stop_loading_wp_embed');

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

Вывод: всегда заботьтесь о скорости вашего блога

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

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

На этом буду заканчивать эту статью, надеюсь она вам будет полезной. До скорых встреч!

Вам понравилась статья?
плохохорошо (Пока оценок нет)
Загрузка...
Обо мне
Юрич:
Занимаюсь созданием сайтов на WordPress более 6 лет. Работал в нескольких веб-студиях, да и сейчас работаю. Иногда подрабатываю на фрилансе, как на нашем так и на зарубежном. Везде зарекомендовал себя очень хорошо. Если нужен сайт на WordPress, шаблон для сайта или лендинг - не стесняйтесь - пишите. Рад буду помочь!