17 способов оптимизации и увеличения скорости вашего сайта на WordPress

Оригинал статьи 17 Ways to Optimize and Speed Up WordPress Sites

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

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

Ниже предоставлены способы (некоторые распространенные, некоторые не очень) для улучшения скорости вашего WordPress сайта:

1.Выберите хороший сервер для хостинга

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

Я всегда рекомендовал посещать форумы таких сайтов, как WebHostingTalk, который наполнен энтузиастами в мире хостинга. Перед тем как выбирать сервер по хостингу, почитайте отзывы о нем. По таким отзывам я узнал от форума WebHostingTalk о сервере MDDHosting, который мы используем с 2011. Я благодарен себе каждый день, что провел исследование вместо того, чтобы выбрать первый попавшийся хостинг из какого-нибудь подозрительного чарта по «10 самым лучшим безлимитным серверам для хостинга».

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

2.Используйте быструю тему/структуру

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

Последний раз, когда я работал с обильными темами и структурами, мне заняло целых 8 часов на оптимизацию YooTheme’s Subway, чтобы увеличить ее скорость и улучшить загрузку сайта с 5.5 сек до 1.8 сек.

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

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

3.Установите плагин, отвечающий за кэширование

Вторым самым эффективным способом (первым был выбор хорошего хостинга) для улучшения загрузки сайта является установки плагина, отвечающего за кэширование. Как толкьо вы установили такие плагины как W3 Total Cache или WP Super Cache, вы заметите, что загрузка вашего сайта будет осуществляться намного быстрее.

Говоря простыми словами, когда плагин, отвечающий за кэширование, активен на вашем сайте, он показывает посетителям сайта кэшированые копии ваших страниц. Это значительно сокращает обращение к базе MySQL, число PHP запросов, доступ сервера к статическим ресурсам и даже HTTP запросы (в случае объединения многих файлов в один).

W3 Total кэш – один из моих самых любимых плагинов для WordPress. Он предлагает большое количество различных кэш функций:

  • Кэш страницы
  • Минификация
  • Кэш объекта
  • Кэш базы данных
  • Кэш браузера
  • Сеть доставки контента

У вас нет необходимости запускать каждую функцию. Хотя если хотите, то можете безопасно запустить все функции, за исключением минификации и сети доставки контента (если только вы не хотите их использовать).

Минификация может нарушить работу других плагинов, которые сильно полагаются на Java Script, если только вы специально не сделаете определенные настройки. С другой стороны, вы должны произвести настройки в разделе Browser Cash, чтобы задействовать полный потенциал кэширования браузера.

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

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

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

Существует не так много сетей по доставке контента. Но существует одна, которую очень легко установить на WordPress сайте, и она называется MaxCDN. Я начал использовать MaxCDN в начале этого года, что помогло сократить время загрузки на 1,5 мин.

Вы можете установить его в течении 5 минут с использованием плагина W3 Total Cache, о котором я рассказывал в статье MaxCDN Review.

5.Включите Gzip сжатие

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

Если вы используете общий сервер, вы можете включить Gzip сжатие прям с cPanel (если ваш сервер его предоставляет). В противном случае вам необходимо установить плагин W3 Total Cache, для использования Gzip сжатия.

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

AddOutputFilterByType DEFLATE text/html text/plain text/xml text/css text/javascript application/javascript application/x-javascript

6.Установите качественные плагины

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

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

Следите иногда за работой ваших плагинов и за тем, как они влияют на время загрузки вашего сайта; узнать это можно с помощью Plugin Performance Profiler. Он не предоставляет 100% точную информацию, но вы спокойно можете увидеть, какие плагины действительно замедляют и ухудшают ваш сайт.

7.Поддерживайте работу над плагинами

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

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

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

8.Оптимизируйте вашу базу данных

Вы легко можете оптимизировать вашу WordPress MySQL базу данных прямо из приложения PHPMyAdmin, или с использованием плагинов как WP-Optimize и WP-DBManager.

Данные плагины могут удалять ожидающие модерации спамовые комментарии, удаленные посты, автоматически сохраненные черновики, ревизии постов. Они также могут выполнять общие функции оптимизации запросов в MySQL без необходимости захода на PHPMyAdmin.

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

9.Оптимизируйте графические файлы

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

Прежде всего, вам необходимо указать максимальный размер изображения для миниатюры, средних или больших изображений. Это означает, что если вы загрузите изображение, ширина которого 1024 пикселя, а контентная область будет шириной 604 пикселя, то изображение уменьшится посредством CSS. Когда вы указываете максимальную ширину вашего «большого» изображения в 604 пикселя, тогда оно будет отображаться шириной в 604 пикселя, и по размеру будет значительно меньше.

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

Я цитирую официальный сайт: «Smush.it использует оптимизированные методы, предназначенные специально для форматов изображений, чтобы удалить ненужные байты в размере файла. Это специальный инструмент, который оптимизирует изображение без всяких потерь, изменения качества и ухудшения вида».

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

WP Smash.it плагин позволяет вам загружать изображения, в то время, как они автоматически оптимизируются при помощи Smush.it API от Yahoo.

10.Замените код PHP на код HTML когда это возможно

Простой формат HTML намного быстрее обрабатывается серверами, чем PHP. Если у вас есть опыт в применении как HTML, так и PHP, тогда вы можете заменить части кода с PHP на простой HTML.

Я всегда рекомендую выбирать то, что обычно остается неизменным, например: URL к значку вашего веб-сайта, название вашего веб-сайта, таблицы стилей темы.

Например, во многих темах, такой функционал прописан для каждой загрузки страницы:

 -

"/>

Потом вы просто меняете функционал PHP на простой HTML, который выглядит вот так:

TechTage - Covering SEO, Web Hosting, Hardware and more...

http://techtage.com/wp-content/themes/techtage/style.css"/>

HTML формат примерно в 20 раз быстрее, чем PHP. Простой способ заменить PHP на HTML – это открыть ваш сайт (страницу, на которой вы хотите сделать изменения) в обычном браузере и, нажав правой кнопкой мыши, зайти в «Исходный код страницы». Просто скопируйте ту часть кода вашего сайта, где будет HTML, и вставьте ее вместо PHP. Будьте внимательны при определении команд PHP, которые будут заменены на HTML.

11.Удалите ревизии старых постов

Действительно ли вам необходимо хранить 10 ревизий ваших старых постов, которые давно уже были опубликованы?

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

12.Уменьшите количество спама – начните использовать Akismet

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

Установка плагина Akismet довольно проста. Вам всего лишь необходимо зарегистрироваться на Akismet с помощью вашего WordPress аккаунта и получить API ключ для Akismet.

Затем вам необходимо будет зайти в настройки и пометить галочкой «Автоматически удалять спам комментарии к записям, которым больше месяца». Хотя у вас так же есть возможность в ручную очищать корзину со спамом, которая находится в разделе ‘комментарии -> спам.

13.Отключите Trackback и Pingback

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

Вы легко можете отключить Trackback и Pingback в разделе «Настройки Обсуждений», если только они вам очень необходимы (хотя я не вижу в них смысла).

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

Тематические изображения и другая компьютерная графика (по размеру и весу) должны быть объединены в небольшое число файлов с использованием CSS спрайтов. К примеру, у вас есть 6 небольших изображений, которые загружаются в футере на моем сайте RohitPalit.com, 3 главных и 3 прозрачных изображения, которые видны только тогда, когда на них нажимают или наводят курсором мышки.

Браузер получает эти файлы при помощи CSS и отображает их в необходимой позиции.

Использование CSS-спрайтов помогло мне убрать 5 HTTP запросов. Для этого вы можете использовать онлайн инструмент SpritePad.

15.Используйте адаптивный веб-дизайн

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

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

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

16.CSS – это голова, а JS – тело

Рекомендуется при работе в HTML загружать CSS файлы в разделе <head&gt. Если таблица стилей находится вне секции <head&gt, то это не позволяет браузеру отображать контент, в то время, когда он загружается.

JavaScript так же блокирует прогрессивную загрузку. Когда браузер наталкивается на тег <script&gt, он пытается прочитать код перед тем, как полностью загрузить страницу. Однако, это не относится к анкорным текстам, как это происходит с кодом отслеживания в Google Analytics, поэтому вам не стоит волноваться по поводу этих текстов. Поэтому большую часть javascripts вам лучше всего разместить в конце вашего кода, перед тегом

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

17.Оптимизируйте иконки социальных сетей

Очень важно оптимизировать иконки социальных медиа и сделать их более легкими и простыми для загрузки. К примеру, иконки таких социальных медиа, как Facebook, Twitter и Google+ загружают внешние JavaScript файлы и иногда даже CSS, в то время когда они воспроизводятся.

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

Заключение

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

Вы можете следить за скоростью вашего сайта используя Pingdom’s Site Speed Test. Хорошее время загрузки – это до 3 секунд, до 2 секунд – впечатляющее, а если еще меньше, то это показатель очень быстрого сайта.

Вы также можете найти полезную информацию о работе вашего сайта на Google PageSpeed Insights. Запомните, что не так важно иметь хороший рейтинг на PageSpeed, намного важнее иметь невероятно короткое время загрузки вашего сайта.