Почему Elementor замедляет сайт
Elementor генерирует большой DOM, загружает десятки CSS/JS файлов и по умолчанию подключает шрифты Google через внешние запросы. Всё это увеличивает время загрузки.
Настройки Elementor → Performance
| Параметр | Рекомендация | Влияние |
|---|---|---|
| Google Fonts | Disable / System Fonts | -200–500 мс |
| Font Awesome | Load only used icons | -80 КБ |
| CSS Print Method | Internal Embedding | -1 HTTP запрос |
| Improved Asset Loading | Enable | -30–50% |
| Lazy Load Background Images | Enable | +LCP score |
Отключение Google Fonts в Elementor
// functions.php — полное отключение Google Fonts
add_filter('elementor/frontend/print_google_fonts', '__return_false');
add_filter('elementor/fonts/print_google_fonts', '__return_false');💡 Используйте системные шрифты -apple-system, BlinkMacSystemFont, Segoe UI — они мгновенно загружаются без HTTP-запросов.
Уменьшение размера DOM
Elementor добавляет wrapper-divы вокруг каждого виджета. Для уменьшения DOM:
- Elementor Pro: включите Improved Asset Loading
- Используйте Container вместо Section/Column (меньше div-нестинга)
- Удалите неиспользуемые виджеты через Elementor → Tools → Regenerate Files
⚠️ После изменений в Performance настройках всегда очищайте кэш Elementor и кэш страниц.