Aeglase elemendiga veebisaidi parandamine: 16 optimeerimist, mis aitas mul saada 100% lehekiiruse astmeid ja kohest laadimisaega minu saidil

Elementori sõnul on nad WordPressi kiireim lehelooja.


Mis põhjustab teie aeglase laadimisega veebisaiti?

Tavaliselt on mõned lihtsad näpunäited, mis võivad teie laadimisaegu ja GTmetrixi hindeid märkimisväärselt parandada. Elementor ütleb aeglase WordPress-saidi tavalisemad põhjused on serverid, meediumid, välised skriptid (nt Google Fonts), pistikprogrammid, CDN-i puudumine ja keskpärase vahemälu pistikprogrammi kasutamine. Kuid nad ei lähe üksikasjalike juhiste loendisse palju üksikasjalikumalt.

Seetõttu kirjutasin selle õpetuse.

Õpid, kuidas oma aeglast Elementori saiti parandada, järgides WordPressi optimeerimisjuhendi ja Elementori soovitusi. Esitan ekraanipilte, üksikasjalikke juhiseid ja vastan kõigile kommentaaridele, kui teil on endiselt abi vaja. Mul õnnestus oma kodulehele saada 100% GTmetrix hinded. Isegi 100 või enama pildi ja 400 või enama kommentaariga postitusi (5 MB lehekülje maht ja 170 taotlust) laaditakse endiselt umbes <2 s. Jah, ma olen WordPressi kiirnõel :)

Elementori kiiruse optimeerimine

1. Minge üle PHP 7.4-le

Paljud hostiettevõtted on juba PHP 7.4 välja andnud.

PHP versioonide värskendamine on üks lihtsamaid viise Elementori saidi kiirendamiseks. Kinsta’s PHP võrdlusalused näitab, kuidas kõrgemad PHP versioonid võivad 2-3x kiiremini töötada. Elementor ka soovitab kõrgemad PHP versioonid ja mälu limiidi suurendamine 256 MB-ni (vt järgmine samm).

Esiteks kontrollige Elementori alt oma praegust PHP-versiooni > Süsteemi teave.

Elementori PHP versioon

Seejärel logige sisse oma hostikontole, leidke PHP versioonihaldur (vms) ja valige kõrgem PHP versioon. Samuti on soovitatav eelnevalt varundada. Muidu see ongi!

Kinsta PHP 7.4

Tähtis: veenduge, et teie pistikprogrammid ühilduvad kõrgemate PHP versioonidega. Ma kasutasin WP Rich Snippets (mida enam ei hooldata), kuid see ei ühildu PHP 7.2+ versiooniga, nii et kustutasin pistikprogrammi ja leidsin asendaja. Hooldamata pistikprogramme ei tasu hoida.

2. Suurendage mälumahtu 256 MB-ni

Jällegi kontrollige mälu limiiti jaotises Elementor > Süsteemi teave.

Nii Elementor, WordPress kui ka WooCommerce soovitage mälupiirangut 256 MB.

Elemendi mälu limiit

Tavaliselt saate oma hostimiskontol oma mälumahtu muuta:

Mälu limiit

Muul juhul lisage see kood kausta funktsioonid.php.

define (‘WP_MEMORY_LIMIT’, ‘256M’);

3. Kasutage ise hostitud fonte

Kui Google Fonts puhub teie GTmetrixi aruannet üles, proovige fonte kohapeal hostida.

Kui teil on Elementor Pro, soovite kasutada kohandatud fonte (need leiate seadetest).

Siin on a YouTube’i õpetus.

Elementori kohandatud fondid

Teil pole Elementor Pro?

Google’i fontide optimeerimisele aitavad kaasa paljud pistikprogrammid: WP Rocket, Automaatne optimeerimine, Ise hostitud Google’i fondid, OMGF ja Vara puhastus. Kui sa ära tee soovite pistikprogrammi kasutada, järgige neid juhiseid.

Samm 1: Veenduge, et fondid aeglustavad teie Elementori saiti GTmetrixis.

Google Fonts GTmetrix

2. samm: Laadige oma fondid alla otse Google’i fontide veebisaidilt. Laadige alla ainult need fondid ja fondi kaal, mida te tingimata vajate (rohkem fonte ja raskusi võib tähendada ka rohkem taotlusi).

3. samm: Kasutage sellist tööriista nagu Transfonter nende teisendamiseks veebifondifailideks.

Transfonter-Google-font-teisendus

4. samm: Laadige uued veebifondifailid üles WordPressi ja lisage need oma CSS-i.

5. samm: Testige fonte, lisage vaikimisi tõrge ja alati olemas fondi varud.

4. Optimeerige kolmandate osapoolte taotlusi

Nii nagu Google Fonts on kolmanda osapoole päring, võivad ka AdSense, Analytics, Maps, Tag Manager, manustatud videod ja isegi Gravatars või sotsiaalse jagamise pistikprogrammid põhjustada kolmandate osapoolte taotlusi.

Ka neid tuleb optimeerida.

Välised skriptid

Mõnda kolmanda osapoole taotlust on lihtne optimeerida:

WP Rocketil on vahekaart Lisandmoodulid, millest saab abi võõrustage analüütilisi andmeid kohapeal ja lisage brauseri vahemälu Facebook Pixelisse. WP Rocketi meediumiseaded võimaldavad teil videod laiskalt laadida, asendades iframe’i eelvaatepildiga. Kui manustate postitusi sotsiaalmeedias, proovige teha ekraanipilt ja kasutada selle asemel pilti. Disquse tingimuslik laadimine, JavaScripti parsimise edasilükkamine vahemälu pistikprogrammi sätetes ja skriptide / pistikprogrammide valikuline keelamine vara puhastamisel võib aidata skripte optimeerida.

WP raketi kohalik analüüs

Muude kolmandate osapoolte taotlusi ei ole nii lihtne optimeerida:

Google AdSense võib olla GTmetrix tapja. Lisaks asünkroonse laadimisele on teie teha vähe. Samuti pole ma leidnud lahendust Gravatarsi kiiremaks laadimiseks ja olen proovinud kõik Granataari vahemälu pluginad (seega on mul need keelatud). Google Tag Managerit tuleks tavaliselt kasutada ainult suurte, optimeerimata Elementori saitide jaoks, vastasel juhul teeb see tavaliselt rohkem kahju kui kasu.

5. Vältige kõrge CPU pistikprogramme

Mõnedest pistikprogrammidest peaksite lihtsalt eemale hoidma.

Kõrgprotsessorilised pluginad, mis aeglustavad Elementori saite, on tavaliselt seotud statistika, varukoopiate, sotsiaalse jagamise, portfellide, reaalajas vestluse, kontaktvormide, liugurite, JetPacki ja kõigi pistikprogrammidega, mida teie veebisaidil peab pidevalt töötama (arvake, et Broken Link) Kontrolleri käimasolevad skannimised).

  1. AddThis
  2. AdSense’i klikkide pettuste jälgimine
  3. Kõik-ühes ürituste kalender
  4. Varusõber
  5. Kobraste ehitaja
  6. Parem WordPress Google XML-i saidiplaanid
  7. Broken Link -kontroll (kasutage Dr. Link Check-i)
  8. WordPressi pidev kontakt
  9. Kontaktvorm 7
  10. Kontekstiga seotud postitused
  11. Digi Auto lingid
  12. Kommentaaride süsteem Disqus
  13. Divi ehitaja
  14. Oluline ruudustik
  15. Vaadake 65 aeglase pistikprogrammi täielikku nimekirja

Kui teil on aeglane pistikprogramm, saate selle kustutada ja leida asendaja, keelata pistikprogrammi valikuliselt teatud lehtedel (järgmine samm) või jätkata selle kasutamist ja teil on aeglane Elementori sait.

6. Keela kasutamata pistikprogrammid valikuliselt

Asset CleanUp ja Perfmatters sobivad suurepäraselt pistikprogrammide valikuline keelamine, skriptid ja stiilid.

Kõige tavalisem näide on ainult kontaktivormi pistikprogrammi laadimine kontaktide lehele ja selle keelamine kõikjal mujal. Kuid kas olete mõelnud oma ühiskondliku jagamise pistikprogrammi keelamise oma lehtedel (kuna enamik inimesi kasutab seda ainult postitustes)? Või keelate liuguri lehtedel, millel pole liugureid? Valikulise keelamise kaudu saate lehtedel teha vähem HTTP-päringuid.

Samm 1: Installige vara puhastus või Parfüümid.

Vara puhastamise pistikprogramm

2. samm: Redigeerige lehte või postitust ja kerige alla, et näha, kuidas kõike seda lehte laaditakse.

3. samm: Keelata (tühjendada) pistikprogrammid, skriptid ja stiilid, mida lehel ei kasutata. Saate selle keelata ka postitüübi järgi, või Asset CleanUp Premium (nagu ka Perfmatters) võimaldab teil kasutada RegExi.

Vara puhastus Kontrollige kõiki

7. Keelake WooCommerce’i skriptid, stiilid, ostukorvifragmendid

Nii nagu eelmisel etapil valikuliselt pistikprogrammid keelasite, saate Perfmattersi ja Asset CleanUpi abil teha sama asja WooCommerce’i skriptide, stiilide ja ostukorvi fragmentidega.

Vara puhastamine WooCommerce

Perfmaatikud võimaldavad teil seda tegelikult teha 1 klõps:

parfüümkaubanduse veebikaubanduse optimeerimine

8. Lülitage redigeerija laaduri meetod sisse Elementoris

Elementor ütleb:

“Kui teil on Elementori kasutamisel probleeme hostimise või serveriga, oleme kaasanud lihtsa lüliti, mis võib teie probleemi lahendada.”

Selle leiate Elementori alt > Seadistused > Täpsemad > Toimetaja laadur.

Elementori lüliti redaktori laaduri meetod

9. Muutke piltide suurust vastavalt mõõtmetele

Elementori kasutamisel on oluline piltide suurust muuta (suurust muuta), et need vastaksid nende õigetele mõõtmetele.

Esitage skaleeritud pilte

Vastasel juhul näete teenuses skaleeritud piltide vigu GTmetrixis. Kui näete, haarake GTmetrixi soovitatud mõõtmed ja muutke pildi suurust vastavalt nende mõõtmetele, seejärel asendage pilt. Soovitan luua “pildi mõõtmete petmise leht”, mis loetleb teie veebisaidi kõigi piirkondade mõõtmed (liugurid, esiletõstetud pildid, täislaiusega ajaveebipildid, logo). Nii saate enne nende üleslaadimist oma pildi suuruse õigeteks mõõtmeteks muuta.

10. Kraavi virtuaalserver ja versiooniuuendus pilve

Serveri reageerimisaeg on aeglane?

Käitage oma saiti Google PageSpeed ​​Insightsi kaudu ja veenduge, et see on olemas <200 ms nagu Google soovitab. Teie server (hostimine) on # 1 tegur WordPressi optimeerimise juhendis.

Tavaliselt soovitan SiteGroundit (jagatud hostimine), mis sobib, kui teil on vähe liiklust ja pistikprogramme. Kuid kui olete pilve hostinud (nt. Cloudways DigitalOcean), erinevus on öö ja päev. Rändasin saidilt SiteGround Cloudways ja minu laadimisaeg lühenes pooleks. Isegi 100+ pildi ja vähemalt 400 kommentaariga postitusi (5 MB lehekülje maht, 170 taotlust) laaditakse ikka alla 2 sekundi jooksul.

Elementide majutamine

SiteGround-vs-Cloudways-Cloud-hostimine

GTmetrix-report-for-long-postitus

Teiste inimeste kogemused Cloudwaysiga:

Pilveteede reageerimise ajad

WP mootor pilveteedele

DigitalOcean Pingdomi aruanne

Cloudways Serveri reageerimise ajad

Pilveteede laadimisaja parandamine

Cloudways vs WP mootor

Pealkirjata

Pilveteede Pingdomi laadimisajad

Pilveteede Pingdomi aruanne

Nimiava pilveteede migratsiooni juurde

Cloudways WooCommerce migratsioon

Pilveteede AWS-i migratsioon

Nad olid ka paljudes Facebooki küsitlustes edetabelis 1 ja neil on suurepärane TrustPiloti ülevaated:

Majutussoovitused Facebook

VPS Cloud hosting WooCommerce küsitlus

VPS Cloud Hosting küsitlus

WordPressi majutamise soovitused

Cloudways-Facebook-Review

Cloudways Facebooki ülevaade

Cloudways vs SiteGround

Alumine joon: jagatud hostimine on hea, kui te ei kasuta WooCommcerce’i, AdSense’i, kõrge CPU-pistikprogramme ega teil on korralikku liiklust. Kuid kui teil on üks neist, uurige pilvemajutamist. Jah, ma olen sidusettevõte Pilves), kuid on ka palju teisi inimesi, kes oma tulemusi rändasid ja postitasid. Kood OMM25 annab teile kahe esimese pilvekuul Cloudways 25% soodsamalt.

11. Kraavivaba vahemälu pluginad ja kasutage WP raketti

Miks on WP Rocket Facebooki küsitlustes tavaliselt # 1?

Kuna sellel on rohkem kiirusfunktsioone kui enamikul teistel vahemälu pistikprogrammidel (andmebaasi puhastamine, kohalik analüüs, Google Fontide kombineerimine, piltide + videote laisk laadimine, CDN + Cloudflare’i integreerimine, südamelööke juhtimine, WebP vahemälu, eelloomine, Facebook Pixeli brauseri vahemälu).

Sellepärast annab WP Rocket GTmetrixis paremaid tulemusi + laadimisaegu ja tähendab, et teie Elementori saidil on vähem pistikprogramme. Seda on alati värskendatud uute funktsioonidega ja hooldab usaldusväärne meeskond.

Nii et kui kasutate endiselt WP kiireimat vahemälu või W3 kogu vahemälu, peaksite sellele tõesti pöörise andma.

2016. aasta parima vahemälu pistikprogrammi küsitlus

2019. aasta vahemälu pistikprogrammi küsitlus

Kiire vs WP rakett

2016. aasta vahemälu pistikprogrammi küsitlus

Parimate vahemälu pluginate 2018 küsitlus

wp rakett vs w3 totla vahemälu

Näete erinevust:

WP rakett enne pärast

12. Puhastage oma andmebaas

Kas plaanite andmebaaside käimasolevat puhastamist??

Kui jätkate oma Elementori saidi ehitamist, kogunevad teile postitusversioonid, vanad andmebaasi tabelid pistikprogrammidest / teemadest, mida te enam ei kasuta, prügikasti kommentaarid ja muud rämpsfailid.

Saate kasutada pistikprogramme, näiteks WP Rocket ja WP-Optimize puhastage oma WordPressi andmebaas. Lihtsalt veenduge, et vaatate üle kõik kustutatud andmed ja teete sellest eelnevalt varukoopia.

WP-Optimeeri puhas andmebaas

13. Kasutage Cloudflare’i CDN-i

Cloudflare’i kasutamine on mõttetu.

See on tasuta, selles on üle 200 andmekeskuse ja CDN-id on soovitab WordPress.

Pilvklaasi logo

Mõni host, näiteks SiteGround, laseb teil aktiveerida Cloudflare nende armatuurlaual. Muul juhul registreeruge Cloudflare’i tasuta plaani jaoks, logige sisse domeeni registripidajasse ja muutke Cloudflare’i nimelisteks serveriteks.

Armatuurlaual on mõned näpunäited, mida peaksite kaaluma:

  • Kiirus: Brotli ja raketilaaduri lubamine
  • Kraabikilp: lubage kuumade linkide kaitset
  • Tulemüür: blokeerige Wordfence’i reaalajas liikluse aruandes olevad halvad robotid
  • Lehe reeglid: Cloudflare on palju lehe reeglid kiiruse, turvalisuse, ühilduvuse jaoks

14. Kasutage kerget teemat

Jutuaeg.

Kasutasin ThemeForesti teemat, millest arendaja loobus (risk, mille võtate, kui ostate teema sõltumatult arendajalt, isegi kui sellel on head ülevaated). Mul olid ka õudusunenäod, kui ostsin klientidele ülespuhutud teemasid, mis muutis nende WordPressi saidi aeglaseks.

Ma mõtlen, et kõik sisseehitatud muudab selle palju lihtsamaks, eks?

Ei! Soovite valida kerge teema, mis on minimaalne ja hästi kodeeritud, ning tuginege pistikprogrammidele ainult vajalike funktsioonide lisamiseks. Teema optimeerimine on raskem kui pistikprogrammi kustutamine.

Loodetavasti kasutab enamik teist Astra, Flatsome või StudioPress teemasid, mis on peamised, mida soovitan.

15. Leidke kitsaskohti GTmetrixist

Peale hinnete + laadimisaegade mõõtmise saate GTmetrixis paljusid asju avastada. Kuna iga Elementori sait on erinev, soovite leida täpselt selle, mis teie aeglustumist aeglustab.

Aeg esimese baitini

Aeg esimese baitini

Optimeerimata pildid

Kujutise optimeerimine GTmetrixis

Aeglased pistikprogrammid

Aeglane WordPressi pistikprogramm

16. Lõpetage perfumeritega viimane 10% kiirusest

Parfüümid (autor Kinsta) hoolitseb selle eest, mida mulle helistada meeldib mitmesugused kiiruse optimeerimised:

perfumeerijate omadused

Mõned neist on äärmiselt kasulikud; skriptihaldur, mis võimaldab teil valikuliselt teatud lehtedel pistikprogrammid / skriptid keelata, muutes automaatse salvestamise intervalli, piirates postituse korrigeerimisi, eelühenduse loomist ja WooCommerce’i skriptide, stiilide ja ostukorvi fragmentide keelamist. Nende optimeerimiste osas ei tea ma ühtegi pistikprogrammi, mis teeks paremini kui Perfmatters.

Mida te ootate, see on Kinsta. Muidugi on see suurepärane plugin.

Korduma kippuvad küsimused

&# x1f680; Mis on aeglase Elementori saidi kõige tavalisemad põhjused?

Hea vahemälu pistikprogrammi mittekasutamine, vahemälu pistikprogrammi optimaalse konfigureerimise seadistamine, aeglane hostimine, optimeerimata pildid, Google Fontide ja väliste skriptide kasutamine, kõrge CPU-pluginad ja CDN-i mittekasutamine on aeglase Elementori saidi kõige levinumad põhjused.

&# x1f680; Mida saaksin teha Elementori kiirendamiseks?

Kasutage elemendi Elementori kohandatud fonte valikut, et vähendada Google Fontide või Font Awesome’i taotluste arvu. Pistikprogrammi (nt Asset CleanUp või Perfmatters by Kinsta) abil saate valikuliselt keelata lehtede / postituste kasutamata Elementori funktsioonid. Ülejäänud on üldised kiiruse optimeerimised, millel pole midagi pistmist Elementoriga.

&# x1f680; Kuidas kasutada kohandatud fonte kiiremaks laadimiseks??

Selleks vajate Elementor Pro kontot. Laadige alla oma fondifailid (nt Google Fontsist) ja laadige need üles Elementori kohandatud fondide sektsiooni.

&# x1f680; Kas Elementor aeglustab minu saiti??

Elementor ei põhjustanud minu GTmetrixi aruandes vigu ja on arvatavasti kiireim WordPressi lehe looja. See ei tohiks teie veebisaiti palju aeglustada, kui üldse. Kuid kui arvate, et see nii on, kontrollige oma GTmetrix juga vahekaarti, et näha, mis probleemi tegelikult põhjustab.

&# x1f680; Millist hostimist soovitatakse Elementori saitidele?

Populaarses Facebooki grupis Elementor on Facebooki küsitlustes tavaliselt 2 parimat hinnatud hosti saidid SiteGround ja Cloudways.

Ikka on aeglaste elementide sait?

Ma ütlen seda: Cloudways ja WP Rocket peaksid 80% teie probleemidest lahendama. Hosting ja teie vahemälu pistikprogramm on WordPressi optimeerimise juhendis suurimad tegurid. Kuid kui teie Elementori sait on endiselt aeglane, lisage mulle kommentaar oma GTmetrixi aruandega ja mul on hea meel seda vaadata. Meie meeskond pakub WordPressi kiirusteenuseid ka enne + pärast GTmetrixi aruandeid.

Terviseks,
Tom

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map