7 sfaturi dovedite pentru a vă accelera site-ul Elementor

Publicat: 2019-11-05

După cum știm cu toții, Elementor este un plugin uimitor pentru crearea de pagini și, de asemenea, vă dă putere să armonizați cu ușurință un site complet. Dar unele site-uri web, totuși, pot avea probleme care cauzează încărcare lentă. Cel mai important, mulți utilizatori de fapt nu știu „Cum să accelerați site-ul Elementor”.

Prin urmare, este foarte important să știți de ce apare această problemă și cum să o rezolvați. De aceea, în acest articol, vom arăta cele mai eficiente și dovedite sfaturi pentru a accelera site-ul Elementor.

Și în ultima parte a acestui articol, vom discuta despre greșelile comune pe care ar trebui să le evităm.

Fără alte prelungiri, haideți să ne scufundăm

Elementor încetinește site-ul web: este adevărat

How to speed up Elementor Website

Cu toții suntem destul de conștienți de un lucru despre Elementor, este foarte ușor de utilizat, rapid de implementat și util pentru a crea orice tip de design. Cu toate acestea, uneori, site-urile web cu Elementor pot avea o configurație care provoacă încărcare lentă.

Cele mai multe dintre site-urile mele sunt încărcate în mai mult de 2 secunde conform statisticilor Google, desigur, această perioadă poate varia ușor în funcție de conținutul tău și de alți factori – WP Info Blog

Elementor singur nu este responsabil pentru problema de încărcare a site-ului. În spatele acestui lucru se află mai multe motive. De exemplu, probleme de găzduire, erori de server, fișiere media mari, scripturi externe, pluginuri suplimentare, fișiere cu teme etc.

Articolele de la Kinsta arată că un site web devine lent din numeroase motive. Și au explicat perfect de ce un site web încetinește din punct de vedere al diferitelor aspecte.

Deci, având în vedere faptele, vă vom arăta cum vă puteți accelera site-ul dvs. Elementor și ce ar trebui să urmați, în partea următoare.

7 sfaturi dovedite pentru accelerarea site-ului Elementor

Tips to Speed Up Website
Sfaturi pentru a accelera site-ul

Știm deja despre eficacitatea și posibilele rezultate ale Elementor Page Builder în timp ce îl implementăm în design. Deci nu există nicio îndoială în privința asta. Dar, faptul îngrijorător este problemele care încetinesc site-ul web Elementor.

Elementor oferă multe opțiuni și capacități de editare. Deși, proiectarea paginilor web cu Elementor este foarte ușoară și rapidă, dar dacă doriți să vă accelerați site-ul, atunci verificați următoarele criterii.

Nu se utilizează serverul de găzduire gratuit

Dacă vă conduceți afacerea pe o platformă online, atunci este înțelept să utilizați găzduirea premium. Deci, trebuie să utilizați cele mai bune planuri de găzduire pentru a vă accelera site-ul. Știi, găzduirea contează. Datorită utilizării unui serviciu de găzduire gratuit, site-ul dvs. poate avea un impact major, cum ar fi încărcarea lentă, indisponibilitatea serverului și multe altele.

Consultați următorul articol despre „cel mai bun plan de găzduire pentru site-ul web elementor”. În acest articol, am arătat ce plan de găzduire ar trebui să luați și ceilalți furnizori de servicii de găzduire.

Elementor și WordPress Hosting - Lucruri de care ar trebui să vă pese
Cel mai bun plan de găzduire pentru Elementor

Redimensionarea conținutului media (imagini, videoclipuri sau fișiere GIF)

Utilizarea oricărui fișier media fără redimensionare este o practică foarte proastă. Nu numai că încetinește site-ul web, dar vă afectează și site-ul, cum ar fi reducerea performanței site-ului, creșterea ratei de respingere, vizibilitatea site-ului și traficul web etc.

Pentru a scăpa de asta, puteți folosi TinyPng pentru a redimensiona fișierul media. Acesta este un instrument uimitor. Pentru că optimizează imaginile atât de perfect, dar își păstrează rezoluția inițială.

Conștient de utilizarea scripturilor externe

Uneori trebuie să adăugăm niște scripturi externe, de exemplu, coduri HTML, JavaScript și alte coduri. Dar, știi? utilizarea acestor coduri poate duce la încetinirea site-ului dvs. Da, ai auzit bine.

Scripturile externe, cum ar fi Google Maps, numărul de partajări Facebook, imaginile avatar, încetinesc un site web. Dar acestea sunt foarte importante pentru orice site web. Atunci ce vei face?

Bine, puteți dezactiva Google Fonts, Font Awesome și EIcons adăugând următoarele coduri în fișierul function.php de pe site-ul dvs. WordPress.

Fonturi Google

Dacă doriți cu adevărat să accelerați Elemenetor și să utilizați și celelalte scripturi, atunci utilizați următoarele coduri pentru a dezactiva fonturile Google.

 add_filter( 'elementor/frontend/print_google_fonts', '__return_false' );

Font Awesome

Pentru a dezactiva Font Awesome, utilizați următoarele coduri:

 add_action( 'elementor/frontend/after_register_styles',function() { foreach( [ 'solid', 'regular', 'brands' ] as $style ) { wp_deregister_style( 'elementor-icons-fa-' . $style ); } }, 20 );

Lucru de luat în considerare : În mod implicit, pictogramele Font Awesome se vor încărca doar pe pagina în care le veți folosi, din acest motiv, FA nu se va încărca pe paginile care au pictograme Font Awesome. Prin urmare, aduce o performanță mai rapidă și o viteză mai mare a paginii site-ului dvs. și vă facilitează SEO și experiența utilizatorului.

EIcons

Pentru a scoate din coadă Font Awesome dacă vă gândiți cu adevărat să nu utilizați pictograme Font Awesome. Deci, dacă dezactivați Font Awesome, pictogramele nu se vor mai afișa pe niciuna dintre paginile dvs. web.

 add_action( 'wp_enqueue_scripts', 'remove_default_stylesheet' , 20 ); function remove_default_stylesheet() { wp_deregister_style( 'emenetor-icons' ); {

Atenție la utilizarea mai multor pluginuri

Acesta este timpul modern al tehnologiei. Și ecosistemul WordPress conduce 34% din web. Pentru a gestiona această platformă uriașă, există atât de multe plugin-uri disponibile în industria WordPress. Dar nu toate vă sunt utile.

Uneori, folosirea prea multor plugin-uri pe site duce la încărcarea lentă a paginii web. Deci, ar trebui să vă gândiți de două ori înainte de a utiliza orice plugin. Pe de altă parte, dezactivați pluginul specific dacă ați terminat.

Alegerea temei potrivite

Utilizarea temei potrivite pentru site-ul web este, de asemenea, un fapt important. Ar trebui să utilizați o temă potrivită pentru site-ul dvs.

O temă bună nu ar trebui să încetinească un site, dar, din păcate, o mulțime de teme o fac – Elementor

Ceea ce poți face este”

  • Dezactivați temele care creează probleme
  • Puteți folosi tema douăzeci. (Citiți articolul despre tema WordPress implicită)
  • Utilizați șabloane implicite elementor sau puteți alege Happy Elementor Addons pentru a crea modele.

Sfaturi bonus

După ce ați implementat sfaturile de mai sus pe site-ul dvs. web, ar trebui să le aplicați pe site-ul dvs. Pentru a accelera performanța site-ului dvs., puteți utiliza WP Rocket și Autoptimize.

WP Rocket

Acest plugin vă facilitează în următoarele moduri:

  • Creați toate JS inline și externe într-un singur fișier
  • Păstrați toate scripturile localizate împreună înainte de scriptul principal
  • Optimizați automat terțe părți, cum ar fi ( Tawk.to, WP Rockets lazyload, Google Analytics, Double Click Google Analytics)
  • Sporiți încărcările leneșe etc

Optimizați automat

Autoptimize continuă să vă optimizeze site-ul într-un mod foarte ușor. Vă poate facilita prin următoarele moduri:

  • Poate reduce scripturile și stilurile cache
  • Injectează CSS în capul paginii în mod implicit
  • Inline CSS critic
  • Ușor de optimizat imaginile cu încărcare leneră
  • Și, de asemenea, optimizați fonturile Google etc.

Greșeli frecvente pe care ar trebui să le evitați

Elementor Page Speed
Greșeli ale utilizatorilor Elementor

Folosești corect Elementor? Dacă răspunsul este da, atunci s-ar putea să fii în afara pericolului. Dar dacă nu, atunci această parte este pentru tine. Pentru că vom discuta despre greșelile comune pe care le fac fiecare utilizator elementar și despre cum să depășim aceste probleme, în această parte.

Cu toate acestea, am discutat deja mai devreme în secțiunea anterioară despre ce ar trebui să urmați pentru a accelera site-ul dvs. Elemetor.

Bine, să începem:

Nu se utilizează tema corectă

Tema oferă unui site web structura perfectă. Dar dacă nu îl alegeți pe cel potrivit, atunci tot efortul nu va aduce succes. Oamenii nu vor veni pe site-ul dvs., astfel încât va crea o impresie proastă.

O temă de personalizare perfectă îți va spune vocea, iar oamenii vor avea o experiență uimitoare cu afacerea ta. Prin urmare, este înțelept să utilizați o temă potrivită pentru site-ul dvs. web sau să personalizați o temă de la zero. Iar Google nu numai că va crește în clasament, ci și va accelera site-ul dvs.

Personalizare fără ștergerea memoriei cache

O altă greșeală comună este personalizarea site-ului web fără a șterge memoria cache a site-ului. Site-urile web se confruntă în mod constant cu ajustări și actualizări. Prin urmare, este foarte important să ștergeți memoria cache în mod regulat înainte de editare sau proiectare.

Dacă sunteți un utilizator MAC obișnuit, puteți șterge fișierul cache folosind Command + R și Control + Shift + R pentru Windows. Puteți citi această documentație pentru a scăpa de această problemă.

Nu se optimizează imaginile

Imaginile optimizate nu doar fructuoase pentru SEO, ci și bune pentru o pagină de încărcare rapidă. Mulți utilizatori Elementor nu redimensionează imaginile înainte de implementare. Ca urmare, site-ul devine greutate și se încarcă încet.

Ar trebui să planificați redimensionarea fiecărei fotografii utilizând TinyPNG, așa cum am spus deja în secțiunea anterioară.

Nu se utilizează culoarea implicită

Deși este o problemă minoră. Dar uneori, s-ar putea să întâmpinați probleme pentru a nu folosi culoarea corectă sau implicită pentru site-ul dvs. web. Puteți obține multe opțiuni pentru a alege culori din galeria de culori implicită a Elementor.

Aceste culori sunt concepute tocmai pentru a le face mai ușor pentru utilizatori. Vă va ajuta să economisiți mult timp și, de asemenea, să vă mențineți consecvenți pe site-ul dvs.

Verdictul final

Nu este foarte posibil să acoperiți toate problemele într-un timp rapid. Dar, am încercat să ne concentrăm asupra problemelor vitale cu care se confruntă fiecare utilizator Elementor. Asigurați-vă că aveți mare grijă la procesul de personalizare a unui site web folosind Elementor, dacă construiți pe cont propriu sau plănuiți să angajați un dezvoltator.

Sperăm că l-ai primit foarte util. Dacă puteți urma pașii cu atenție, cu siguranță puteți accelera site-ul dvs. Elementor.

Cu toate acestea, dacă credeți că nu am menționat nicio greșeală comună care ar trebui să fie pe listă, vă rugăm să nu ezitați să ni le împărtășiți în comentariile de mai jos.

Verificați articolul de pe site-ul Top 10 Elementor