Elementor saytı yavaşdır: 10 addımda sürətləndirmə

Elementor sayt qurmağı asanlaşdırır, amma bunun qiyməti əlavə HTML, CSS, JavaScript və şrift yükləridir: diqqətsiz qurulmuş Elementor saytı telefonda bir neçə saniyə gec açılır. Qısa cavab: Elementor yavaş işləyirsə, problemi plagindən imtina etmədən həll etmək olar. Ölçün, lazımsız vidjetləri və yükləri söndürün, şəkilləri optimallaşdırın, LiteSpeed Cache və yeni PHP versiyasını işə salın. Aşağıdakı 10 addım bu ardıcıllıqla qurulub.

Elementor niyə ağırlaşır

Hər bölmə, sütun və vidjet səhifəyə əlavə HTML elementi və stil qaydası gətirir. Üstəlik, saytda adətən Elementor-un özündən başqa bir-iki "addon" paketi, bir neçə Google şrifti, Font Awesome ikonları və animasiyalar olur. Bunların hər biri ayrıca fayl yükləyir. Nəticədə problem tək bir səbəbdən yox, kiçik yüklərin toplamından yaranır, həll də addım-addım olmalıdır.

Addım 1: əvvəlcə ölçün

Dəyişiklikdən əvvəl başlanğıc nəticəni qeyd edin, yoxsa hansı addımın kömək etdiyini bilməyəcəksiniz. PageSpeed Insights-da (pagespeed.web.dev) ana səhifəni, bir məhsul və ya xidmət səhifəsini və bir məqaləni mobil rejimdə yoxlayın. Üç Core Web Vitals göstəricisinə baxın:

• LCP (ən böyük elementin görünmə vaxtı): yaxşı hədd 2.5 saniyəyə qədərdir;
• INP (toxunuşa cavab sürəti): yaxşı hədd 200 millisaniyəyə qədərdir;
• CLS (səhifənin "sürüşməsi"): yaxşı hədd 0.1-ə qədərdir.

Server cavab vaxtı (TTFB) da yüksəkdirsə, problem təkcə Elementor-da deyil. Ümumi səbəblərin siyahısını sayt yavaş açılır: 12 səbəb yazısında tapa bilərsiniz.

Addım 2-5: Elementor-un öz yükünü azaldın

2. Konteynerlərə keçin

Köhnə "bölmə + sütun" quruluşu hər blok üçün bir neçə iç-içə element yaradır. Flexbox konteynerləri eyni dizaynı daha az HTML ilə qurur. Yeni versiyalarda konteynerlər standart olaraq aktivdir; köhnə səhifələri tədricən, əvvəlcə ən çox baxılanlardan başlayaraq yenidən qurun.

3. Lazımsız vidjetləri və addon paketlərini söndürün

Elementor → Element Manager bölməsində istifadə etmədiyiniz vidjetləri deaktiv edin. Eyni funksiyanı verən iki-üç addon paketi varsa, birini saxlayın: hər paket öz CSS və JS fayllarını yükləyir.

4. Performans ayarlarını aktiv edin

Elementor → Settings bölməsində (versiyadan asılı olaraq Features və ya Performance tabında) bu seçimləri yoxlayın:

• Improved Asset Loading (təkmilləşdirilmiş aktiv yükləmə): vidjetin skripti yalnız həmin vidjet olan səhifədə yüklənir;
• Improved CSS Loading: stillər hissə-hissə, lazım olanda yüklənir;
• CSS Print Method: External File: stillər keşlənən ayrıca faylda saxlanılır;
• Element Caching və Lazy Load Background Images: versiyanızda varsa, aktiv edin.

Dəyişiklikdən sonra Elementor → Tools bölməsində "Regenerate Files & Data" düyməsini basın və keşi təmizləyin.

5. Şrift və ikon yüklərini azaldın

Bir-iki şrift ailəsi və iki-üç qalınlıq (məsələn, 400 və 700) kifayətdir. Versiyanızda varsa, Google şriftlərini lokal yükləmə (Load Google Fonts Locally) seçimini aktiv edin, Settings → Advanced bölməsində isə Google Fonts Load (font-display) dəyərini "Swap" seçin ki, mətn şrift yüklənməsini gözləmədən görünsün. İkonlar üçün "Inline Font Icons" seçimi bütün ikon şriftini yükləmək əvəzinə yalnız istifadə olunan ikonları SVG kimi yerləşdirir. Köhnə Font Awesome 4 dəstəyinə ehtiyac yoxdursa, Settings → Advanced bölməsində onu söndürün.

Addım 6-7: şəkillər və keş

6. Şəkilləri optimallaşdırın

• Şəkli göstərildiyi ölçüdə yükləyin: 400 piksellik blok üçün 4000 piksellik foto lazım deyil.
• WebP və ya AVIF formatından istifadə edin: bu formatlar eyni keyfiyyətdə JPEG və PNG-dən adətən daha yüngüldür.
• Səhifənin yuxarısındakı əsas şəkli (adətən LCP elementi) lazy load-dan çıxarın, aşağıdakılar üçün isə lazy load saxlayın.
• Arxa fon videolarını telefonda statik şəkillə əvəz edin.

7. LiteSpeed Cache-i düzgün qurun

LiteSpeed serverdə LiteSpeed Cache plagini səhifəni hazır HTML kimi saxlayır və PHP ilə bazanı hər dəfə işlətmir. Səhifə keşini aktiv edin, CSS və JS minifikasiyasını yoxlayın, faylları birləşdirmə (combine) seçimlərini isə bir-bir aktivləşdirib saytı test edin. Daha ətraflı ayarları LSCache və Redis ilə WordPress sürəti yazısında izah etmişik. Bir saytda yalnız bir keş plagini olmalıdır.

Addım 8-10: server tərəfi və təmizlik

8. PHP versiyasını yeniləyin

cPanel → Select PHP Version (və ya MultiPHP Manager) bölməsində Elementor və plaginlərinizin dəstəklədiyi ən yeni stabil versiyanı, məsələn 8.2 və ya 8.3 seçin. Yeniləmədən əvvəl ehtiyat nüsxə çıxarın və saytı yoxlayın. OPcache genişlənməsinin aktiv olduğuna əmin olun.

9. Yaddaş limitini artırın

Redaktor yavaş açılırsa və ya yarımçıq yüklənirsə, yaddaş azdır. wp-config.php-yə əlavə edin:

define( 'WP_MEMORY_LIMIT', '256M' );
define( 'WP_POST_REVISIONS', 10 );

PHP-nin öz memory_limit dəyəri bundan aşağıdırsa, onu cPanel → MultiPHP INI Editor və ya Select PHP Version → Options bölməsində artırın. İkinci sətir hər yazı üçün saxlanan revizyaların sayını məhdudlaşdırır və bazanın şişməsinin qarşısını alır.

10. Hostinq resursunu və mənbəyi yoxlayın

Bütün addımlardan sonra da TTFB yüksəkdirsə və redaktor ilişirsə, hesabın CPU və RAM limitlərinə çatırsınız: daha güclü paket lazımdır. Nulled Elementor Pro istifadə edirsinizsə, gizli kod da yük yarada bilər; riskləri nulled tema və plaginlər yazısında açıqlamışıq.

Sürətdən sonra yoxlanmalı

Hər addımdan sonra PageSpeed testini təkrarlayın və formaları, menyunu, mobil görünüşü yoxlayın. Elementor Pro forma vidjetindən məktublar gəlmirsə, bu sürət problemi deyil, WordPress-in poçt göndərmə üsulu ilə bağlıdır: WordPress e-poçt göndərmir yazısına baxın. Sürətli və səliqəli HTML həm də AI axtarış sistemlərinin saytı oxumasını asanlaşdırır; bu mövzuda llms.txt nədir yazısı faydalı olacaq.

Tez-tez verilən suallar

Elementor-dan imtina etmək lazımdırmı?

Çox vaxt yox. Yuxarıdakı addımlar Elementor saytını yaxşı Core Web Vitals göstəricilərinə çatdırmağa adətən kifayət edir.

PageSpeed balı 100 olmalıdırmı?

Xeyr, əsas meyar real istifadəçi göstəriciləridir: LCP, INP və CLS "yaxşı" zonadadırsa, 85-90 bal da normaldır.

Sayt sürətlidir, amma redaktor yavaşdır. Niyə?

Redaktor keşdən istifadə etmir və PHP yaddaşına, server resursuna daha həssasdır. Yaddaş limitini və brauzer genişlənmələrini yoxlayın.

İki keş plagini birlikdə daha sürətli edərmi?

Xeyr, onlar bir-biri ilə toqquşur və xətalara səbəb olur. LiteSpeed serverdə LiteSpeed Cache kifayətdir.

Elementor saytının sürəti həm qurulumdan, həm də serverdən asılıdır. LiteSpeed, LSCache və SSD RAID10 disklərlə WordPress üçün hazır mühit istəyirsinizsə, Hostinq.az professional sürətli hostinq paketlərinə baxın.