Elementor 3.25 přináší aktualizaci s významnými vylepšeními, která se zaměřují na zvýšení výkonu webových stránek, zážitku návštěvníků a flexibilitu designu. Od kontinuální optimalizace CSS přes plynulejší posun s nativním CSS až po vylepšenou funkci vyhledávání – tato verze je navržena tak, aby webové stránky byly rychlejší, interaktivnější a snadněji ovladatelné.
Chcete o Elementoru vědět více? Přečtěte si článek Elementor: Nejlepší page builder plugin pro WordPress?.
Zvýšení výkonu pomocí kontinuální optimalizace CSS
Rychlost webu je klíčová, a s verzí Elementor 3.25 byly podniknuty zásadní kroky ke zvýšení výkonu webu díky kontinuální optimalizaci CSS.
Díky analýze aktivních widgetů a funkcí na každé stránce Elementor zajišťuje, že se načítá pouze nezbytné CSS, zatímco většina nepoužívaných stylů je vynechána. Výsledkem je rychlejší a efektivnější web, který poskytuje hladší zážitek pro návštěvníky jak na desktopu, tak na mobilu.
Klíčová vylepšení v optimalizaci CSS
- Nulová CSS váha pro plugin Elementor Pro: Elementor Pro nyní začíná s nulovou CSS váhou, což znamená, že po instalaci pluginu neexistuje žádná CSS zátěž, dokud nezačnete přidávat widgety. Tento přístup dramaticky zmenšuje velikost CSS na webu, což jej činí rychlejším a efektivnějším.
- WooCommerce widgety: Pro uživatele WooCommerce je toto zásadní změna. Elementor 3.25 podmíněně načítá CSS pro WooCommerce widgety podle potřeby, čímž šetří až 197 KB CSS. Dříve se CSS pro všech 32 WooCommerce widgetů načítalo, i když byl použit pouze jeden widget. Tato aktualizace eliminuje zbytečné zatížení, což činí WooCommerce obchod výrazně rychlejším.
- Globální styly: Podobně jsou nyní globální styly načítány podmíněně, což dále snižuje velikost CSS souboru o 65 KB.
- Styly widgetů Elementor: Aktualizace pokročila také v podmíněném načítání stylů widgetů. Místo načítání celé skupiny stylů najednou nyní načítá styly jednotlivě pro 6 widgetů Theme Elements, 3 widgety Carousel a 2 widgety Formulářů.
Tato aktualizace se zaměřuje na načítání pouze nezbytného CSS pro konkrétní prvky, které používáte, čímž významně redukuje množství nepoužitého kódu, který může zpomalovat váš web. Eliminací nadbytečného CSS se zrychluje načítání stránek, což zlepšuje výkon na desktopu i mobilu, stejně jako klíčové SEO metriky a skóre Core Web Vitals.
Další vylepšení se již týkají pouze premium varianty Elementor PRO.
[PRO] Plynulejší rolování s nativním CSS
Elementor 3.25 přináší zásadní zlepšení v oblasti výkonu rolování. Knihovna AnchorJS byla nahrazena nativním CSS řešením, což nejen zvyšuje výkon tím, že snižuje závislost na JavaScriptu, ale také zajišťuje plynulejší a konzistentnější rolování napříč různými zařízeními.
Nové nastavení Anchor Offset (odsazení posunu kotvy)
Jednou z klíčových funkcí této aktualizace je Anchor Offset, který zajišťuje, že odkazy na kotvy rolují na správné místo na stránce, a přitom zohledňuje fixní záhlaví a další prvky. Dříve se odkazy na kotvy často posouvaly na místo skryté za fixními záhlavími, což způsobovalo zmatek a frustraci návštěvníků. Funkce Anchor Offset tento problém řeší umožněním nastavit vlastní hodnotu offsetu a upravit chování rolování tak, aby byla odkazovaná sekce plně viditelná a nebyla skryta za fixním záhlavím.
Proč je to důležité
- Plynulejší rolování: Díky nativnímu CSS, které se stará o rolování, není třeba obávat se zpomalení způsobeného JavaScriptem.
- Vylepšená navigace: Nový Anchor Offset činí navigaci v rámci dlouhých stránek nebo obsahově bohatých sekcí intuitivnější a uživatelsky přívětivější.
- Zvýšení výkonu: Snížením závislosti na JavaScriptu mají weby prospěch z čistšího a rychlejšího vykreslovacího procesu.
Jak nastavit Anchor Offset (odsazení posunu kotvy)
Pro nastavení Anchor Offset přejděte na kartu Pokročilé v záhlaví, sjeďte dolů k Možnostem pohybu, nastavte záhlaví jako fixní nahoře nebo dole a poté můžete zadat příslušné hodnoty v poli Anchor Offset.
[PRO] Vylepšený vyhledávací widget: stránkování živých výsledků
Vyhledávací widget v Elementor 3.25 dostal důležitou aktualizaci, která přidává stránkování pro živé výsledky. Dříve se ve výpisu živého vyhledávání zobrazoval pouze omezený počet položek a návštěvníci museli přejít na samostatnou stránku pro zobrazení dalších výsledků. S verzí Elementor 3.25 je nyní stránkování dostupné přímo v rozbalovacím menu živého vyhledávání, což návštěvníkům umožňuje procházet více mřížek výsledků, aniž by opustili aktuální stránku, a poskytuje tak plynulejší zážitek při vyhledávání v rozsáhlejším obsahu.
Hlavní výhody
- Vylepšený zážitek z vyhledávání: Návštěvníci mohou procházet více výsledků přímo v liště vyhledávání, což snižuje nutnost přecházet mezi stránkami a udržuje je na stránce.
- Zvýšené objevování obsahu: Díky stránkování mají návštěvníci větší šanci najít hledaný obsah, což zvyšuje jejich spokojenost.
- Vyšší zapojení a nižší míra opuštění: Držením návštěvníků na aktuální stránce během vyhledávání se vytváří plynulejší zážitek, který je udrží na webu déle.
Jak nastavit stránkování
Pro přidání stránkování do vyhledávacího widgetu nejprve povolte možnost Živé výsledky v sekci Výsledky na kartě Obsah a vyberte šablonu Loop. Poté v sekci Další nastavení (ve stejné kartě – Obsah) můžete povolit stránkování s čísly a/nebo tlačítky předchozí/další. Na kartě Styl můžete dále přizpůsobit vzhled a styl stránkování, včetně zarovnání, vertikální pozice, mezery a typografie, a také přidat styl pro stavy Hover a Aktivní.
Další aktualizace v Elementor 3.25
- Odesílání formulářů aktivní ve výchozím nastavení: Funkce odesílání formulářů je nyní nativně integrovaná v Editoru a je aktivní na všech webech. Uživatelé ji mohou vypnout z WP dashboardu v nabídce Elementor > Nastavení > Pokročilé.
- Nový experiment s optimalizovaným označením (markup): Odstranění prvního obalového divu pro widgety Tlačítko, PayPal a Stripe s cílem zjednodušit strukturu kódu a snížit počet prvků DOM. Tento experiment je v Alfa verzi a neměl by být aktivován na produkčních webech.
- Šablona Twenty Fifteen: Odstranění kompatibility s CSS, která způsobovala ztrátu barvy pozadí u stránek používajících šablonu „Elementor Canvas“.
Aktualizace funkcí
- Grid Container – Sloučen do Flexbox Container a přejmenován na „Container“.
- Optimalizované načítání ovládacích prvků – Aktivní pro existující weby a povýšeno na stabilní verzi.
- Vnořené prvky – Aktivní pro existující weby.
- Horní panel Editoru – Aktivní pro existující weby.
- Podmínky zobrazení (pro prvky) – Nativně integrované v Editoru.
