Saadad oma Elementori saidi läbi GTmetrixi ja näed tulemuseks 45. Või 52. Või ausat 60, aga punase TTFB ja kilomeetripikkuse „parandamist vajavate" asjade nimekirjaga. Üks küsimus käib pidevalt peast läbi: kas Elementor ei pidanudki kiire olema?

Tegelikult on see kiire. Probleem pole lehe koostajas, vaid selles, mis on selle all: server, mis lämbub PHP 7.4 peal, kolm tosinat pluginat kattuvate skriptidega, fondid välisest CDN-ist ja andmebaas, mida pole käivitamise päevast saadik puhastatud. Elementor genereerib puhta HTML-i ja CSS-i, kuid server peab selle HTML-i kokku panema ja kohale toimetama sekundi murdosa jooksul.

Allpool leiad samm-sammulise juhendi ilma udujututa ja päris ekraanipiltidega. Lõpuks tõuseb su saidi tulemus 45-lt 95-100 punktini. Ajakulu: pool päeva. Ükski samm ei nõua arendajat: kõik tehakse administraatori paneelist või majutuse juhtpaneelilt.

💡 Kiire ülevaade:

• Uuenda PHP versioonile 8.3 või 8.4 ja sea memory_limit väärtuseks 256 MB. See on vundament, ilma milleta vahemällu salvestamine ja tihendamine ei saavuta peaaegu midagi.
• Paigalda WP Rocket, ühenda Cloudflare CDN ja sea üles automaatne andmebaasi puhastus. Need kolm tegevust koos annavad suurima kiiruse tõusu.
• Mine oma pluginad läbi: keela valikuliselt skriptid ja stiilid seal, kus neid ei kasutata, Perfmattersi või Asset CleanUpi abil. Vähenda HTTP päringud umbes viieteistkümneni lehe kohta.
• Majuta fondid lokaalselt, muuda pildid õigesse mõõtu ja asenda välised päringud kohalike alternatiividega. Need on viimased punktid, mis eristavad „head" „suurepärasest".
• Ava GTmetrix, mine Waterfalli vahekaardile ja tööta metoodiliselt läbi kitsaskohad. Iga punane kirje on konkreetne plugin, skript või meediafail, mida saad parandada.

1. Serverikeskkond: majutus, PHP ja mälu

Ametlik WordPressi optimeerimise juhend algab serverikeskkonnast. Kui server vastab 800 millisekundiga, ei päästa sind ükski vahemälu, külastaja on juba läinud.

Uuenda PHP versioonile 8.3 või 8.4

PHP 7.4 ei saa enam turvauuendusi alates 2022. aasta novembrist. Värskete Kinsta võrdlustestide kohaselt annab 7.4-lt 8.2-le uuendamine päringute töötlemise kiiruses 2-3-kordse paranemise. Versioonid 8.3 ja 8.4 säilitavad sama jõudlustaseme, kuid parema turvalisuse ja kaasaegse süntaksi toega. Elementor soovitab miinimumina 8.0, kuid praktikas on 8.3 täna mõistlik miinimum.

Kontrolli oma praegust versiooni: Elementor → Süsteemi info.

Mine oma majutuse juhtpaneelile, leia PHP versioonihaldur ja lülita ümber versioonile 8.3 või 8.4. Enne seda tee varukoopia.

Pärast uuendamist sirvi oma saiti: veendu, et kõik lehed laadivad ja pluginad ei viska vigu. Plugin, mida pole kolm aastat uuendatud ja mis PHP 8.4 peal katki läheb, ei ole kaotus, see on põhjus leida elus asendus.

Sea mälulimiidiks 256 MB

Elementori, WordPressi ja WooCommerce'i dokumentatsioon nõustuvad kõik 256 MB osas. Kontrolli oma praegust limiiti samast kohast: Elementor → Süsteemi info.

Enamikul majutusteenuse pakkujatel saad limiiti otse juhtpaneelil muuta:

Kui see valik pole saadaval, lisa wp-config.php faili järgmine rida:

1
define( 'WP_MEMORY_LIMIT', '256M' );

Kolimine jagatud majutuselt pilve

Jagatud majutus toimib hästi seni, kuni su saidil on vähe liiklust ja puudub WooCommerce. Sellest edasi hiilib serveri reageerimisaeg (TTFB) üle 200 ms ja GTmetrix tõstab selle punaselt esile.

Pilvemajutus (DigitalOcean Cloudwaysi kaudu, Vultr, Linode) vähendab laadimisaega poole võrra võrreldes kvaliteetsete jagatud pakettidega. Sajade piltide ja kommentaaridega lehed laadivad 2 sekundi jooksul.

Peamiste mõõdikute erinevus on palja silmaga nähtav:

Kokkuvõte: jagatud majutus sobib alustamiseks. Liiklusega projekti, poe või tosina pluginaga saidi jaoks on pilv ainus valik. Hinnavahe tasub end kiiruses ära.

2. Vahemälu, andmebaas ja CDN

Pärast serverikeskkonda annavad need kolm komponenti kõige märgatavama tõuke. Minu kogemuse kohaselt lahendavad vahemälu, andmebaasi puhastamine ja CDN enamiku tavalise saidi kiirusprobleemidest.

WP Rocket: üks plugin viie asemel

WP Rocket edestab otsestes GTmetrixi võrdlustes järjepidevalt WP Fastest Cache'i ja W3 Total Cache'i. Põhjus pole maagias, vaid arhitektuuris: see ühendab funktsioonid, mis tavaliselt nõuavad 5-6 eraldi pluginat. Lehe vahemälu, andmebaasi puhastamine, Google Analyticsi lokaalne majutamine, Google Fontide kombineerimine, piltide ja video laisklaadimine, Cloudflare'i integratsioon, WebP vahemälu, DNS-i eellaadimine, brauseri vahemälu Facebook Pixeli jaoks. Kõik valmiskujul kaasas.

Mõte on lihtne: mida vähem pluginaid saidil, seda vähem HTTP päringuid. Ja GTmetrix loeb päringuid.

Regulaarne andmebaasi puhastamine

Elementor ja WordPress kuhjavad postituste revisjone, kustutatud pluginatest jäänud tabeleid, transient-andmeid ja rämpskommentaare. WP Rocket ja WP-Optimize koristavad selle prahi paari klõpsuga.

Enne puhastamist tee varukoopia. Ja vaata üle kustutatavate üksuste nimekiri: mõnikord on seal mustandeid, mida sa ei taha kaotada.

Cloudflare CDN: tasuta pakett

Cloudflare on üle 200 andmekeskusega võrk, mida soovitab WordPress ise. Tasuta pakett katab 95% saitide vajadused.

Mõned hostid (SiteGround) aktiveerivad Cloudflare'i oma paneelist. Kõigile teistele: registreeru tasuta paketile, muuda oma domeeni NS-serverid ja seadista kolm asja:

• Kiirus: luba Brotli ja Rocket Loader.
• Scrape Shield: luba hotlink-kaitse.
• Page Rules: kohustuslikud Cloudflare'i reeglid kiiruse, turvalisuse ja administraatori paneeli ühilduvuse jaoks.

3. Skriptid ja pluginad: valikuline keelamine

See jaotis annab järjepidevalt 10-15 GTmetrixi punkti juurde. Mehaanika on lihtne: iga skript lehel on eraldi HTTP-päring ja iga päring lisab laadimisajale millisekundeid.

Millised pluginad teie saiti aeglustavad

Suurimad patustajad: analüütika, taustaskaneerimisega varunduspluginad, loenduritega sotsiaalmeedia vidinad, live-chat'id, rasked kontaktivormid, slaidiesitlused, JetPack. Ühine joon on see, et plugin töötab pidevalt, isegi kui selle funktsionaalsust pole konkreetsel lehel vaja.

Lähenemine: kas eemaldage selline plugin ja leidke kerge asendus või pange see laadima ainult seal, kus seda tegelikult vaja on.

Asset CleanUp ja Perfmatters

Mõlemad tööriistad lahendavad sama probleemi: skriptide ja stiilide valikuline keelamine üksiku lehe tasemel. Perfmatters on mugava liidesega tasuline lahendus. Asset CleanUp on tasuta alternatiiv, mille funktsionaalsus katab enamiku stsenaariume.

Tehke järgmist:

• Installige Asset CleanUp (tasuta repositooriumist) või Perfmatters.
• Avage leht redigeerimiseks ja kerige alla. Näete kõike, mis sellel laadib.
• Eemaldage linnukesed pluginatelt, skriptidelt ja stiilidelt, mida sellel lehel ei kasutata.

Saate keelata postituse tüübi järgi (postitused, lehed, tooted) või kasutada tasulistes versioonides RegEx-it. Klassikaline näide: kontaktivormi plugin laadib ainult lehel /contacts/, mitte kogu saidil.

WooCommerce: eemaldage üleliigne

WooCommerce'i skriptid ja ostukorvi fragmendid ilmuvad vaikimisi igale lehele. Perfmatters saab need ühe klõpsuga eemaldada.

Skriptide ja ostukorvi fragmentide keelamine kõigil lehtedel, välja arvatud poes ja ostukorvis, vähendab kuni kümne tarbetu päringu võrra:

Elementori redaktori laadur

Kui redaktor ise on aeglane või läheb serveriga vastuollu, vaheta laadimismeetodit. Elementori dokumentatsioon kirjeldab seda seadistust kui esimest kaitseliini redaktori jõudlusprobleemide korral.

Elementor → Seaded → Täpsemad → Editor Loader.

4. Fondid, meediafailid ja välised päringud

Meedia ja välised ressursid on GTmetrixi kollaste ja punaste hoiatuste kõige levinum põhjus. Majutus ja vahemällu salvestamine on saidi juba 80+ punktini viinud ning siit korjad ülejäänud punktid.

Majuta fonte lokaalselt

Google Fonts tekitab väliseid päringuid Google'i serveritesse. GTmetrix näeb neid kui pudelikaela ja toob need ausalt esile: sinu sait ootab vastust kellegi teise serverilt.

Kui sul on Elementor Pro, kasuta seadetes kohandatud fonte:

Ilma Prota on siin tõestatud viiest sammust koosnev protsess:

1. samm. Veendu, et fondid on tõesti probleemiks. Ava GTmetrixis Waterfall vahekaart:

2. samm. Laadi vajalikud fondid Google Fontsist alla. Haara ainult need paksused, mida tegelikult kasutad: iga lisanduv paksus lisab päringu.

3. samm. Teisenda allalaaditud fondid veebivormingutesse, kasutades Transfonterit:

4. samm. Laadi failid WordPressi üles ja viita neile oma CSS-is.

5. samm. Testi kuvamist ja lisa varufondid juhuks, kui laadimine ebaõnnestub.

Üksikasjaliku juhendi leiad lokaalsete fontide kohta meie eraldi artiklist.

Optimeeri kolmandate osapoolte päringuid

Google Fonts on vaid üks näide. AdSense, Analytics, Google Maps, Tag Manager, manustatud videod, Gravatarid ja sotsiaalmeedia pluginad tekitavad kõik väliseid päringuid, mida GTmetrix ei saa vahemällu salvestada ega optimeerida.

Mida sellega ette võtta:

• WP Rocket saab majutada Google Analyticsi lokaalselt ja lisada brauseri vahemälu Facebook Pixeli jaoks (vahekaart „Add-ons").
• Videod: WP Rocket asendab iframe'i eelvaatepildiga, selle asemel et mängija kohe laadida (vahekaart „Media").
• Sotsiaalmeedia vidinad: kasuta manustatud postituse asemel ekraanipilti ja linki. Säästab kuni kümme päringut.
• Disqus: seadista tingimuslik laadimine (kommentaarid laaditakse ainult siis, kui lugeja kerib alla).
• Lükkama JavaScripti täitmine oma vahemäluplugina seadetes edasi.

Google AdSense on erijuhtum. Asünkroonne laadimine on lagi: seda ei saa täielikult optimeerida. Gravatarid on lihtsam täielikult keelata; ükski gravatarite vahemällu salvestamise plugin ei andnud praktikas märgatavaid tulemusi. Google Tag Manager on mõttekas ainult suurtel projektidel, kus on kümneid väliseid skripte; väikesel saidil lisab see rohkem üldkulusid, kui kokku hoiab.

Määra piltidele õige suurus

Elementor (ja GTmetrix) nõuavad, et pildid oleksid skaleeritud kuvaala tegelike mõõtmeteni. Viga „Serve scaled images" on üks levinumaid.

Näpunäide: koosta spikker oma saidi tüüpiliste elementide suurustega (postituse pisipilt, slider, sisupilt, logo). Enne uue pildi üleslaadimist muuda selle suurus nõutud mõõtmetesse. GTmetrix ise pakub iga probleemse faili jaoks välja õiged suurused.

5. Teema ja lõplik diagnostika

Selleks hetkeks on sinu sait juba 85-90 punkti peal. Jäänud on vaid viimaste protsentide väljapigistamine: teema ja sihipärane koristus GTmetrixi raporti põhjal.

Kerge teema kui vundament

Teema, millel on oma visuaalne ehitaja Elementori peal, on topeltlöök kiirusele. Vali minimaalne ja puhas teema ning lisa funktsionaalsust pluginatega. Astra ja GeneratePress on kaks tõestatud valikut: need ei lähe Elementoriga vastuollu, lisavad minimaalselt oma koodi ega tekita lisapäringuid. Teema väljavahetamine on raskem kui mittevajaliku plugina eemaldamine, seega on parem teha õige valik kohe alguses.

Kolm kontrollpunkti GTmetrixis

Universaalset retsepti pole: iga sait on oma pluginate ja sisu segu poolest ainulaadne. Kuid GTmetrix näitab, mis täpselt sinu konkreetset saiti aeglustab. Kolm mõõdikut, millele tasub keskenduda:

Aeg esimese baidini (TTFB).

TTFB üle 200 ms viitab serveripoolsele probleemile. Mine tagasi 1. sammu juurde: majutus, PHP, vahemällu salvestamine.

Optimeerimata pildid.

Selle nimekirja ülalt alla läbi töötamine, suuruse muutmine ja tihendamine annab poole tunniga 5-8 punkti.

Aeglased pluginad.

Sorteeri laadimisaja järgi ja eemalda või asenda halastamatult kõik, mis on nimekirja tipus.

Siin on tegelik videoülevaade Elementori optimeerimisest GTmetrixi jaoks:

⁉️🤔 Korduma kippuvad küsimused

Kas Elementor on olemuslikult aeglane?

Ei. Elementor genereerib väljundina puhta HTML-i ja CSS-i. Probleem on alati serverikeskkonna, pluginade ja optimeerimata meediafailide kombinatsioonis. Korralikult seadistatud hostingu, WP Rocketi ja Cloudflare'i korral saavutab Elementori sait järjepidevalt GTmetrixi maksimumskoorid.

Kas tasuta vahemälu pluginast piisab WP Rocketi asemel?

Tasuta lahendused (WP Fastest Cache, W3 Total Cache) katavad põhilised vahemällu salvestamise stsenaariumid. Kuid WP Rocket ühendab ühes pluginas vahemälu, andmebaasi puhastamise, lokaalse analüütika, laisa laadimise, Cloudflare'i integratsiooni ja fondi optimeerimise. Igaüks neist eraldi tähendab veel ühte pluginat ja rohkem HTTP päringuid. 20+ pluginaga saidi puhul annab 5-6 eraldiseisva asendamine ühe WP Rocketiga märgatava erinevuse.

Milline hosting Elementori jaoks 2026. aastal?

Alustamiseks ja väikeste projektide jaoks SiteGround. Kuid niipea, kui lisad WooCommerce'i, AdSense'i või liikluse üle 10-20 tuhande külastuse kuus, liigu pilve. Cloudways koos DigitalOceani või Vultriga pakub parimat hinna ja jõudluse suhet. TTFB on pilves tavaliselt 2-3 korda madalam kui kvaliteetsel jagatud hostingu puhul.

Kas Cloudflare on vajalik, kui mul on juba WP Rocket?

Need on optimeerimise erinevad tasemed. WP Rocket salvestab vahemälu serveri tasemel, samas kui Cloudflare teenindab staatilist sisu läbi 200+ andmekeskuse võrgu. Koos töötavad need kahetasandilise vahemäluna: esimene päring läheb serverisse, kõik järgnevad tulevad kasutajale lähimast andmekeskusest.

Kui kaua täielik optimeerimine aega võtab?

Põhiseadistus (PHP, WP Rocket, Cloudflare, mittevajalike pluginade keelamine) võtab 2-3 tundi. Täistsükkel, sealhulgas fondid, pildid ja GTmetrixi peenhäälestus, võtab 4-6 tundi, sõltuvalt saidi suurusest.

Mida kohe teha: poole päeva kontrollnimekiri

Alusta vundamendist, see annab peamise võidu:

• Uuenda PHP versioonile 8.3+ ja sea memory_limit väärtuseks 256M.
• Paigalda WP Rocket ja seadista vahemälu.
• Ühenda Cloudflare tasuta paketiga.

Ülejäänu saavutatakse sihitud näpunäidete abil: keela kasutamata skriptid Perfmattersi või Asset CleanUpiga, majuta fonte lokaalselt, muuda piltide suurust õigesti ja tööta GTmetrixi kitsaskohtade nimekiri ülalt alla läbi.

Elementoril põhinev sait saab ja peab laadima alla 2 sekundi. Selleks on vaja vaid õiget serverikeskkonda ja distsipliini pluginatega.