Cum își optimizează membrii WPMU DEV site-urile clienților pentru viteză maximă
Publicat: 2022-11-09Când vine vorba de site-uri WordPress, toți avem nevoie de viteză. Dar membrii noștri dezvoltatori web au de fapt metodele încercate și adevărate pentru a realiza cel mai bine acest lucru, iar noi vi le transmitem.
Ne-am cufundat în bogăția colectivă de experiență pe care o au membrii noștri dezvoltatori web și am compilat rezultatele alegerilor lor de top pentru a obține o viteză extraordinară a site-ului.
În acest articol, vom împărtăși recomandările lor, împreună cu detalii despre ceea ce face ca aceste eforturi să fie atât de eficiente în utilizarea în lumea reală (online).
Iată ce ne vom uita:
- Beneficiile creșterii vitezei
- Crearea și creșterea angajamentului dvs
- Obținerea și gestionarea mai multor trafic
- Creșteți-vă clasamentul SEO
- Instrumente și servicii recomandate care vă vor ajuta să mergeți mai repede
- Cache și CDN-uri
- Optimizatori de imagini și fișiere
- Pluginuri și teme
- Gazduire de calitate
- Geantă (diverse) Instrumente și sfaturi
- Toate aspectele importante ale testării
- Îmbunătățiți-vă performanța site-ului WordPress
Întrucât totul este despre viteză, haideți să pornim!
Beneficiile creșterii vitezei
Cei mai mulți dintre noi cumpărăm motto-ul „cu cât mai repede, cu atât mai bine”, dar s-ar putea să nu înțelegem pe deplin de ce este sau cum să ajungem acolo.
Beneficiile optimizării performanței WordPress sunt numeroase și le vom examina pe fiecare cu atenție.
Crearea și creșterea angajamentului dvs
Nenumărate studii au arătat că site-urile lente sunt principalul motiv pentru care oamenii vor pleca fără a interacționa.
Oamenii pur și simplu nu sunt dispuși să aștepte în timp ce cursorul lor se rotește. Vorbim în câteva secunde – ca în două sau mai puțin. Potrivit Google, așa de repede ar trebui să se încarce site-ul dvs.
Toată lumea știe că există opțiuni nesfârșite pentru activitatea online, așa că nu vor ezita să sară fără să se gândească.
Obținerea și gestionarea mai multor trafic
Viteza mai mare este direct legată de mai mult trafic, ceea ce înseamnă că potențialul de interacțiuni și conversii de a crește exponențial este mai mare.
Dacă ai norocul să atragi vizitatori pe site-ul tău – cei consacrați care revin sau alții noi la prima vedere – trebuie să aranjezi lucrurile astfel încât creșterea inevitabilă a resurselor tale să nu afecteze negativ experiența nimănui.
Creșteți-vă clasamentul SEO
Există multe aspecte legate de SEO, dar viteza site-ului este cu siguranță un factor important.
Algoritmii de clasare ai căutării Google consideră viteza site-ului un semnal, iar performanța paginii este, de asemenea, un factor de clasare în motoarele de căutare.
Prin urmare, cu cât site-ul dvs. este mai rapid, cu atât este mai probabil să creșteți în SERP-uri – un obiectiv ideal pe care să îl atingeți.
Instrumente și servicii recomandate care vă vor ajuta să mergeți mai repede
După cum s-a menționat mai sus, am vorbit cu experții dezvoltatori web din colectivul nostru de membri pentru a-și exprima părerile despre viteza site-ului.
Ei și-au împărtășit cunoștințele lor combinate despre acest subiect, precum și instrumentele și serviciile specifice pe care le folosesc pentru a obține (și a menține!) site-urile lor să funcționeze la performanță maximă.
Să vedem ce au avut de spus.
Cache și CDN-uri
Memorarea în cache a depășit trimiterile și cu un motiv întemeiat.
Memorarea în cache minimizează numărul de interogări care sunt trimise către serverul dvs., ceea ce înseamnă că performanța paginii, timpul de încărcare și experiența utilizatorului se îmbunătățesc.
În plus, atunci când datele site-ului dvs. sunt stocate în cache mai aproape de locațiile utilizatorilor, consumă mai puține resurse, reducând astfel încărcarea serverului dvs.
Rețelele de livrare a conținutului (CDN) furnizează conținut în cache dintr-o locație de rețea cea mai apropiată de un utilizator pentru a accelera livrarea acestuia, cu arhitectură concepută pentru a reduce latența rețelei cauzată de transportul traficului pe distanțe lungi și pe mai multe rețele.
Toate acestea echivalează cu îmbunătățirea vitezei și a performanței site-ului dvs.
„Folosesc Smush și toate CDN-urile care vin pre-ambalate cu găzduirea ta [wpmudev]!” – JD
„Găzduirea cu CDN face o mare diferență în ceea ce privește viteza site-urilor WordPress.” – Matthew Forse
„Diferența dintre imaginile optimizate pe un CDN (vs nu) este ENORMĂ” – JD
Recomandări de top:
CDN-uri
Cloudflare
În care milioane de oameni au încredere, Cloudflare este o rețea globală concepută pentru a face tot ce vă conectați la Internet sigur, privat, rapid și de încredere.
QUIC.cloud
QUIC.cloud CDN este unul dintre puținele care pot stoca în cache conținutul WordPress atât static, cât și dinamic. Maximizați scorurile de viteză a paginii cu Servicii online, Optimizare imagine, CSS critic, CSS unic și Substituenți pentru imagini de calitate scăzută.
Memorarea în cache a pluginurilor
pasărea Colibri
Hummingbird oferă zborul către site-ul dvs. cu cache și compresie expert. Pe lângă faptul că este o suită completă de stocare în cache (Pagină, Browser, Object, Gravatar și RSS), Hummingbird oferă și optimizarea activelor la fiecare nivel.
„Folosesc Hummingbird pe toate site-urile mele, acesta este motivul pentru care am devenit membru WPMU DEV.” – kahnfusion
„Folosesc funcția Speedy [în Hummingbird], dar optimizez fișierele manual pentru cele mai mari proiecte. Am obținut rezultate foarte bune, chiar și pe site-uri „grele”. – Isidoros Rigas
LiteSpeed Cache
LiteSpeed Cache pentru WordPress este un plugin all-in-one de accelerare a site-ului, care oferă un cache exclusiv la nivel de server și o colecție de funcții de optimizare.
WP Rocket oferă un set de opțiuni avansate pentru a vă îmbunătăți performanța, inclusiv întârzierea execuției JavaScript, eliminarea CSS neutilizate, minimizarea și LazyLoad.
NitroPack
NitroPack oferă stocare în cache, optimizare a imaginii și un CDN gata de ieșire din cutie. Nu sunt necesare pluginuri terțe sau setări complexe.
Optimizatori de imagini și fișiere
Un alt element care afectează semnificativ viteza site-ului este optimizarea activelor.
Există două categorii când vine vorba de aceste active – fișiere și imagini – deși metodele de optimizare a acestora se suprapun oarecum.
Vom analiza o serie de moduri de a obține performanță maximă pentru fiecare.
Optimizarea fișierelor:
- Activați Gzip (comprimarea textului)
- Încărcare leneșă comentarii și postări mai mici
- Memorați în cache elementele site-ului (de exemplu, pagină, browser, gravatar, RSS)
- Reduceți fișierele (eliminați codul CSS și JS inutil)
- Combinați fișiere mai mici (mai puține fișiere = mai puține solicitări)
- Amână CSS (amână încărcarea conținutului de deasupra paginii)
- Preîncărcați și amânați Javascript (remediați timpul de execuție JS și furnizați sarcini utile mai mici)
Optimizarea imaginii:
- Reduceți dimensiunea imaginii cu compresie (cu pierderi sau fără pierderi)
- Alegeți cel mai bun tip de fișier (PNG, JPEG etc.)
- Utilizați încărcarea progresivă pentru JPEG
- Utilizați tipuri de fișiere de generație următoare (Webp)
- Încărcare leneșă a imaginilor offscreen
- Optimizați livrarea imaginilor (servire printr-un CDN)
Ceea ce par mici ajustări se pot adăuga și se adaugă la îmbunătățiri vizibile ale vitezei.
Recomandări de top:
pasărea Colibri
Pe lângă faptul că este un expert general de stocare în cache, Hummingbird gestionează un grad mare de funcții de optimizare, cum ar fi o mai bună organizare a activelor, vizualizarea reducerilor de dimensiune a fișierelor, compresia Gzip, comprimarea paginilor web și a foilor de stil și reducerea timpului de transfer al fișierelor.
Cu automatizări și setări cu un singur clic, configurarea este ușoară.
Ah, și Hummingbird este gratuit.
Smush
Smush ne-a pus pe hartă. Cu peste 1 milion de instalații active și 5 din 5 stele, acest interpret puternic este îmbrăcat să impresioneze.
Optimizați imagini nelimitate (Bulk Smush, Super Smush=2x compresie), încărcare leneșă, redimensionare automată, comprimare, backup sau restaurare în bloc a imaginilor originale și rezolvați recomandările Google PageSpeed – toate dintr-un singur tablou de bord simplu și intuitiv.
Smush este și el gratuit.
„Dacă vreau o performanță aproape perfectă, îmi codez șabloanele, înlocuiesc majoritatea pluginurilor cu pluginuri wpmudev și rezultatul este grozav (în mare parte A cu GTmetrix și aproape de 100% cu viteza paginii Google).” – Antoine
„Smush și Hummingbird intră în fiecare site. Nu am nicio solicitare pentru Smush – este un campion.” – Tony G
„Folosesc ambele (Hbird și Smush) pe fiecare site și nu am nimic de schimbat: de când au apărut șabloanele de setare a pluginurilor, le-am setat și l-am uitat!” – Phil
„Smush am găsit întotdeauna a fi excelent. Îmi place foarte, foarte mult. Este foarte impresionant ce poate face cu doar câteva clicuri.” – Matt
„Smush pare deja perfect... Nu văd cum ai putea să o faci mai bună.” – Isidoros Rigas
EWWW
Optimizați imaginile folosind instrumente de pe propriul dvs. server și descărcați procesul de optimizare care necesită mult CPU către serverele lor specializate pentru mai multă compresie.
Imaginile sunt comprimate automat, scalate pentru a se potrivi cu dimensiunea paginii și a dispozitivului, sunt încărcate leneș și sunt convertite în formatul WebP de nouă generație.
ShortPixel
Utilizează resurse minime și funcționează bine cu orice găzduire web partajată, cloud, VPS sau dedicată. Optimizați orice imagine de pe site-ul dvs. web, chiar și imaginile care nu sunt listate în Biblioteca media.
Atât compresia cu pierderi, cât și cea fără pierderi sunt disponibile pentru cele mai comune tipuri de imagini plus fișiere PDF.
Pluginuri și teme
Majoritatea dezvoltatorilor noștri web au fost de acord: deși numărul de plugin-uri utilizate poate afecta cu siguranță viteza, calitatea acelor plugin-uri este cea mai importantă.
Sfaturile cele mai bune:
- Limitați pluginurile la cele mai esențiale și ștergeți-le pe cele pe care nu le utilizați.
- Utilizați o temă cât mai ușoară posibil.
- Curățați-vă bazele de date WP, pentru a scăpa de fișierele inutile lăsate în urmă de pluginurile neutilizate.
„Se reduce la minimizarea pluginurilor, iar și iar și iar. Acum un an foloseam o medie de 20. Acum (în afară de standardele WPMUDEV) abia dacă folosesc 5. Site-urile mele sunt la fel de funcționale, dar viteza de 10 ori mai mare!” – JD
„Încercați întotdeauna să minimizați numărul de pluginuri utilizate.” - James
Recomandări de top:
Elementor + Salut Elementor
Elementor este platforma de site-uri web numărul 1 pentru WordPress. De la pagini de destinație și magazine de comerț electronic până la site-uri web complete – construiește totul cu editorul live drag-and-drop al Elementor.
Gestionați gratuit site-uri WP nelimitate
Hello Elementor este tema vanilie minimală concepută special pentru a se asocia cu generatorul de pagini Elementor. În fruntea topurilor la scurt timp după lansare, are peste un milion de instalări active, cu 4,5/5 stele.
Divi
Divi duce WordPress la un nivel cu totul nou cu tehnologia sa incredibil de avansată de generare vizuală.
O platformă de creare de site-uri web care înlocuiește editorul standard de postări WordPress cu un editor vizual extrem de superior, vă oferă puterea de a crea design-uri spectaculoase cu ușurință și eficiență surprinzătoare.
Cărămizi
Un instrument mai rapid, mai personalizabil și mai performant pentru a vă proiecta vizual întregul site, de la antet la subsol și orice altceva. Introduceți date dinamice și editați și previzualizați mai multe puncte de întrerupere pentru un site web complet receptiv, optimizat pentru mobil.
Break dance
Cu 120 de elemente încorporate, o interfață de utilizare și un flux de lucru modern și o integrare profundă cu WooCommerce, Breakdance este pluginul suprem pentru crearea de site-uri web pentru WordPress.
10Web
Primul generator WordPress alimentat de AI. Obțineți structura și designul inițial al site-ului dvs. cu inteligență artificială, editați-l cu 10Web builder bazat pe Elementor, apoi apăsați pentru a trăi cu un singur clic.
„Am găsit acest site care face câteva lucruri interesante în versiunea gratuită, este ca o schimbare a jocului pentru scorul de viteză a paginii mobile. O mulțime de funcții inteligente pentru a vă ajuta să construiți site-uri mai bune în mai puțin timp.” – Edoardo
Oxigen
Editare vizuală puternică pentru întregul dvs. site web. Construiți cu elemente HTML fundamentale. Scrieți PHP, CSS și JS live.
Caracteristicile includ: trageți marginile elementului pentru a seta spațierea sau trageți și plasați pentru a reordona; control vizual al fiecărei părți a magazinului dvs. WooCommerce; creați vizual anteturi personalizate de site-uri web, inclusiv anteturi lipicioase și suprapuse; editați culorile într-un singur loc.
„Speed web builder precum Oxygen este un schimbător de jocuri pentru viteza site-urilor web.” – Greg
Impreza
Cel mai bine cotat site WordPress și tema WooCommerce Builder.
„Folosesc IMPREZA pentru că este de înaltă performanță.” – Phil
Subliniere
O temă de pornire menită să se transforme în următoarea, cea mai minunată temă WordPress. CSS ultra-minimal înseamnă mai puține lucruri care să vă stea în cale atunci când proiectați.
Advanced DB Cleaner
De-a lungul timpului (sau utilizarea grea a pluginurilor) bazele de date WordPress acumulează versiuni vechi, meta postări orfane, comentarii spam etc., făcând site-urile lente și umflate.
Acest plugin elimină cu ușurință datele inutile pentru a reduce dimensiunea bazei de date, pentru a îmbunătăți viteza și performanța site-ului web și pentru a avea o copie de rezervă mai rapidă a bazei de date (deoarece fișierul va fi mai mic).
Gazduire de calitate
Bineînțeles, găzduirea a ajuns în fruntea listelor noastre de guru de dezvoltare web, vocile lor dornice să exprime cât de importantă este găzduirea de calitate.
Dacă puneți fiecare element de economisire a vitezei de pe această listă, apoi alegeți o platformă de găzduire care are servere partajate, resurse minime sau asistență slabă, toate eforturile dvs. vor fi în zadar.
O gazdă web oferă mai mult decât un simplu loc pentru stocarea conținutului online. Ele sunt baza site-urilor dvs. Alegeți o gazdă sigură, de încredere și de renume pentru a vă construi reședința online; liniștea sufletească și succesul care vin cu care merită fiecare bănuț.
Recomandări de top:
Găzduire WPMU DEV
Rapid fulger, dedicat și complet optimizat pentru WordPress, fără nimic partajat și fără întreruperi.
Iată doar câteva dintre caracteristici: 10 centre de date + CDN cu 45 de puncte; FastCGI; cele mai bune instrumente de securitate și management al site-ului; Garanție de funcționare de 99,9%; WooCommerce optimizat; suport premium (24/7/365).
Nu ne crede pe cuvânt; vezi ce au de spus alți oameni cu gânduri asemănătoare despre noi.
„Alegerea unei găzduiri bune este principalul lucru . Găzduirea WPMU DEV este grozavă.” – Greg
„Cele mai rapide site-uri ale mele sunt pe WPMU Dev hosting” – Brad
„Gazduire: WPMU DEV 100%” – Phil
Gazduire A2
Securizat cu funcții de protecție îmbunătățite. Beneficiile serverului gestionat și instrumente pentru gestionarea temelor și a pluginurilor. Stabilitate cu un angajament de funcționare de 99,9% și asistență internă 24/7.
„A2 este găzduirea mea non-WPMU DEV; Turbo (pe serverele LiteSpeed) este foarte rapid.” – Greg
Geantă (diverse) Instrumente și sfaturi
Au existat și câteva instrumente și sfaturi care nu se încadrau în celelalte categorii ale noastre, dar am vrut să le includem pentru că cu siguranță adaugă valoare conversației.
Utilizați fragmente personalizate pentru controlul reglat fin
„Mă trezesc în mod constant să scriu fragmente personalizate pentru a face lucruri precum scoaterea din coadă a scripturilor pe pagini care nu sunt necesare sau dezactivarea funcțiilor din Jetpack, WooCommerce, Core etc. pe care nu trebuie să pierd timpul la încărcare.” – Super adorabil
„Încerc să evit să adaug plugin-uri dacă este ceva ce pot face cu câteva linii suplimentare în fișierul functions.php.” – Matt
Fragmente de cod
O modalitate ușoară, curată și simplă de a rula fragmente de cod pe site-ul dvs., oferă o interfață GUI pentru adăugarea fragmentelor și pentru a le rula efectiv pe site-ul dvs. la fel ca și cum ar fi în fișierul functions.php al temei.
Fragmentele pot fi activate și dezactivate (la fel ca și pluginurile) și pot fi exportate pentru a fi transferate pe un alt site, fie în JSON pentru importarea ulterioară prin pluginul Code Snippets, fie în PHP pentru a vă crea propriul plugin sau temă.
Statistici: Instalări active: peste 700.000, ~400 de recenzii, 5/5 stele
Lucrați cu platforme LMS
„Lucrez cu platforme LMS și nu am putut face sau realiza mai mult decât să facem doar asta. Lucrul cu site-uri web pentru a crea cursuri a devenit un lucru din trecut.” – Manuel
LearnPress
Creați și vindeți cursuri online cu ușurință, cu programe care includ lecții și chestionare, toate gestionate cu o interfață ușor de utilizat.
Creați simplu și rapid site-uri web de cursuri educaționale sau online, fără cunoștințe de codificare necesare. Există, de asemenea, o bibliotecă de suplimente gratuite și premium care extind funcționalitatea.
Statistici: Instalări active: peste 100.000, peste 500 de recenzii, 4,5/5 stele
Utilizați o platformă de gestionare a serverului cloud
Runcloud
Panou modern de gestionare a serverului; Platforma de nivel enterprise pentru managementul serverelor cloud; Automatizați configurarea serverului și actualizările de securitate.
Cu RunCloud, nu trebuie să fii un expert Linux pentru a crea un site web alimentat de DigitalOcean, AWS, Google Cloud sau Vultr. Utilizați această interfață grafică pentru a construi o afacere pe cloud la preț accesibil.
„După ce am testat atât de multe strategii de găzduire diferite, am găsit că aceasta este cea mai eficientă... foarte rapid de creat și multă automatizare posibilă, deoarece Runcloud oferă un API grozav.” – Ricardo
Toate aspectele importante ale testării
Întrucât există atât de multe variabile pe care le puteți folosi pentru ca site-ul dvs. să funcționeze mai repede, cel mai bun mod de a ști cu adevărat ce funcționează cel mai bine este să testați ceea ce ați pus la punct.
De asemenea, din cauza naturii dinamice a site-urilor web WordPress, este vital să urmăriți în continuare cât de bine funcționează toate componentele.
Instrumente de testare a vitezei recomandate:
Google PageSpeed – PageSpeed Insights (PSI) raportează performanța unei pagini atât pe dispozitive mobile, cât și pe desktop și oferă sugestii despre cum poate fi îmbunătățită pagina respectivă.
GTMetrix – vedeți cum funcționează site-ul dvs., dezvăluiți de ce este lent și descoperiți oportunități de optimizare.
Checkbot.io – creează rapoarte foarte detaliate despre diferitele lucruri care afectează viteza paginii tale și SEO; testează 100 de pagini simultan pentru link-uri întrerupte, titluri duplicate, HTML nevalid, pagini nesigure și peste 50 de alte verificări.
WebPageTest – testați instantaneu viteza, gradul de utilizare și rezistența site-ului dvs. în browsere, dispozitive și locații reale din întreaga lume.
Lighthouse – o extensie de browser Chrome și un instrument automat pentru îmbunătățirea performanței, calității și corectitudinii aplicațiilor dvs. web; rulează o serie de teste împotriva paginii, apoi generează un raport despre cât de bine s-a descurcat și ce puteți face pentru a îmbunătăți.
Sizzy – un browser pentru dezvoltatori web; vă permite să testați în mai multe ferestre, să verificați scorurile de performanță, să dezvoltați și să testați pentru toate cazurile de utilizare fără a fi nevoie să le simulați manual într-un browser obișnuit.
Testarea și ajustarea regulată este o parte importantă a menținerii acestor viteze de nivel următor. Deci, alegeți instrumentele pe care le preferați și asigurați-vă că faceți acest lucru în mod constant.
Îmbunătățiți-vă performanța site-ului WordPress
Importanța accelerării unui site WordPress nu poate fi subliniată suficient.
Ați introdus totul în site-ul dvs. – acum potriviți acel conținut grozav cu viteze competitive de încărcare a paginii pentru a crește implicarea și conversiile.
Cu atât de multe opțiuni pentru a accelera un site WordPress ușor disponibile și multe dintre ele gratuite, nu are sens să nu le folosești în avantajul tău.
Sperăm că veți folosi cu ușurință unele dintre instrumentele și tehnicile din această postare și veți vedea singur cât de mult poate crește viteza site-ului dvs.
Dacă nu sunteți membru WPMU DEV, încercați-ne, fără riscuri (nu este necesar un card de credit) și vedeți cât de bine vă putem completa site-ul. Asistența noastră este de neegalat și va ajuta cu orice problemă în WordPress – chiar dacă nu este produsul nostru.