Сайт на Elementor медленно загружается. Что делать?
Привет! Хочу поделиться своим мнением про плагин для WordPress Elementor, и рассказать о том, почему сайты на Elementor получаются "плохими" и "медленными" в большинстве случаев.
Парочка важных поправок
Во-первых, сам по себе Wordrpess плагин Elementor — очень крутой инструмент. Реально! Я сам когда-то думал о том, чтобы сделать некий конструктор страниц для WordPress, потому что сталкивался с тем, что нужно было быстро собрать несколько похожих посадочных страниц, и мне не хотелось для этого работать с исходным PHP-кодом.
Да, плагин Элементор — это крутой инструмент в руках опытного специалиста, который понимает "что" он делает и "для каких задач" подходит Элементор. Однако, ситуация складывается абсолютно обратная, когда за дело берется человек, ничего не понимающий в сайтах. Замечу, что зачастую плагином Elementor пользуются именно не профессиональные пользователи. Более того, именно для НЕ ПРОФЕССИОНАЛОВ был разработан этот плагин, чтобы снизить технический порог входа в разработку сайтов.
Хочу обратить внимание на причину, которая сподвигла меня на написание этой статьи. Причина: ко мне очень часто обращаются с просьбой "ускорить сайт" на Elementor.
Причины долгой загрузки
Нужно понимать, что все сайты с точки зрения пользовательского браузера устроены очень схожим образом. Поэтому и на время загрузки влияют схожие принципы. Это означает, что не важно, с помощью какой именно технологии или инструмента разработан Ваш сайт — на него влияют все те же принципы, как и на другие сайты.
Чтобы понять принципы, которые влияют на время загрузки сайтов, я рекоменую прочесть мою статью про Google Page Speed для WordPress. В этой статье я описал Важные тезисы для понимания, как формируется время загрузки страницы. Однако, сейчас я опишу несколько основных причин, почему сайты на Elementor могут медленно загружаться.
Нужно начать с основ этого плагина, и причин, по которым он появился. Этот плагин создан для того, чтобы каждый человек смог создать себе сайт без опыта в программировании. И нужно сказать, что с этими задачами Элементор отлично справляется.
Для того, чтобы сайты на Elementor были красивыми, плагин дает возможность использовать множество шрифтов, разные виды анимаций, разные виды визуального оформления сайтов. Конечно же, столь богатый функционал "дорогого" стоит, и для того, чтобы это все обслуживать необходимо подгружать на страницу сайта различные файлы стилей, скриптов и шрифтов.
Кроме того, зачастую, для того, чтобы создать на странице определенную иерархию элементов, плагин вынужден генерировать очень сложную структуру вложенных элементов на странице. Это приводит к тому, что необходимы бОльшие мощности компьютера, чтобы отрисовывать страницу в браузере. И если мощностей недостаточно, то отрисовка страницы занимает больше времени.
И казалось бы, что все выглядит достаточно логично: пользователю нужен шрифт — значит нужно подгрузить файл для обслуживания шрифта. А если нуна анимация, то нужно подгрузить скрипт для обслуживания анимации. Да, все верно. Именно так все и работает.
Вот только у многих пользователей, ввиду отсутствия опыта в разработке и продвижения сайтов, складывается впечатление, что сайт обязательно должен быть яркий, насыщенный и очень "красивый". Поэтому не профессиональные пользователи, при разработке сайта на Elementor создают множество элементов и много другого, в чем реальный бизнес не нуждается. Именно поэтому средняя температура по больнице скорость загрузки сайтов в среднем очень низкая — из-за использования ненужных возможностей на сайте.
Что делать, если сайт на Элементор медленно загружается?
Из предыдущего абзаца следует, что для того, чтобы сделать сайт быстрым, есть два решения:
- разработать сайт с нуля без использования Elementor
- оптимизировать текущий сайт
Теперь, чтобы принять правильное решение, я дам некоторую информацию для понимания, что вы можете получить в случае выбора каждого из решений.
1. Разработать сайт с нуля
Для меня, как для технического специалиста, наиболее верным решением будет №1 — это с нуля построить сайт без исользования каких-либо сторонних плагинов для визуального оформления.
К слову, наша команда при разработке сайтов не использует такие инструменты как Elementor, PageBuilder и другие. Мы даже не используем готовые щаблоны. Мы выполняем верстку сайтов с нуля. Таким образом, для создания сайта используются только те файлы скриптов, шрифтов и стилей, которые действительно необходимы. Это позволяет сократить количество обращений к серверу и объем передаваемых данных. В результате наши сайты, как правило, загружаются быстрее тех, которые построены на основе "премиального" шаблона или плагина.
И это верный способ разработки сайтов для человека, который имеет опыт в программировании. Если у Вас нет такого опыта или желания заниматься техническими вопросами, то можете просто заказать разработку сайта "под ключ" у нас. Мы разработаем такой сайт, который будет решать задачи Вашего бизнеса.
Однако, не все WordPress специалисты и команды имеют такой же подход к разработке как у нас. Сейчас на рынке ОЧЕНЬ много WordPress специалистов, которые разрабатывают сайты на Вордпресс, однако используют именно плагины-конструкторы или премиальные шаблоны. Это те специалисты, которые, как правило, имеют низкие компетенции в области разработки. И зачастую их сайты не только не способны решать бизнес-задачи, но и вовсе оказываются бесполезными. Нужно сказать, что к нам часто обращаются с сайтами, которые были разработы на различных плагинах-конструкторах. Мы просто не берем такие сайты в работу и первое что предалагем — разработать серьезное техническое решение, которое можно затем обслуживать.
2. Оптимизировать сайт на Elementor
Первое, что необходимо сделать — это пересмотреть структуру страниц. Возможно, есть способы упростить структуру без значительной потери в функциональности. Возможно, можно отказаться от каких-то особенностей на сайте: шрифты, особые стили оформления, анимация и т.д.
Далее, обязательно настроить кэширование страниц сайта. Это можно сделать с помощью специальных плагинов, к примеру AutoOptimaze, HyperCache и другие.
Сжать используемые изображения на сайте. Также следует перевести изображения в формат webp, если это возможно в вашем случае. Это также можно сделать с помощью плагинов.
Однако, важно понимать, что все методы и способы не дадут ЗНАЧИТЕЛЬНОГО сокращения времени загрузки страницы и ускорения рендеринга. Важно понимать, что на скорость загрузки сайта влияют множество параметров. В том числе, мощность сервера или хостинга, где размещается сайт.
Я же рекомендую пересмотреть подход к разработке сайта. Если Вы специалист по разработке сайтов, то следует изучить новые технологии. Именно технологии, а не инструменты. Если Вы собственник бизнеса, то следует заказывать сайт у технически грамотных специалистов.
Как исправить медленный сайт на Elementor и набрать 100% баллов GTmetrix
Разработчики Elementor говорят, что они создали самый быстрый конструктор страниц для WordPress.
Так, что вызывает Вашу медленную загрузку веб-сайта?
Обычно есть несколько простых настроек, которые могут значительно улучшить время загрузки и оценки GTmetrix. Elementor говорит что наиболее распространенными причинами медленного сайта WordPress являются серверы, медиа, внешние скрипты (например, Google Fonts), плагины, отсутствие CDN и использование посредственного плагина кеша.
Тем не менее, это не всегда так. Вот почему я написал этот урок.
Вы узнаете, как исправить свой медленный сайт Elementor, следуя основным рекомендациям из руководства по оптимизации WordPress и рекомендациям Elementor.
Я предоставлю скриншоты, подробные инструкции и отвечу на все комментарии, если вам все еще нужна помощь.
Мне удалось получить 100% баллов GTmetrix на моей домашней странице. Даже сообщения с более чем 100 изображениями и более 400 комментариями (размер страницы 5 МБ и 170 запросов) по-прежнему загружаются в течение мнее 2 с. Да, я ботаник скорости WordPress ?
How to Speed up WordPress: In-Depth Guide
If you want to create successful WordPress websites for yourself or your clients, learning how to speed up your WordPress site is essential.
While many people rightfully focus on the design and content of a website, how quickly that website loads is just as important, if not more. Load times will affect your site’s user experience, SEO rankings, conversion rates, bounce rates, and more.
However, understanding all the ins and outs of WordPress performance can be complicated, which is why we’ve created this huge guide on how to speed up your WordPress site.
In this post, we’ll cover everything that you need to know. We’ll start by explaining what slows down WordPress sites, why speed is important, and how to test your site’s current performance.
Then, we’ll share a full list of actionable tactics you can use to improve your WordPress site’s performance today.
Table of Contents
- Why Is Your WordPress Site Slow?
- Why Is WordPress Site Speed Important?
- How To Measure WordPress Site Speed
- What Do the Test Results Mean? What About "Scores"?
- What’s a Good Website Load Time?
- How To Optimize WordPress Site Speed
Why Is Your WordPress Site Slow?
There are two broad categories of issues that could be slowing your WordPress site down:
- Backend performance – in broad terms, this is how long it takes your server to deliver files.
- Frontend performance – this is how optimized your WordPress site is itself.
Backend performance problems generally come from your hosting. For example, using slow hosting is one of the biggest culprits of poor backend performance. You can also speed up backend performance by making your server more efficient with tactics such as page caching, using the latest version of PHP, optimizing your database, and more.
Frontend performance problems depend a lot more on the choices you make when building your WordPress site. Some of the common issues here include:
- Using too many poorly-optimized WordPress plugins
- Using a heavy WordPress theme
- Loading large, unoptimized images
- Having unoptimized JavaScript or CSS
- Loading too many third-party scripts
If you want to maximize your site’s performance, you need to optimize both types of performance. For example, even a site with perfect frontend optimization might still load slowly if it’s on really slow hosting (and vice versa).
Our tips below will cover fixing both types of issues.
Why Is WordPress Site Speed Important?
If you’ve ever used a slow-loading website, you intuitively know how frustrating dealing with a slow website can be. It’s annoying, and your visitors will be annoyed if they have to wait around for your content to load (especially on mobile devices).
So at a basic level, one big problem with a slow WordPress website is that it creates a really poor user experience for your visitors, which is something you should always aim to avoid.
However, there are also lots of specific downsides to having a slow website:
SEO rankings – Google uses site speed as a ranking factor in both its desktop and mobile results. It will also start using Core Web Vitals metrics soon, which include a speed metric. Site speed can be especially important in competitive niches with lots of strong sites, where it’s a differentiator between two equally-strong sites. Here’s Google’s take.
Conversion rates – slower load times lead to lower conversion rates. Even just a 100-millisecond delay can hurt conversion rates by 7%, according to Akamai. Deloitte also found that just a 100-millisecond improvement in site speed led to shoppers spending 10% more.
Bounce rate – slower load times lead to higher bounce rates. For example, Pingdom found that the time-related bounce rate for a page that loads in two seconds is 6% but that jumps to 38% for a page that loads in five seconds. On mobile, Google found that the probability of someone bouncing jumps from 32% at 1-3 seconds to 90% at 1-5 seconds.
Site speed is also especially important on mobile, where 53% of mobile visitors will leave a page that takes longer than three seconds to load.