Скорость WordPress - Как сократить время загрузки до 1 секунды

1. Хостинг
2. Плагины
3. Размер сайта
4. Сокращение внешних скриптов
5. Слишком много «багажа»
6. Ускорьте страницы с большим трафиком
7. Некоторые более продвинутые техники

Один из самых распространенных запросов, который мы получаем на WP Curve, - «Можете ли вы сделать мой сайт быстрее?». Скорость сайта важна по ряду причин. Вот 4 основных причины:

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

Последняя причина была самой важной для нас, потому что мы являемся поставщиком поддержки WordPress. В этом посте я расскажу о некоторых очень конкретных действиях, которые вы можете предпринять, чтобы ускорить ваш сайт. Мы будем использовать наш сайт в качестве эталона и продемонстрируем, как мы сократили время загрузки страницы до 1 секунды. Мы также рассмотрим общие причины медленных веб-сайтов, чтобы вы могли определить, с какими из них вам нужно иметь дело, чтобы повысить собственную скорость страницы. Узнайте, как сократить время загрузки WordPress до 1 секунды - НАЖМИТЕ НА ТВИТ Результаты до и после Вот некоторые из результатов нашего сайта до и после.

Наш оригинальный сайт был создан быстро, и, как и многие другие сайты, мы со временем добавили что-то, что отягощало его. Когда мы решили правильно инвестировать в сайт, стало ясно, что его нужно полностью перестроить. Результат, приведенный выше, составляет 5,2 секунды, что находится за пределами допустимого диапазона для типичного малого бизнеса. Но мы хотели продемонстрировать лучшие практики и сократить время загрузки до 1 секунды. Обратите внимание, что приведенный выше результат был, когда мы были размещены на нашем собственном виртуальном частном сервере (VPS), запустили W3 Total Cache и запустили инструмент Content Delivery Network (CDN) CloudFlare , Это было так плохо, как 10 секунд без кеширования. Вот как это выглядит сейчас:

Обратите внимание Инструмент для проверки скорости Pingdom может быть немного непоследовательным, но у меня были постоянные времена меньше чем 1 секунда, которая была нашей целью. Хорошо, давайте увлекемся основными способами ускорения вашего сайта.

Хостинг

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

Как видно из приведенных выше результатов, наличие собственного сервера не означает, что ваш сайт будет работать быстро. Мы принимаем на WP Engine и заметил немедленное улучшение скорости на 54% в день, когда мы переехали. У них есть умный способ управления сайтами WordPress. Они ограничивают некоторые плагины, имеют различные способы управления кэшированием и перенаправлениями и имеют встроенный CDN, который обслуживает изображения и другие файлы с молниеносной скоростью. До появления WP Engine мы размещались на нашем собственном VPS, и у нас был CDN, а также установлен плагин кэширования. Таким образом, улучшение скорости на 54% было довольно значительным.

Если вы хотите узнать, является ли проблема с вашим хостом, вот два простых инструмента, которые вы можете использовать. Google PageSpeed ​​Insights Очень быстрый и грязный тест - ввести свой домен в Google PageSpeed ​​Insights , Если одной из поднятых проблем является «Время отклика сервера», то вы можете получить большую выгоду от хостинга с быстрым хостом.

Я видел их выше 5 секунд, что, очевидно, является большой проблемой, если вы хотите, чтобы весь ваш сайт загружался за несколько секунд. Это просто время, которое требуется, чтобы услышать ответ от сервера, не говоря уже о загрузке всего сайта. Инструмент для тестирования скорости Pingdom Pingdom Speed ​​Test Tool даст вам некоторую быструю информацию о скорости вашего сайта. Это не просто связано со скоростью сервера, это даст вам много полезной и полезной информации. Вот грубое, субъективное руководство о том, что приемлемо:

• До 1 секунды отлично
• До 2 секунд это хорошо
• Что-то около 5 секунд или более требует действий

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

Плагины

Это не просто скорость. Ваш выбор плагинов будет общей причиной многих проблем WordPress. Поскольку плагины написаны разными разработчиками с разными навыками, вы должны быть осторожны с тем, что вы устанавливаете и сколько вы устанавливаете. Как общее руководство, мы хотим, чтобы на сайтах было не более 20 плагинов. Лучшее эмпирическое правило - «меньше, тем лучше». Если вы можете иметь 0, то это фантастика, но, вероятно, нереально. У нас есть две рекомендации: Удалите все ненужные плагины Удалите все неактивные или активные плагины, которые вам не нужны. Вот плагины, которые мы удалили, и причины их удаления:

• Акисмет - Мы используем Disqus это отличная фильтрация спама для комментариев в блоге.
• CloudFlare - мы больше не используем CloudFlare поскольку мы используем CDN, который является частью WP Engine (Max CDN).
• W3 Total Cache - лучше всего это делать на уровне сервера, и теперь мы используем функции кэширования WP Engine.
• Друзья по резервному копированию. Опять же, лучше всего делать резервные копии на уровне сервера, WP Engine обрабатывает это очень простым способом.
• C Metrics - это наш собственный аналитический плагин. Он предоставляет отличную информацию, но мы можем получить данные за пределами WordPress. Если ваш приоритет - скорость, то плагины такого рода могут быть опущены.
• Ценовая таблица - мы закодировали нашу собственную таблицу цен на нашей странице регистрации.
• Slingpic - Это дало возможность делиться изображениями, которые, как я думаю, люди не используют слишком часто. Мы можем жить без этого.
• WordPress Importer - это плагин, который часто остается установленным после перемещения сайтов. Мы удалили это. Существует множество плагинов, которые вы склонны использовать только один раз, которые лучше всего удалять после использования.
• Youtube Shortcode - Мы используем LeadPlayer для обработки видео, чтобы мы могли удалить этот плагин.
• Zilla Shortcode - мы не использовали его.
• Все в одном Favicon - мы включили в тему код favicon, чтобы мы могли удалить плагин.

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

• Обойдемся без определенных функций, если вы решите, что скорость важнее.
• Использование плагинов, которые выполняют более 1 функции вместо 2 плагинов. Например, используя WordPress SEO от YOAST в качестве плагина SEO и для карт сайта. Мы видим много клиентов с двумя отдельными плагинами, которые не понимают, что YOAST уже создает карты сайта.
• Удаление любых плагинов, которые являются особенно медленными. Плагин для профилировщика P3 можно использовать т найти медленные плагины, но обязательно удалите его после использования, потому что сам плагин замедлит ваш сайт.
• Выполнение других функций вне WordPress. Например, аналитика, электронная почта, резервное копирование или проверка битых ссылок могут быть выполнены вне WordPress.
• Отключение плагинов, которые вы используете только время от времени. Например, импортер WordPress является распространенным. Если вы не используете плагин регулярно, вы можете удалить его и добавить позже, когда вам это нужно.

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

• Премиум плагины с зашифрованным кодом. Плагин должен вернуться на сторонний сервер и расшифровать код, и этот процесс значительно замедляет время загрузки.
• Перенаправление плагинов с большим количеством перенаправлений. Они могут резко замедлить скорость работы сайта.
• Любой плагин, который выполняет много запросов к базе данных. У WP Engine есть хороший список этих плагинов Вот , Плагины «Связанные посты» являются распространенной проблемой.

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

Размер сайта

Распространенной причиной медленных сайтов является размер (в килобайтах) всех элементов, составляющих сайт, а именно сценариев и изображений. Тестовый инструмент Pingdom Speed ​​может сказать вам, насколько велик ваш сайт. Наш сайт был только 1,4 МБ, что нормально. Мы видели много сайтов, которые имеют 4 МБ плюс, и это окажет огромное влияние на вашу скорость загрузки. Вот некоторые грубые, субъективные рекомендации по размеру сайта:

• До 500кб отлично
• До 1мб это хорошо
• 1-3 мб приемлемо
• 3mb плюс требует действий

Виновником большого сайта часто являются большие изображения. Вот два способа определить, есть ли у вас изображения, которые необходимо оптимизировать: быстрый и грязный способ - использовать инструмент тестирования скорости сайта Pingdom, а после запуска теста нажмите на раскрывающийся список и выберите «Сортировать по размеру файла». Если у вас есть изображения размером более 100 КБ, вы можете принять меры к этим изображениям.

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

Вот несколько других советов по оптимизации изображений в WordPress:

• Оптимизируйте все изображения, прежде чем загружать их в WordPress. Как правило, мне нравятся все изображения размером менее 100 КБ. Просто щелкните правой кнопкой мыши на изображении в файловом менеджере вашего компьютера и выберите «Свойства». Если размер больше 100 КБ, значит, он слишком большой. Используйте программу для редактирования изображений или сайт, как picresize.com , Вы будете удивлены тем, как много проблем со скоростью решается путем оптимизации нескольких изображений.
• Используйте точный необходимый размер для изображений и не полагайтесь на свою тему, чтобы изменить их размер. Например, если ваша тема показывает избранные изображения шириной 120px, убедитесь, что вы создали их именно в таком размере.
• Разрежьте существующие изображения с помощью плагина под названием Smush It ,
• Используйте меньше изображений. Вы можете использовать больше CSS и меньше изображений, чтобы уменьшить общий размер изображений. Кроме того, вы можете уменьшить общую длину ваших страниц, что также уменьшит количество используемых изображений.
• Доставьте ваши медиа-файлы через CDN. CDN как MaxCDN или же Cloudflare может обслуживать ваши изображения быстрее. Управляемые хосты WordPress, такие как WP Engine, имеют CDN как часть пакета. Если вы не находитесь на управляемом хосте, вы можете зарегистрироваться в CloudFlare. WP Engine использует Max CDN на про планах и выше.
• Кэшируйте ваши изображения. Если вы не используете кэширование на сервере или управляемый хост WordPress, вы можете кэшировать свои изображения с помощью плагина, например W3 Total Cache , Это повышает скорость загрузки, хотя я предпочитаю, чтобы это обрабатывалось хостинг-провайдером.

Сокращение внешних скриптов

Действительно распространенной причиной медленных сайтов WordPress является слишком большое количество внешних скриптов. Наличие кнопок, похожих на Facebook, ваш счет Klout и видео вне сайта - примеры, которые могут оказать большое влияние на время загрузки. Когда вы загружаете с других сайтов, это ограничивает ваши возможности с точки зрения того, как вы можете обработать этот скрипт. Простое удаление некоторых из этих функций может оказать большое влияние на скорость вашего сайта. В нашем блоге мы использовали минималистичный дизайн, ориентированный на контент. Мы удалили итоговые данные Facebook и Twitter с главной страницы блога. Мы не используем какие-либо внешние формы Infusionsoft. Мы пошли на компромисс, сохранив Disqus и SwiftType, потому что они исключительные плагины , Для других мы решили, что мы можем жить без этой функции, чтобы быстро загружать блог. Простое решение о том, что вы можете жить без определенных функций, - иногда все, что нужно для значительного увеличения скорости. Вот список некоторых распространенных внешних скриптов:

• Видеосценарии, такие как Wistia или YouTube для встраивания.
• Внешние плагины для комментариев, такие как Disqus или Google+ comments.
• Кнопки социальных сетей, такие как Twitter, следуют за кнопками и Facebook, как кнопки.
• Социальные плагины для публикации в блогах.
• Плагины живого чата.
• Плагины преобразования, такие как всплывающие скрипты и выбор форм.
• Аналитические сервисы, такие как Google Analytics или Infusionsoft, веб-отслеживание.
• Сценарии внешних шрифтов, такие как Typekit или Google Fonts.

Не говоря уже о том, что вы всегда должны их отключать, это все компромисс, вам могут действительно понадобиться некоторые из этих функций, но вы можете пойти на компромисс с другими. Чтобы выяснить, какие сценарии особенно велики, вы можете использовать тот же подход, что и выше, с Pingdom Site Speed ​​Tool и фильтр по размеру. GT Metrix также подскажет, сколько внешних файлов JavaScript загружает ваш сайт. Оттуда вы можете решить, что можете жить без некоторых из них, объединить их или заставить их загружаться позже (подробнее об этом позже).

Слишком много «багажа»

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

• Базы данных, которые стали огромными, особенно сайты WooCommerce с большим количеством старых заказов.
• Сайты, которые заполнены слишком большим количеством изображений или слишком большим количеством резервных копий, которые забивают сервер.
• Слишком много плагинов.
• Слишком много тем.

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

• Удаление старых заказов или внесение изменений в базу данных на сайтах электронной коммерции. Иногда может помочь переход с MyISAM на InnoDB (спросите об этом своего разработчика).
• Удаление старых резервных копий, особенно если запущены плагины резервного копирования.
• Удаление старых тем и неиспользуемых плагинов, которые занимают место.
• Просматривайте код вашей темы или даже начинайте заново каждые несколько лет с красивым чистым кодом.
• Удаление любых спам-комментариев или трекбэков, которые вам не нужны.
• Удаление старых версий WordPress на вашем сервере.
• Вы также можете хранить медиафайлы, такие как PDF-файлы, на внешнем Amazon S3 ,

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

Ускорьте страницы с большим трафиком

Я прочитал несколько постов о том, как ускорить ваш сайт, и очень немногие упоминают этот простой совет. Вероятно, что 80% вашего трафика посещают только 20% ваших страниц. Для максимального эффекта имеет смысл оптимизировать самые популярные страницы. Мы уделяем особое внимание нашей домашней странице. Это не только страница с большим трафиком, но и та, которая оказывает наибольшее влияние на наш бренд. Первый визит Гугл Аналитика , затем нажмите Поведение / Содержание сайта / Все страницы. Я готов поспорить, что ваша домашняя страница занимает первое место в списке. Вы можете применить тот же подход к любым другим страницам с большим трафиком.

• Просто сделайте это меньше. Например, включайте отрывки вместо полных постов или просто используйте более короткую страницу с меньшим содержанием.
• Мы сняли SSL-сертификат с нашей домашней страницы и перенесли регистрацию на выделенную страницу. Я не смотрел на способы оптимизации этого, но мы хотели в любом случае выделенную платежную страницу, и удаление SSL было одной вещью, которая могла пойти.
• Избегайте плохо закодированных сценариев. Например, некоторые ползунки могут уменьшить время загрузки, загружая много изображений одновременно или перегружая JavaScript.

Ускорение домашней страницы и других страниц с высоким трафиком увеличит скорость для 80% посетителей.

Некоторые более продвинутые техники

Упомянутых выше методов должно быть достаточно, чтобы время загрузки вашего сайта было в хорошем диапазоне (менее 2 секунд). Если вы действительно заинтересованы, есть несколько более сложных вещей, которые вы можете сделать:

• Не загружайте некоторые скрипты на страницах с большим трафиком. В нашем случае мы переместили наш сценарий чата с домашней страницы и вместо этого разместили ссылку «связаться» с нами вверху. Мы используем скрипт живого чата на странице контактов. Другой пример - плагины, которые не используются на домашней странице, такие как поисковый плагин SwiftType, и связанные с ним скрипты могут загружаться только на страницы блога.
• Используйте CSS-спрайты для объединения маленьких изображений, таких как значки. Это небольшая победа, но все это помогает.
• Загрузка сценариев асинхронно означает, что страница загрузится до того, как скрипт должен загрузиться. Если это не то, что нужно сразу, это может быть отличной идеей. Мы сделали это для видео-сценария и сценария живого чата на нашем сайте в качестве примера.
• Убедитесь, что вы указали размеры изображения в HTML-коде для всех изображений. Отчет GT Metrix подберет их для вас.
• Часть кода ниже в файле functions.php вашей темы удалит строки запроса из статических ресурсов. Это гарантирует, что они кэшируются как другие элементы.

function ewp_remove_script_version ($ src) {return remove_query_arg ('ver', $ src); } add_filter ('script_loader_src', 'ewp_remove_script_version', 15, 1); add_filter ('style_loader_src', 'ewp_remove_script_version', 15, 1); Благодаря Дугу из Эффективный WP за предоставление этого кода. У него есть некоторые больше советов здесь на скорости WordPress. Некоторые вещи важнее, чем скорость. В качестве последней мысли стоит помнить, что ускорение работы вашего сайта требует компромисса. Мы могли бы, вероятно, загрузить наш сайт намного быстрее, если бы захотели. Но всегда есть конкурирующие приоритеты, такие как:

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

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

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

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

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

Похожие

Комментарии