A lassú webhely gyorsítása

Az Elementor kódja a szigorú szabványok szerint készült, de egyes webhelyek beállításai miatt az oldal mégis lassan töltődik be. Ez a fejezet végigvezet a leggyakoribb okokon.

Sebességteszt

A lassúság okának megtalálásához:

1. Mérd meg a webhelyed sebességét egy oldalsebesség-elemzővel, például a Google PageSpeed Insights vagy a GTmetrix szolgáltatással.
2. Kapcsold ki az összes bővítményt az Elementoron és az Elementor Prón kívül, és nézd meg, javul-e a sebesség.
3. Válts a Hello sablonra.
4. Készíts egy oldalt a Canvas oldalsablonnal, és azt is teszteld.
5. Futtass újra sebességtesztet, és hasonlítsd össze az eredményeket.

Tárhely

Három tényező befolyásolja a legjobban a sebességet:

• Memóriakorlát és tárhely: töröld a felesleges fájlokat (használaton kívüli sablonokat, bővítményeket, régi mentéseket, naplófájlokat), vagy válts nagyobb tárhelyű csomagra.
• Sávszélesség: ha kevés, kérj nagyobb csomagot a tárhelyszolgáltatótól.
• A kiszolgáló távolsága a látogatótól: használj tartalomszolgáltató hálózatot (CDN), vagy olyan tárhelyszolgáltatót válassz, amelynek világszerte vannak kiszolgálói.

Az ingyenes vagy megosztott tárhely gyakran okoz lassúságot.

Képek és videók

A képek lassítják a webhelyet, különösen ha olyan helyen vannak, amely minden oldalon betöltődik, például a fejlécben vagy a láblécben. Tippek:

• Ne tölts fel nagyméretű képeket, és tartsd 1 MB alatt a képek méretét.
• Használj WEBP formátumú képeket.
• Ha sok kép van egy oldalon, használj lusta betöltést (Lusta betöltés).
• Használj képoptimalizáló eszközt, például az Elementor Image Optimizer bővítményét.
• A videókhoz használj CDN-t vagy külső hivatkozást. A Videó widgettel külső forrásból (például YouTube vagy Vimeo) tölthetsz be videót a WordPress médiatár helyett.

Az Elementor blokkolja a privát videókat, és nem támogatja a YouTube Shorts videókat.

Külső szkriptek

A külső szkriptek (például Google Térkép, a Facebook megosztásszámláló vagy az avatarképek) jelentősen lassítják az oldal betöltését.

Külső betűtípusok és ikonok

A gyermeksablon functions.php fájljába írt kóddal kikapcsolhatod a Google Fonts, a Font Awesome és az Eicons betöltését.

Google Fonts:

add_filter( 'elementor/frontend/print_google_fonts', '__return_false' );

Font Awesome:

add_action( 'elementor/frontend/after_register_styles', function() {
    foreach ( [ 'solid', 'regular', 'brands' ] as $style ) {
        wp_deregister_style( 'elementor-icons-fa-' . $style );
    }
}, 20 );

Alapból a Font Awesome ikonok csak azokon az oldalakon töltődnek be, ahol használod őket, és csak a használt ikonkészlet CSS-e és betűkészlete. Csak akkor kapcsold ki, ha egyáltalán nem használsz Font Awesome ikont: kikapcsolás után egyik oldalon sem jelennek meg.

Eicons:

add_action( 'wp_enqueue_scripts', 'disable_eicons', 11 );
function disable_eicons() {
    wp_dequeue_style( 'elementor-icons' );
    wp_deregister_style( 'elementor-icons' );
}

Bővítmények

A bővítmények lassítják a WordPresst. Amelyiket nem használod, töröld.

Sablonok

A jól megírt sablon kisebb fájlokat használ. Ha váltogatsz a sablonok között, látod, hogy az okozza-e a lassúságot. Ha egy harmadik féltől származó sablon a hibás, fordulj a készítőjének támogatásához. A Hello sablon használata ajánlott. Ha saját kódot írnál a sablonba, az Elementor fejlesztői dokumentációja segít.

Gyorsítási lépések

1. Használj gyorsítótár-bővítményt, például a WP Rocketet vagy az Autoptimize-t.
2. Használj CDN-szolgáltatást, például a Cloudflare-t.
3. Kérdezd meg a tárhelyszolgáltatót, mi okozhat lassúságot a kiszolgáló oldalán.
4. Válts szerkesztőbetöltési módszert az Elementor → Beállítások oldalon (lásd Elementor beállítások).
5. Csökkentsd a képek méretét.
6. Nézd meg a kiszolgálók ping-idejét, és elemezd az egyes elemek betöltési idejét, hogy kiderüljön, mi lassít.

Az Elementor saját funkcióiról lásd: Teljesítményt javító funkciók, Javított erőforrás-betöltés és Gyorsabb oldal konténerekkel.