С новой версией Divi вы получаете максимальную мощь мощного конструктора страниц. Теперь Divi более легкий и имеет встроенные функции для удаления раздувания. Вы можете использовать функции защиты от раздувания Divi, чтобы ускорить работу вашего сайта. Это небольшая часть масштабной процедуры оптимизации производительности Divi, с помощью которой вы можете достичь максимальной оценки скорости страницы Google.
Сегодня мы обсудим 4 функции защиты от вздутия живота -
- Каркас динамических модулей
- Динамический CSS
- Динамические значки
- Оптимизация JavaScript с помощью динамических библиотек JavaScript
Давайте не будем терять время и посмотрим, сколько еще у Divi для нас.
Решение Divi для проблемы с вздутием живота
Определение раздувания веб-сайта
Любая статическая веб-страница, сделанная из общего HTML и CSS со сложным кодом JavaScript, делающая страницу тяжелее, чем должна, - называется веб-раздуванием. Поскольку веб-страницы представляют собой просто размеченный текст, они должны занимать всего несколько килобайт. Но важные элементы страницы, такие как всплывающие окна, эффекты движения и графическая анимация, делают страницу тяжелой.
Создавайте потрясающие сайты
С лучшим бесплатным конструктором страниц Elementor
Начать сейчасТемы WordPress, такие как Divi, динамически используют HTML-страницы, которые отображаются в файлах PHP. Итак, здесь мы должны рассматривать размер и эффективность файлов PHP как раздутие сети.
Просто неэффективная загрузка на страницу большего количества файлов, которые не нужны, и делает страницу избыточной, чем нужно, - означает, что веб-сайт раздувается.
Как это влияет на скорость веб-сайта
Если на странице необходимо загрузить больше серверных необычных файлов, чем на странице, загрузка займет больше времени. Например, есть страница, для которой требуется всего 100 строк CSS, но на странице более 2000 строк кода, а это означает, что время загрузки 1800 строк является пустой тратой.
Предположим снова, вы используете 5 библиотек JavaScript для запуска страницы вашего веб-сайта, где вы можете выполнять всю работу с 1. Таким образом, нет смысла использовать 4 бесполезные библиотеки JavaScript. Обратите внимание, что библиотека JavaScript содержит тысячи строк кода.
Помимо CSS и Js, ваша веб-страница работает с файлом PHP, который несет огромное количество функций. Предположим, ваш function.php содержит 20 000 строк кода и сотни функций. Таким образом, доставка контента на определенную страницу запускает все это - это совершенно не нужно там, где требуется лишь несколько из них.
Решение проблем с раздуванием в Divi
Дизайн Divi с каждым днем становится все более современным. Так что постепенно проблема раздувания росла. Чтобы решить эту проблему, была применена новая функция, называемая логикой «Anti-Bloat», которая может полностью устранить эту проблему. Благодаря этой функции защиты от раздувания Divi теперь работает намного быстрее, чем раньше, и пользователи могут продолжать свою деятельность гораздо более эффективным способом.
Что в этой функции защиты от вздутия живота
Функция Divi "анти-раздувание" выполняет 4 основные роли для определенных страниц:
Dynamic Module Framework: он решает проблемы, созданные с помощью файлов PHP, путем их оптимизации. Таким образом, для этой страницы активно работают только функции и коды, необходимые для запуска страницы.
Динамический CSS: он создает настраиваемую таблицу стилей, состоящую только из кодов CSS, необходимых для загрузки страницы. Нет времени на загрузку дополнительных файлов CSS.
Динамические библиотеки Javascript: он оптимизирует и динамически создает файл script.js, который загружает внешнюю библиотеку JS, необходимую для страницы.
Динамические значки: загружает подмножество значков, используемых на странице, а не все значки, используемые для веб-сайта.
Включите эту функцию, перейдя в Divi 
Как будут работать функции защиты от вздутия живота
Как мы уже знаем, Divi запустила новую функцию под названием «анти-раздувание», чтобы сократить время загрузки страницы, которое происходит с помощью нерелевантных строк кода. Посмотрим, как работает эта функция.
Dynamic PHP Framework: функции
Divi следует здесь простому правилу, которое выполняет только те функции, которые необходимы. Это действие выполняет полностью доказанная логика.
Предварительная проверка
Доставка данных с вашего сервера на ваш веб-сайт с помощью динамического PHP очень проста и экономит время. Если он обнаруживает, что компонент или функция используются, он выполняет проверку скорости в системе, получает все коды, поддерживающие этот элемент, и доставляет их соответствующим образом, и не выполняет до тех пор, пока действие не будет выполнено.
Модули по запросу
Благодаря этой новой функции страницы могут гибко загружать модули. Благодаря логике защиты от вздутия PHP, Divi обрабатывает только те шорткоды, которые нужны странице. Так, например, если у вас есть 5 модулей на странице, Divi обработает только эти пять, а не все из них, а также покажет и выведет эти пять модулей.
Функции по запросу
Для каждой функции на странице Divi автоматически обрабатывает и загружает модули. Точнее, эта система обрабатывает только такие модули, как эффекты прокрутки, анимацию, границы и закрепленные параметры, которые используются на странице. Это также относится к разделам, строкам и столбцам.
Daynamic CSS
Таблица стилей Divi также поддерживает логику защиты от раздувания, которая использовалась в структуре PHP. Функциональность Divi CSS довольно велика и часто создает ненужные раздутия на страницах.
Загрузка CSS на основе страницы
Вот что происходит, когда страница динамически загружает CSS,
- Он загружает только файлы CSS, которые должны стилизовать тему Divi. Размер файла не более 50кб.
- Затем он загружает файлы CSS, содержащие схему дизайна для страницы. Он будет динамически открывать только те файлы, которые используются в разных разделах страницы. Например, для простой домашней страницы будет файл размером всего 30 КБ.
Здесь теперь 80 КБ CSS-файла без каких-либо раздуваний. Раньше размер составлял 900 Кбайт, и он был почти полон наворотов.
Здесь эта домашняя страница была создана с использованием конструктора Divi, и вы можете увидеть, как собственные файлы CSS для этой страницы работают для отображения компонентов страницы.
Динамический JavaSript
Обычно мы используем JavaScript для повышения производительности веб-сайтов, упрощения и модернизации нашего дизайна. Используя динамический JavaScript, Divi может импортировать Js-функции из внешней библиотеки. Таким образом, на странице будет менее сложное кодирование, и, безусловно, страница будет легче и быстрее, чем раньше. Функции защиты от раздувания работают на каждой странице, поэтому вам не нужно беспокоиться о повреждении функциональности, Divi позаботится об этом.
Вот небольшой пример того, как функция защиты от вздутия Divi заботится о лайтбоксах и липких функциях.
Динамические значки
Иконки - очень важная часть веб-страницы. Divi предлагает интеллектуальный способ загрузки подмножества шрифтов, необходимых для этой страницы, вместо загрузки всех значков. По сути, каждая веб-страница имеет три подмножества значков,
- База - глухие иконки темы Divi из модуля.
- Социальные сети - социальные сети следуют за значками из базового набора значков.
- Все - весь пакет значков, в котором средство выбора значков может выбрать и использовать нужный.
Если на какой-либо странице не используются модули социальных сетей или какие-либо значки, выбранные средством выбора значков, то на странице будет использоваться базовый набор значков, занимающий 6 КБ места. Размер будет немного больше, если мы включим значки социальных сетей.
Если мы используем модуль выбора значков / рекламных объявлений, то размер всего набора значков может достигать 90 КБ.
Заключение
Функция Divi против вздутия живота, безусловно, очень полезна. Это сделает веб-сайты Divi быстрее и значительно улучшит взаимодействие с пользователем. Увеличивая мощность и скорость веб-сайта Divi , пользователи постоянно получают лучшую поддержку. Надеюсь, эти усилия будут продолжены. Если вам нравится этот пост, поделитесь им с друзьями и дайте нам знать свой запрос в разделе комментариев.
