Weboldalunk linkeket tartalmaz a partneroldalakra. Ha webhelyünkről a partner webhelyére kattint és ott vásárolja meg a szolgáltatásait, jutalékot kapunk a közvetítésért (További információ). Az együttműködés ezen formája nem befolyásolja felülvizsgálataink objektivitását. Minden egyes vásárlással egy kattintással a weboldalunkról támogatni fogja szerkesztőségünket, hogy a jövőben is minőségi és hasznos tartalmat tudjunk létrehozni. Köszönöm.

A Divi masszívan frissítette a teljesítményét. Mit is jelent ez?

Divi témaépítő teljesítmény

A Divi sablon masszív teljesítményfrissítésen esett át 2021 augusztusában, amelynek pozitív hatással kellene lennie a web betöltési idejére, ami miatt ez a sablont gyakran kritizálva volt. Az a hír járta, hogy a Divi átaludta a fejlesztését és a használatának már nincs értelme. Ennek változnia kellene a frissítéssel. Tényleg gyorsabb a Divi?

Ez a legnagyobb frissítés a Divi projekt kezdete óta

Az emberek már pár éve panaszkodtak a Divi teljesítményére. Tény, hogy sok probléma a rossz webhelybeállításokkal, sok felesleges effektus és nagy (nem optimalizált) képek használatával kapcsolatos. Egy weboldal létrehozásakor az emberek gyakran hagyják magukat elragadtatni a fantáziájukkal, és mindent, ami tetszik nekik, az oldalra tolnak.

Azonban még a tapasztalt webépítőknek is számos problémájuk volt ezzel a sablonnal, amelyeket szükség volt a forráskódba való beavatkozásokkal megoldani, ahol a szükségtelen JavaScripteket törölték. Még rosszabb volt a helyzet a CSS-el, amely minden új modul hozzáadásával megdagadt.

TIPP: Közelebbről is érdekelné a Divi? Olvassa el a Divi értékelésünket.

Felhősödni kezdett a Divi felett, mert népszerűsége a gyorsaság miatt nagyot csökkent. Az Elementor és más webhelyszerkesztők gyorsabb eredményeket értek el. Ennek köszönhetően a konkurens buildereket tapasztalatlan felhasználók is használhatták, akiknek a sebesség “optimalizálásához” csak be kellett kapcsolniuk az egyik cach plugint.

Mi változik a frissítéskor

A Divi teljesítményének hatalmas frissítését maga Nick Roach (az Elegant Themes alapítója) jelentette be az Elegant Themes blogon. És valljuk be, ennek a sablonnak és az oldalkészítőnek a fejlesztői és kitartó rajongói hihetetlenül régóta vártak egy ilyen üzenetre.

divi bloat
A Divi új verziója jelentősen csökkenti a forráskód méretét. Forrás: ElegantThemes.com

Dinamikus CSS

Ez valóban nagy probléma volt. A Divi builder további CSS-t adott hozzá a kódhoz, mert nem tudta felismerni, hogy ugyanazokkal a beállításokkal rendelkező modul már létezik az oldalon. Ha több azonos modult használt az oldalon, akkor mindegyikhez további CSS-kód jött létre. Minél több elem található az oldalon, annál jobban nőtt a CSS. Ennek eredményeként az oldal betöltése tovább tartott.

Most drasztikus változás történt a Divi által használt nagy CSS-fájl felosztásában több száz kis összetevőre. Régen a CSS az összes modul stílusával töltődött be. Vagyis még azokat is, amelyeket nem használt fel. Ez megváltozott, és a Divi csak azokat a stílusokat tudja betölteni az oldalon, amelyekre valóban szükség van a használt modulokhoz. Az eredmény a CSS fájl méretének masszív csökkentése minden oldalon. A laboratóriumi eredmények szerint a Divi készítői a CSS méretét 860 kB-ról mindössze 54 kB-ra csökkentették.

Dinamikus PHP framework

Az új dinamikus framework csak az egyes oldalakon használt modulok és funkciók megjelenítéséhez szükséges logikát használja. Minden mást szó szerint ki kellene vágnia az egyenletből, és nem kellene feleslegesen betöltenie. Újonnan, ha az oldalon található 50 modulból 5-öt használ, a Divi csak az 5 modulhoz szükséges funkciókat dolgozza fel, és a többit kihagyja. Régebben egyszerűen mindent betöltött, ami a Divi-ben volt. Ezért az oldalak lassan töltődtek be.

JavaScript optimalizáció

A JavaScript ugyanezen az optimalizálási úton esett át. A Divi igény szerint újratölti a könyvtárakat, az oldalon használt moduloktól függően. Ezenkívül a JavaScript átfogó ésszerűsítési folyamaton ment keresztül, így nagy mennyiségű fölösleges kódot távolítottak el, ami az eredeti verzióhoz képest a felére csökkent.

Sebességteszt

Az Elegant Themes megfelelő marketingfelhajtást keltett a frissítés körül. Egy dolog laboratóriumi méréseket végezni, amelyek marketingkampányhoz kellenek, de a másik meg mindent egyedül lemérni.

For the test, I used a powerful WordPress hosting from the company Bluehost and one of the pre-prepared layouts of the Divi template, which is full of various visual effects. And those are holding back any website. I did not use any caching plugin on the web.

Teljesítménymérés a Divi frissítés előtt

Frissítés előtti mérés Google PageSpeed Insights-al
Frissítés előtti mérés Google PageSpeed Insights-al
Frissítés előtti mérés Gtmetrix-szel.
Frissítés előtti mérés Gtmetrix-szel.

Teljesítménymérés frissítés után

Már első ránézésre nagy teljesítménybeli javulást lehet látni, de például a GTmetrixben (a web sebességének mérésére szolgáló eszköz) nem volt drasztikus a változás, ezért mindenképpen szükség lesz a jövőben cache plugin használata. Esetemben LiteSpeed ​​Cache lesz (támogatnia kell a szervert).

Frissítés utáni mérés Google PageSpeed Insights-al
Frissítés utáni mérés Google PageSpeed Insights-al
Frissítés utáni mérés Gtmetrix-szel.
Frissítés utáni mérés Gtmetrix-szel.

Divi vs. mások

Ezt a tesztet nem személyesen futtattam le, hanem a Divi sablon fejlesztői végezték. Igazat megvallva, meglepett a Divi vs. Elementor harc eredménye. Az Elementor jelenleg az egyik kedvenc page builder. Valószínűleg azért a legnépszerűbb, mert ingyenes verziója is van.

Divi vs. Más page builderek.
Divi vs. Más page builderek. Forrás: ElegantThemes.com

Befejezés és értékelés

A Divi minden bizonnyal drasztikus változáson ment keresztül, ami csakis jó. A web betöltési sebességet egyszerűen értékelve van. Ha még nem frissített, készítsen biztonsági másolatot, és hurrá a frissítésre, mert biztosan szeretni fogja a Divi új verzióját. Meg kell hagyni, még mindig egy elég jó website builder, és jó módszer, hogy készítsünk egyszerűen weboldalakat.

Rate this post

Similar Posts

Vélemény, hozzászólás?

Az e-mail címet nem tesszük közzé. A kötelező mezőket * karakterrel jelöltük