В предыдущей статье мы обсуждали важность скорости в Интернете и рассмотрели некоторые основные советы по ускорению WordPress. В этой статье мы рассмотрим еще пять советов по дальнейшей оптимизации вашего сайта.
Не будем больше вдаваться в подробности, давайте перейдем к следующему набору советов по производительности!
Как увеличить скорость вашего сайта WordPress еще больше
Вот еще несколько советов по увеличению скорости вашего сайта:
Используйте сеть доставки контента (CDN) для своих активов
Если вы хотите показать миру свое видео, играя на пианино во время катания на скейтборде, разумнее будет загрузить его на YouTube, а не на свой сервер. Так почему бы не сделать то же самое для изображений или даже файлов CSS и JavaScript?
CDN, или «сети доставки контента», служат этой цели. И по своей природе они обычно быстрее вашего сервера из-за всей этой магии облаков . Кроме того, получение файлов с двух серверов происходит быстрее, чем получение их с одного сервера с точки зрения браузера.
Хотя на рынке CDN доминируют платные сервисы, такие как Amazon CloudFront , MaxCDN и многие, многие другие, есть и бесплатные сервисы. Я предлагаю вам попробовать и посмотреть, как работают CDN, установив Jetpack с WordPress.com и активировав модуль «Фотон». Если вам нужно больше возможностей и настройки, вы можете перейти на платные услуги, не теряя ничего.
Автоматически оптимизируйте ваши изображения с помощью плагинов
Изображения важны для ваших веб-страниц, потому что они обычно являются наиболее привлекательными частями страницы. Но использование большого количества изображений может удвоить, утроить или увеличить в четыре раза вес вашей страницы, и это может заставить ваши страницы дольше загружаться.
Если вы можете использовать меньше изображений, это просто еще одна часть оптимизации скорости («здравый смысл»), но если лучше сохранить большие изображения, вы можете попытаться оптимизировать эти изображения, чтобы они занимали меньше места и меньше времени для загрузки.
В других уроках по ускорению WordPress через Интернет все, кажется, предлагают WP Smush.it, и он отлично справляется со своей задачей, но я собираюсь продолжить и предложить EWWW Image Optimizer . У него забавное название, но я думаю, что это лучшая альтернатива WP Smush.it, потому что он может сжимать больше типов файлов и иметь больше возможностей для игры. Попробуйте каждый из них и решите сами.
Используйте мобильную тему для еще более быстрого мобильного опыта
Показывая мобильному пользователю ту же самую страницу, которую видит пользователь настольного компьютера, так и есть. В наши дни все используют «отзывчивый веб-дизайн», который перестраивает и изменяет дизайн для разных размеров экрана, чтобы пользователи могли легче видеть страницу.
Но делать это обычно означает брать одну и ту же страницу (с тем же весом) и просто менять дизайн, пока он не умещается на экранах мобильных устройств, а пользователи мобильных устройств со скоростями мобильного интернет-соединения не любят ждать загрузки страницы в течение 10 секунд , Как здорово было бы, если бы вместо динамического изменения дизайна для мобильных устройств мы могли бы показать совершенно другой, более чистый дизайн?
Оказывается, для этого есть плагины. Ранее упоминавшийся Jetpack от WordPress.com имеет модуль под названием «Мобильная тема», который выкладывает простую мобильную тему для вас без каких-либо хлопот. Если вы хотите больше контроля, вы можете воспользоваться мобильным плагином WPTouch , который является бесплатным, но также имеет «профессиональную» версию, которая предлагает больше мобильных тем, чем бесплатная версия.
Используйте более простую тему для лучшего UX и лучшей скорости
Вы когда-нибудь оценивали эффективность вашей темы? Если нет, то вы не одиноки: люди склонны «влюбляться» в тему и упускают из виду тот факт, что в ней слишком много изображений, нет оптимизированного CSS-файла, ужасный вывод HTML или делает сотни запросов на каждой странице. Разумеется, мы всего лишь люди, и мы можем отвлекаться на красиво оформленную тему … но помните: красиво оформленные, но ужасно закодированные темы нанесут вред вашему веб-сайту больше, чем не очень сексуальная тема с прочной основой кода.
Проверьте оценку скорости вашего сайта с помощью PageSpeed и установите плагин Admin Bar Queries для оценки эффективности вашей темы. Если вы видите, что тема замедляет работу вашего сайта, вам следует попробовать другую тему, которая проще, чем та, которую вы используете сейчас.
Помните: хороший дизайн не обязательно должен быть залит графикой. Иногда меньше значит больше, особенно в эпоху «плоского дизайна», в которой мы живем!
Будьте осторожны при использовании плагинов WordPress
Я знаю, плагины потрясающие. Вы никогда не сможете получить достаточно функциональности и возможностей, предоставляемых плагинами, которые обогащают ваш сайт. Здесь есть плагин для подсчета просмотров, механизм голосования за комментарии … и вскоре вы удивитесь, почему сервер ждет шесть секунд перед загрузкой страницы.
Вы можете сказать, что я говорю как лицемер, потому что я уже предложил множество плагинов в этой статье. Будьте уверены, что я не лицемер: использование большого количества плагинов не замедляет работу вашего веб-сайта, а использование многих плагинов, взаимодействующих с внешним интерфейсом. Особенно те, которые изменяют поля базы данных на каждом просмотре страницы.
По иронии судьбы, вы можете проверить, какие плагины замедляют работу вашего сайта, установив другой плагин . Плагин P3 (Plugin Performance Profiler) запускает тесты на ваших страницах и измеряет временные затраты каждого плагина, давая вам представление о том, какие плагины замедляют работу сайта.
Вывод
Как я уже говорил в начале этой серии, скорость всегда имеет значение. Вы должны постоянно следить за этим, так что эти статьи не являются учебниками типа «делай это только один раз, и все готово». Я не говорю, что вы должны добавить в закладки эти учебники, но вы должны отметить эти учебники.
У вас есть что добавить в эту серию? Скажите нам, что вы думаете, комментируя ниже. И если вам понравилась статья, не забудьте поделиться ею с друзьями!