Kodėl jūsų WordPress svetainė lėta: Elementor vs Breakdance palyginimas

Turinys

• Kodėl viena svetainė atsidaro akimirksniu, o kita – luktelėjus
• Elementor ar Breakdance: šaknis, apie kurią agentūros dažnai patyli
• Ką galite patikrinti šiandien, nemokamai
• Kaip tai atrodo realiame projekte
• Elementor ar Breakdance: kodėl mes patys renkamės Breakdance
• Dažniausiai užduodami klausimai

Prieš savaitę paskambino klientas – advokatų kontoros vadovas. Sako: „Gabrieliau, mes leidžiame 800 eurų per mėnesį reklamai, o užklausų vis mažiau.” Patikrinau jo svetainę telefone. Ji krovėsi devynias sekundes. Devynias.

Tiek laiko žmogus tiesiog nelaukia – jis grįžta į Google paieškos rezultatus ir spusteli kitą nuorodą. Konkurento. Kiekvienas prarastas lankytojas per lėtą svetainę yra jau sumokėti reklamos pinigai, kurie tiesiog išgaravo.

Mano patirtis rodo, kad devyniais atvejais iš dešimties problema slypi ne dizaine ir ne tekstuose. Ji slypi tame, koks įrankis – Elementor ar Breakdance – buvo pasirinktas kuriant svetainę, ir apie tai klientas dažniausiai net nežino.

Kodėl viena svetainė atsidaro akimirksniu, o kita – luktelėjus

Kai kuriate WordPress svetainę, jos vaizdą ir išdėstymą tvarko specialus įrankis, vadinamas page builder’iu – lietuviškai galima vadinti puslapio konstruktoriumi. Šiandien aptarsime du: vienas populiariausių šiandien: Elementor, kitas, mažiau žinomas – Breakdance. Abu leidžia sudėlioti svetainę velkant blokus pele, be programavimo žinių. Skirtumas atsiranda po paviršiumi – kiek kodo kiekvienas iš jų sukuria, kad tas gražus rezultatas atsirastų ekrane.

Žmogus laukia svetainės atsidarymo maždaug tris sekundes. Po to didžioji dalis lankytojų tiesiog uždaro langą. Google tai žino, todėl skaičiuoja, kiek laiko svetainei reikia, kad taptų naudojama – ir nuo to priklauso jūsų pozicija paieškoje.

Kas yra Core Web Vitals?

Core Web Vitals – tai trys Google matavimai, kurie tikrina, ar puslapis atsidaro greitai (LCP), ar jis nešokinėja kol kraunasi (CLS), ir ar reaguoja į paspaudimą be delsos (INP). Jei šie rodikliai prasti, Google nukelia svetainę žemiau paieškos rezultatuose – net jei turinys puikus. Praktiškai tai reiškia mažiau lankytojų, kurie jūsų apskritai nepamato.

Elementor ar Breakdance: šaknis, apie kurią agentūros dažnai patyli

Tuščias, visiškai be turinio Breakdance puslapis sveria apie 42 KB. Tas pats tuščias puslapis, sukurtas su Elementor – apie 570 KB. Tai ne rašybos klaida. Skirtumas trylika kartų.

Priežastis paprasta: Elementor gimė 2016 metais ir nuo tada tempiasi kartu seną kodą, kad senesnės svetainės neatsijungtų. Breakdance kurtas vėliau, be tos naštos. Prie to prisideda ir tai, kad Elementor visada reikalauja atskiros „temos” – bazinio dizaino griaučių failo, veikiančio fone. Breakdance gali dirbti savarankiškai.

Yra ir kitas sluoksnis, kurio klientas niekada nemato – kiekvienas Elementor blokas naršyklei sukuria kelias papildomas „nematomas dėžutes” aplink save. Vienam blokui tai nesvarbu. Šimtui blokų didelėje svetainėje tai jau tampa apkrova, kurią naršyklė turi perskaityti prieš parodydama jūsų tekstą.

Čia norėčiau pasakyti dalyką, su kuriuo dalis kolegų nesutiks: Elementor pats savaime nėra blogas įrankis. Jis puikiai tinka hobio tinklaraščiui ar vienkartiniam projektui, kur niekas nesiskubina. Bet verslui, kuris moka už reklamą ir laukia skambučių – kiekviena papildoma sekundė kroviant kainuoja pinigus, o Elementoriaus architektūra tą sekundę tiesiog priduria.

Vieną dalyką komandai primenu nuolat: greitį reikia projektuoti nuo pirmos dienos, ne taisyti po metų, kai klientas jau piktas.

Kasdienė analogija

Tikriausiai esate matę, kaip du bėgikai stovi starto linijoje. Vienas – lengvais sportiniais bateliais, kitas – su kuprine, prikrauta dešimties kilogramų prieš pat startą. Abu gali finišuoti. Bet vienas iš jų kaskart pradeda su papildoma našta, kurios net nepasirinko.

Elementoriaus svetainė – tas antrasis bėgikas. Ne todėl, kad ji bloga, o todėl, kad neša kodą, kurio jūsų klientui apskritai nereikia matyti. Ir čia netikėtas posūkis: dažnai tą kuprinę užsideda ne dizaineris, o pati sistema – automatiškai, kiekvienam blokui, kurį pridedate.

Ką galite patikrinti šiandien, nemokamai

Nereikia laukti audito iš agentūros. Štai ką galite padaryti patys, per penkias minutes.

Pirma, atsidarykite pagespeed.web.dev ir įveskite savo svetainės adresą. Sistema parodys balą nuo 0 iki 100 – atskirai kompiuteriui ir telefonui. Jei mobili versija žemiau 70, tai jau signalas.

Antra, atkreipkite dėmesį į punktą „Total Blocking Time”. Jei jis viršija 300 milisekundžių, lankytojas spusteli mygtuką, o svetainė dar kelias sekundes „negirdi” – tai tiesiogiai vejasi žmones šalin.

Trečia, jei turite prieigą prie WordPress administravimo skydelio, pažiūrėkite, kiek papildinių/įskiepių (plugin’ų) įdiegta. Virš 25–30 aktyvių papildinių dažniausiai reiškia, kad sistema kompensuoja tai, ko pagrindinis įrankis pats nemoka.

Ketvirta, patikrinkite, kiek skirtingų šriftų naudoja svetainė ir ar nuotraukos suspaustos. Kiekvienas nesuspaustas paveikslėlis gali svert kelis megabaitus – tiek pat, kiek visa likusi svetainė kartu sudėjus.

Penkta – ir čia jau reikia specialisto akies – patikrinkite, ar mobilioji versija atrodo taip pat, kaip kompiuteryje, ar tiesiog susispaudusi kompiuterinė versija. Tai dažnai išduoda, kuriuo įrankiu svetainė kurta.

Kaip tai atrodo realiame projekte

Pavasarį pas mus kreipėsi veterinarijos klinika iš pajūrio regiono. Senoji svetainė buvo sukurta su Elementor – ir nors turėjo vos kelis puslapius, ji tiesiog negeneravo klientų. Kiekvienas papildomas animacijos efektas ar iššokantis blokas tik pridėjo apkrovos naršyklei, o rezultatas – nė vieno papildomo skambučio.

Perkėlus svetainę į Breakdance, PageSpeed balas nusistovėjo virš 95 – ir taip lieka nuolat, ne vienkartinio matavimo atveju. Visi trys Core Web Vitals rodikliai pažymėti kaip „passed”. Per pirmą mėnesį po paleidimo skambučių klinikai padaugėjo 34 procentais – ne organinio srauto skaičius, o realūs skambučiai, kurie virsta pacientais. Tuo metu pats tvarkiau kelias iOS Safari naršyklės keistenybes svetainėje, ir tai buvo geras priminimas: greitis – tik pusė istorijos, kita pusė – kad viskas veiktų vienodai visuose įrenginiuose.

Elementor ar Breakdance: kodėl mes patys renkamės Breakdance

Agentūroje dirbame su Breakdance – ne todėl, kad tai madinga, o todėl, kad mažiau laiko sugaištame taisydami greitį ir daugiau – galvodami apie tai, kaip svetainė atneš klientų.

Vienas konkretus techninis faktas: standartinis Breakdance puslapis generuoja gerokai mažiau HTML kodo negu tas pats išdėstymas, sukurtas su Elementor – dažnai kelis kartus mažiau. Mažiau kodo reiškia mažiau darbo naršyklei, mažiau darbo Google robotui, kuris skenuoja svetainę, o svetainei – mažiau priežasčių „strigti”.

Kainos atžvilgiu skaičiai irgi kalba patys. Elementoriaus atveju bazinė licencija dažnai atrodo pigiau, bet realiai reikalingi papildiniai – iššokantiems langams, sudėtingesnėms formoms, mega meniu – gali per metus susidaryti į papildomas 300–500 eurų. Breakdance šias funkcijas, tarp jų ir globalų spalvų bei šriftų valdymą (pakeičiate firmos spalvą vienu mygtuku visoje svetainėje), turi integruotas iš karto, be papildomo mokesčio.

Mūsų svetainių kūrimo paslaugos webDNR agentūroje kainuoja fiksuotai nuo pat pradžių – klientas žino galutinę sumą prieš pradedant darbą, ne po to, kai „paaiškėja”, kad reikia dar vieno papildinio.

Santrauka vadovui

• Patikrinkite savo svetainės PageSpeed balą per pagespeed.web.dev – tai užtrunka 2 minutes.
• Jei mobilus balas žemiau 50, tai tiesiogiai veikia jūsų poziciją Google paieškoje.
• Tuščias Breakdance puslapis sveria apie 42 KB, Elementor – apie 570 KB.
• Elementor gali papildomai kainuoti 300–500 eurų per metus dėl būtinų papildinių.
• Virš 25–30 aktyvių papildinių – signalas, kad įrankis nebeatlaiko savo funkcijos.
• Svetainės perkėlimas tarp įrankių nereiškia, kad viskas kuriama nuo nulio – dizainas ir turinys dažniausiai persikelia.
• Greitis nėra kosmetinis dalykas – tai tiesiogiai susiję su tuo, kiek užklausų gaunate iš tos pačios reklamos sumos.

Dažniausiai užduodami klausimai

Ar Elementor yra blogas įrankis? Ne. Jis tinka mažiems, nekomerciniams projektams arba svetainėms, kurių niekas neskuba plėsti. Verslo svetainei, kuri turi konvertuoti lankytojus į klientus, greitis dažnai svarbesnis už paprastumą kurti.

Kiek laiko užtrunka perkelti svetainę iš Elementor į Breakdance? Priklauso nuo puslapių skaičiaus, bet tipinei 8–12 puslapių verslo svetainei tai užtrunka 2–4 savaites, įskaitant turinio perkėlimą ir testavimą.

Ar Breakdance tinka el. parduotuvei su WooCommerce? Taip. Breakdance turi gamyklinius produktų ir krepšelio šablonus, kuriems reikia mažiau papildomo dizainerio darbo negu Elementor atveju.

Kiek kainuoja svetainės perkėlimas į Breakdance? webDNR agentūroje standartinis svetainės kūrimo paketas prasideda nuo 849 eurų, priklausomai nuo esamos svetainės sudėtingumo – kainą pasakome iš anksto, prieš pradedant darbą.

Ar reikia viską kurti nuo nulio, jei noriu pakeisti įrankį? Ne visada. Turinys, tekstai ir nuotraukos persikelia. Perkuriamas techninis pagrindas – tai, ką mato ne klientas, o Google robotas.

Kaip suprasti, kad mano svetainė „sensta”? Jei per pastaruosius metus nekeitėte dizaino, o svetainė vis tiek atrodo krauna vis lėčiau – tikėtina, kad kaltas ne turinys, o susikaupę papildiniai ir pasenusi struktūra.

Ar jūsų svetainė tikrai tokia greita, kokia galėtų būti?

Atsiųskite savo svetainės adresą – per 24 valandas gausite trumpą, konkretų PageSpeed ir Core Web Vitals patikrinimą su trimis konkrečiais punktais, ką taisyti iš karto. Nemokamai, be įsipareigojimų.

[Siųsti svetainės adresą patikrinimui →]