10 способов оптимизировать ваш сайт WordPress, чтобы сделать его быстрее

Недавнее исследование Microsoft показало, что продолжительность нашего внимания сократилась с 12 секунд в 2000 году до 8 секунд в 2013 году, и становится все более очевидным, что веб-пользователи нетерпеливы. Дальнейшие исследования показывают, что 40% людей покинут ваш сайт, если загрузка займет более 3 секунд.

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

1 Регулярно оптимизируйте свою базу данных

WordPress — это CMS, которая сильно зависит от базы данных, и это может способствовать медленной работе.

Следующие аспекты используют много базы данных и могут способствовать медленной работе веб-сайта:

• Публикация ревизий: Публикация ревизий может быстро засорить вашу базу данных и замедлить работу вашего сайта. Каждая ревизия поста — это новая запись в вашей базе данных, и это быстро суммируется. Вы можете либо отключить ревизии постов, либо ограничить их. Если вам нужны ограниченные версии, вы можете обновить свой wp-config.phpфайл, добавив код ниже:

  define('AUTOSAVE_INTERVAL', 300); // seconds
  define('WP_POST_REVISIONS', 5);

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

  В качестве альтернативы, если вы не хотите добавлять код в файл wp-config.php, вы можете установить Revision Control или плагин WordPress WP-Sweep для автоматического управления версиями сообщений.

• Pingbacks и trackbacks: Pingbacks и trackbacks также могут засорить вашу базу данных, поэтому вы можете отключить их.

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

• Плагины: некоторые плагины хранят данные и журналы в вашей базе данных; сначала вы находите их полезными, пока не поймете, сколько места они занимают. У меня был плагин для сокращения URL-адресов, который также показывает, что данные аналитики используют до 160 МБ пространства моей базы данных. Да, это всего лишь один плагин! Обычно эти плагины не нужны и могут быть удалены или заменены.

• Аналитика и журналы: как правило, будьте осторожны с плагинами, которые хранят данные аналитики и журналов на вашем сайте; в большинстве случаев они занимают много места в базе данных и могут сделать ваш сайт запутанным и медленным.

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

2 Оптимизируйте свои изображения

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

Есть два способа сделать это:

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

Оптимизируя ваши изображения, изображение размером 2 МБ можно уменьшить до 600 КБ без ущерба для качества; это делается путем удаления встроенной в изображение информации, которая не нужна для взаимодействия с пользователем. Вы можете оптимизировать изображения в своем блоге WordPress, установив плагин WP Smush или плагин EWWW Image Optimizer. Для ручного варианта, который не ограничен WordPress, вы можете взглянуть на Kraken.

3 Включить заголовки кэширования и истечения срока действия

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

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

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

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

Вы можете включить кеширование на своем сайте, установив следующие плагины:

• WP Супер Кэш
• Общий кеш WP
• WordFence (а затем включите «Falcon Engine»)

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

4 Включить сжатие GZIP

Какой ваш любимый инструмент для сжатия файлов в формат ZIP на вашем компьютере? 7-zip? ВинРар? Вы, наверное, хотя бы раз сжимали файлы и замечали чудесный эффект, когда файл размером 200 МБ вдруг уменьшался до 40 МБ? Как это случилось? Хотя я не слишком знаком с техническими аспектами сжатия, я знаю, что это можно воспроизвести на вашем веб-сайте и обеспечить более быструю работу веб-сайта.

Сжатие GZIP помогает сжимать файлы вашего веб-сайта в ZIP и предоставляет посетителям все в целости и сохранности; другими словами, опыт посещения вашего веб-сайта такой же, но ваш сайт работает намного быстрее, поскольку вашим посетителям предоставляется сжатая версия.

В статье для Smashing Magazine Маркус Тейлор описал пример сайта, который увеличился с 68 КБ до 13 КБ исключительно из-за сжатия GZIP; основываясь только на сжатии GZIP, этот сайт работает в пять раз быстрее. Вот учебник, который показывает 3 способа включения сжатия GZIP.

5 Используйте CDN

Исследования показали, что CDN может увеличить скорость вашего сайта до 60%.

Существует множество факторов, влияющих на доставку контента, но доступ к веб-сайту, размещенному в Индии, будет осуществляться намного быстрее через интернет-соединение в Индии, чем через интернет-соединение в США. С этим мало что можно поделать; люди с подключением к Интернету ближе к местоположению вашего веб-сайта получат более высокие скорости, если вы не используете надежный сервис CDN.

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

Существует множество провайдеров CDN, и поиск в Google покажет варианты; некоторые из самых популярных сервисов CDN — CloudFlare (бесплатно) и MaxCDN (платно).

6 Оптимизируйте или измените тему WordPress

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

В тематическом исследовании для Copyblogger Джеррод Моррис показал, как смена темы веб-сайта может увеличить время загрузки сайта с 630 мс до 172 мс; это было несмотря на то, что все остальное было равным, кроме изменения его темы WordPress.

7 Объедините фоновые изображения со спрайтом изображения

Ваша тема WordPress использует несколько фоновых изображений в сочетании с командами CSS для правильного отображения чистого фона; так что красивое фоновое изображение, которое вы видите, вероятно, состоит из 12 разных фоновых изображений. На первый взгляд это выглядит нормально и невинно, пока вы не поймете, что 12 изображений представляют собой 12 различных запросов к вашему серверу от браузера вашего посетителя; что, если вы можете превратить эти 12 изображений в 1? Вы заметите резкое увеличение скорости.

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

Вы можете комбинировать свои изображения в спрайты, используя SpriteMe.

8 Используйте асинхронную доставку только для кодов JavaScript

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

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

9 Включить поддержку активности HTTP

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

10 Получите лучшего хоста

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

В статье Smashing Magazine Маркус Тейлор включил тематическое исследование, чтобы показать, какое влияние веб-хост может оказать на время загрузки сайта; он сравнил скорость сайта двух своих клиентов; один на выделенном сервере, а другой на общем хосте. Ответ был ошеломляющим; сайт на выделенном сервере имел время отклика 7 миллисекунд, а сайт на дешевом сервере виртуального хостинга имел время отклика 250 миллисекунд.

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