Скорость загрузки сайта
Хотите ускорить ваш сайт на WordPress? — Нет проблем. На этой странице собрана вся необходимая информация, и если вы выполните предложенные базовые рекомендации, то сможете получить самую высокую оценку по Pagespeed Insights.
Мотивация, или для чего мне нужно ускорять сайт?
Высокая скорость загрузки это основное требование в работе современных сайтов.
Поисковики также всё больше внимания уделяют данному фактору при ранжировании страниц в результатах выдачи.
К сожалению, многие владельцы сайтов не относятся к этому настолько серьезно. Как правило, они довольствуются установкой некоторого плагина кэширования, или, если нагрузка возрастает, увеличением серверных мощностей.
Этих действий недостаточно, чтобы ваш сайт начал выделяться среди массы других. Если вы хотите, чтобы пользователи получали больше удовольствия от просмотра, а поисковики постоянно повышали позиции ваших страниц, вам нужно более тщательно заняться настройкой и оптимизацией вашего блога.
На этой странице я собрал все известные мне, протестированные, рабочие техники увеличения скорости загрузки WordPress сайтов. Материал подойдет как для новичков, так и для более опытных людей, которые занимаются сайтами уже не первый год. Вы всегда найдете подходящие для себя идеи.
Ускорение WordPress — описание всего процесса
Прежде чем взяться за работу, вы должны понимать все шаги или этапы. Вот их краткий обзор.
- Сбор информации — измерение текущей скорости загрузки сайта
- Выделение критических пунктов — те факторы, которые больше всего замедляют ваш сайт и дадут вам наибольший результат
- Этап реализации — вы принимаете решение сделать всё самостоятельно или делегировать
В этой статье и на других страницах моего блога я покажу вам, что вы можете ускорить ваш WordPress сайт с помощью несложных действий.
Сможете ли вы добиться стопроцентного уровня производительности и гарантировать его устойчивость? Нет. Следует помнить, что есть много разных факторов, каждый из которых можно постоянно дорабатывать и в чем-то улучшать. Ускорение сайта это не одноразовая задача, а-ля «сделал и забыл». Хотя многие техники работают перманентно, ваш сайт по-прежнему нуждается в своевременной и запланированной профилактике.
Время от времени (особенно, после обновления) вы смотрите на показатели сайта, и если что-то перестало работать положенным образом, вы просто исправляете это.
Предварительные действия
Сделайте бэкап перед любыми серьезными изменениями!
А еще лучше, скопируйте ваш сайт на локальный сервер. Тестируйте изменения, и только затем переносите.
Возьмите в помощь следующие статьи:
- Как сделать полноценный клон сайта на сервере, используя субдомен. Читайте здесь.
- Как быстро перенести сайт с помощью плагина WP Clone By WP Academy.
Измерение скорости загрузки с помощью онлайн сервисов
Вы всегда можете посмотреть дерево и историю загрузки в вашем браузере. Но это требует определенного навыка работы с инструментами разработчика. Преимущество использования сервисов в том, что они дают наглядное визуальное представление — таблицы, графики и рекомендации.
Я покажу вам как измерить скорость загрузки WordPress с помощью трех онлайн инструментов.
- GTmetrix
- Pingdom Website Speed Test
- WEBPAGETEST — test website performance
Правда для этого содержание пришлось вывести в отдельную статью. Читайте здесь — Онлайн инструменты для измерения скорости.
Основные рекомендации для увеличения скорости загрузки WordPress
Контролируйте вес страницы
В настоящее время сайты становятся всё более динамичными, мультимедийными и красочными. Но за всё надо платить. Чем больше изображений, скриптов и плагинов, тем больше размер этой страницы, и тем дольше она грузится у пользователя. Более того, скрипты, плагины и стили тормозят не только загрузку, но также генерацию и отображение страницы.
- «Лидерами» по размеру, безусловно являются изображения.
Попробуйте сократить их число. Если картинка не несет никакой смысловой нагрузки, быть может её стоит удалить?
Максимально сожмите все оставшиеся изображения. Вы можете воспользоваться компьютерной программой или теми сервисами, которые я указал в конце страницы.
Если в вашей медиагалерее уже загружено большое количество файлов, воспользуйтесь плагинами EWWW Image Optimizer или WP Smush It для пакетного сжатия. Но в дальнейшем я предлагаю обрабатывать фотографии до загрузки на хостинг.
- Включите Gzip сжатие — современные сайты содержат много кода, разумеется, если вы будете передавать страницы и ресурсы в сжатом формате, вы сможете выиграть не один десяток килобайт.
- Уменьшите размер исходного кода — минифицируйте код HTML, JS и CSS. Для этих целей я рекомендую использовать вам плагин Autoptimize, потому что кроме минификации в нём заложены дополнительные функции, которые вы увидите чуть ниже.
Удалите лишний код
Уверен, у вас установлены несколько плагинов полезность которых не очень высокая. У меня такие тоже есть. Бывает, ищешь функционал, добавляешь через плагин, потом перестаешь пользоваться его функциями и забываешь про него.
Посмотрите список всех установленных плагинов на вашем сайте. Даже те, которые кажутся вам полезными. Тщательно обдумайте ценность, которую вам несет каждый из них, — можете ли вы заменить их функционал, или вообще отказаться?
Вы не пожалеете потраченного времени. Лишние плагины тормозят работу вашего сайта, делают его менее безопасным и увеличивают стоимость его поддержки.
Снизьте количество запросов
Если вы почистили ненужные плагины, — поздравляю, у вас уже существенно сократилось количество запросов! Теперь у вас остался только нужный код, и вы можете его оптимизировать.
- Объедините скрипты и стили в единичные запросы, — плагин Autoptimize прекрасно с этой задачей справляется. Информацию по настройке этого плагина смотрите на странице оптимизации загрузки скриптов и стилей.
- Используйте браузерный кэш — и настройте сроки его хранения.
- Если у вас в теме много мелких изображений — попробуйте объединить их в CSS спрайты.
Настройки на стороне сервера для ускорения WordPress
Очень важно не скупиться на качественный хостинг. Это обеспечит хорошее время отклика, стабильность и постоянный up-time, высокий уровень защиты и быструю техподдержку.
- Держите код вашего сайта обновленным
WordPress активно развивается. Его разработчики и авторы плагинов делают постоянные оптимизации. Убедитесь, что у вас установлены последние версии.
- Включите кэширование генерации страниц — вы можете использовать популярный и простой WP Super Cache или смотрите как я настроил более сложный, но функциональный W3 Total Cache.
Снимите блокирование загрузки
Вы можете перенести загрузку скриптов и стилей в подвал, если они не требуются в начале выполнения страницы. Плагин Autoptimize позволяет сделать этот процесс динамическим. Более того, в продвинутом режиме есть гибкие настройки где вы можете делать исключения в загрузке скриптов, определять критический порядок загрузки CSS и другие настройки. Всё это описано на странице посвященной оптимизации загрузки HTML, JS и CSS.
Дополнительные меры для ускорения сайта.
Данные рекомендаии при совокупном и грамотном их использовании дают значительный прирост в скорости. Эти вещи нужно более тщательно тестировать, чтобы выяснить подходят ли они конкретно для вашего сайта.
- Настройка CDN Cloudflare. Может дать прирост скорости, если ваша аудитория разбросана по разным географическим зонам, или когда ваш трафик сильно возрастает.
- Упредительная загрузка страниц. Несколько способов визуально увеличить скорость загрузки страницы.
- Ленивая загрузка изображений, фреймов, миниатюр, аудио- видео файлов, и текстовых виджетов.
Список вспомогательных онлайн сервисов и их назначение
Различные онлайн инструменты, которые вам пригодятся в процессе ускорения сайта.
- Анализ скорости вашего сайта.
- GTmetrix
- Pingdom Website Speed Test
- WEBPAGETEST — test website performance
- Cжатие, редактирование, кадрирование и конвертирование изображений
- Kraken.io Web Interface — сжатие изображений
- Compressor.io — еще один инструмент сжатия без потерь
- PicResize — кадрировать, повернуть, и изменить размер изображения
- WebResizer — Изменить размер онлайн
- CSS, HTML, JS Minifier
- HTML Minifier — Сокращение размера HTML, включая стили и скрипты, присутствующие в разметке.
- CSS Minifier — Сокращение размера каскадных стилей
- JSCompress — Сжатие скриптов и файлов JS
- UnMinify — обратный процесс, приведение сжатого кода в читаемый вид.
Оставить заявку
Если по какой-то причине, вы не можете выполнить самостоятельно вышеперечисленные действия, но хотели бы ускорить ваш сайт, вы можете оставить заявку автору на качественное исполнение.
Связаться можно через форму контактов. Не забудьте указать тему, — так вы получите стопроцентное внимание.
Желаю успехов в работе над ускорением вашего сайта!
10 комментариев. Оставить новый
Столкнулся с тем что скорость загрузки сайта упала о 5 сек, посмтрел, это считается медлиенным по всем параметрам. Использовал некоторые штуки, которые вы предложили, и уже 3 секунды, я думаю надо еще что-нибудь изменить! Спасибо Вам!!
Столкнулся с проблемой медленной загрузки сайта, принялся за поиск соответствующей информации. Во время серфинга нашел данную статью. Следующим этапом было использование различных инструментов, описанных в статье, в первую очередь использовал GTmetrix. Скорость и правда увеличилась, спасибо большое!
Загрузка моего сайта была незначительной, искал информацию в интернете, чтобы исправить положение, наткнулся на сайт seo-ap.ru. Самостоятельно исправить скорость я не мог, обратился за помощью. Спасибо большое за статью и Вашу помощь в решении моей проблемы!
С убиранием лишнего кода главное не переборщить, довольно трудоемкий процесс. Еще некоторые рекомендуют для ускорения работы сайта сменить хостинг-провайдера.
Еще как вариант можно покопаться в базе данных сайта. Любая СУБД содержит сотни настроек, многие из которых влияют на скорость. Если оптимизировать настройки, то это может значительно увеличить скорость сайта.
Обычно при кэшировании страниц использую WP Super Cache, предназначенный для работы с ворд пресс, но мне теперь стала интересна и настройка W3 Total Cache. Ведь функционал у него больше.
Здравствуйте, у меня есть свой сайт по продаже осветительных приборов. Почитал статью и решил, что хочу ускорить загрузку сайта (потому что статья показалась понятной). Благодаря подробной статье сам смог справиться со своим сайтом, не прибегая к помощи специалиста. Мне это здорово сэкономило и деньги, и время. Большое спасибо!
Добрый день! Хотел попробовать поколдовать над своим сайтом самостоятельно (владею сайтом по продаже мобильной гарнитуры) но не получилось. Оставил заявку специалисту, позже со мной связались и подробно объяснили этапы и методы работы. Специалист попался очень толковый и знающий свое дело. Теперь если возникнут какие-нибудь проблемы или захочется обратиться к услугам, то только SEO-AP
Последнее время долго думал, почему долго грузится сайт. В поисках решения проблемы наткнулся на вашу статью. Принял меры, которые вы написали. Все помогло. Спасибо за познавательную стать.
Многим владельцам интернет-магазинов было бы полезно прочесть данную статью. Часто сталкиваюсь с данной проблемой. Со стороны пользователя считаю это очень неудобным и сразу выхожу с такого сайта.