Cum să accelerați și să optimizați site-urile WordPress

Sep 12, 2025
să
Speed up and optimise WordPress
(Credit Imagine: Web Designer)

WordPress a început ca o platformă simplă de blogging, dar a evoluat în sistemul de gestionare a conținutului, care acum promovează un procent mare de site-uri web. Ca cele mai populare CMS, succesul său rapid este probabil în jos pentru a fi un instrument fantastic de scop general în lumea de dezvoltare web.

O barieră scăzută pentru intrarea și ecosistemul mare al pluginurilor și Free Teme WordPress. Permiteți utilizatorilor mai puțin din punct de vedere tehnic să construiască sisteme complexe. Dar aceasta poate fi o sabie cu două tăișuri dacă un site WordPress câștigă tracțiunea, scalarea dincolo de vizitatorul ocazional și care duce la probleme.

Nu sunteți sigur de WordPress? Explorați alte opțiuni cu lista noastră de top web hosting furnizori. Și dacă doriți să proiectați cu ușurință un site, încercați aceste străluciri Constructori de site-uri web .

Primele semne de probleme apar atunci când un nou utilizator se află pe site-ul web: Timpurile de încărcare pot fi scufundate și elemente salt în jurul paginii ca tambururi de stil separat, unul câte unul. Nu este cu mult timp înainte ca serverul să nu fi ieșit din memorie, provocând ca baza de date să se prăbușească, necesitând o repornire a serverului pentru a aduce site-ul înapoi.

În mod implicit, atunci când un utilizator aterizează pe o pagină furnizată de un site WordPress, capătul din spate rulează prin temă și orice plugin-uri înainte de a face pagina. Dacă se utilizează o mulțime de pluginuri sau tema este slabă scrisă, acest lucru poate duce la interogări de baze de date lungi și includerea JavaScript și CSS unde nu este nevoie.

Din fericire, multe dintre problemele majore care cauzează o viteză redusă pot fi abordate și, în acest tutorial, vom analiza cum puteți optimiza chiar și cea mai bună WordPress site-uri . Pentru a vă stimula abilitățile suplimentare, aruncați o privire la runda noastră de Tutoriale WordPress. a incerca.

01. Testați viteza curentă

Primul pas în accelerarea unui site web este de a afla cât de bine este să începeți. O serie de instrumente există pentru a ajuta la acest lucru, inclusiv Insightele PagesPeed Google și Checker de încărcare a paginii Pingdom. Vom folosi GTMETRIX. deoarece combină mai multe verificări; Accesați site-ul și introduceți adresa URL a site-ului web.

02. Examinați rezultatele

Speed up and optimise WordPress: Examine the results

GTMETRIX vă oferă o analiză rapidă a performanței site-ului dvs. (Credit Imagine: GTMETRIX)

După o scurtă întârziere, GTMETRIX va afișa rezultatele cecului și va oferi mai multe scoruri de la A - F. De asemenea, va da un timp complet încărcat și o dimensiune totală a paginii. Mai jos, este dată o defalcare a mai multor elemente.

03. Identificați cele mai mari fișiere

Una dintre cele mai importante valori este dimensiunea totală a paginii. Acesta este fișierul tuturor elementelor încărcate de pe o pagină, cum ar fi imagini, video, CSS și orice scripturi care sunt incluse în pagină. Folosind GTMETRIX, deschideți fila Cascada și sortați tabelul după dimensiune pentru a găsi cele mai mari elemente de pe pagină.

04. Comprimați suportul pentru a reduce dimensiunea

Speed up and optimise WordPress: Compress media to reduce size

Vrac optimizează mass-media pentru a obține o creștere a vitezei (Credit Imagine: EWWW)

Imaginile și videoclipurile sunt de obicei cele mai mari elemente de pe o pagină. Eliminați videoclipurile de fundal inutile și asigurați-vă să codificați videoclipul la o rată scăzută de biți dacă se joacă automat. Instalați pluginul EWWW Image Optimizer. . Din biblioteca media, este disponibilă o nouă opțiune de optimizare a volumului. Rulați acest lucru.

Dacă aveți o mulțime de mass-media pentru a stoca, stai în siguranță în aceste excelente Stocare in cloud Opțiuni.

05. Redimensionați imaginile

Speed up and optimise WordPress: Resize images

Strângeți acele imagini masive care sunt scoase în browser (Credit de imagine: WordPress)

Uneori imaginile adăugate la o pagină sunt la o rezoluție înaltă și apoi scalate cu CSS. Această lățime de bandă de deșeuri, deoarece dimensiunea mai mare nu este utilizată niciodată. Du-te la tabloul de bord și GT; Setări & GT; EWWW Image Optimizor și selectați Redimensionare. Bifați "redimensionarea detectării". Acum, paginile vizualizate de un administrator vor evidenția imagini care trebuie redimensionate. Redimensionarea acestor imagini într-un editor de imagini sau folosind un CDN cu dimensionare automată va remedia această problemă.

06. Minificația CSS, JS & AMP; HTML.

Acesta este procesul de eliminare a caracterelor în codul care îl poate fi citit de om pentru a reduce dimensiunea paginii. Când utilizați o temă terță parte, un plugin, cum ar fi AutoPtimize este perfect pentru asta. Instalați-l, mergeți la Setări & GT; Autoptimize & gt; Derulați în jos la opțiunile CSS și bifați "Optimizați codul CSS". Când lucrați cu o temă care a fost făcută la comandă, se face minificarea cu instrumente de construcție, cum ar fi Gulp. 

 CSS:
A {
    -Webkit-Box-umbra: nici unul;
    Text-decorare: Nici unul;
}

Minificat:
o umbra {-Webkit-Box: Niciuna; text-decorare: nici unul;}

07. Combinați CSS & AMP; JS Fișiere.

Când utilizați o temă terță parte, pluginul de autoptimise poate acoperi cele mai multe scenarii, permițând opțiunea "Fișiere CSS agregate". Aceasta combină toate CSS pentru fiecare pagină într-un singur fișier în loc de multe mai mici.

08. Amânați JavaScript extern

Chat-ul live, Analytics și Unelte de urmărire pot lega fișiere JavaScript mari care adaugă secunde întregi în momentul în care pagina trebuie să devină interactivă. Adăugați atributul de amânare acestor scripturi, astfel încât să nu fie executate până când DOM a terminat încărcarea.

& lt; script src = "tray-to-file.js" de amânare & gt; / lt; / script & gt;

09. Examinați pluginurile

Speed up and optimise WordPress: Examine the plugins

Tratați site-ul dvs. la un audit sever de plugin (Credit de imagine: WordPress)

Prea multe pluginuri pot cripta WordPress. Cu atât de multe pluginuri fiind gratuite, dezvoltatorii sunt sub presiune pentru a împinge versiunile premium ale software-ului lor și includ caracteristici inutile, umflate, cum ar fi împingerea notificărilor la tabloul de bord de administrare. Dezactivați și eliminați orice pluginuri care nu sunt utilizate - ele pot fi instalate din nou mai târziu, dacă este necesar.

10. Verificați energia serverului web

Speed up and optimise WordPress: Check web server power

Serverul dvs. ar putea încetini lucrurile; Iată cum să identificați dacă este cazul (Credit de imagine: Google)

Motorul unui site web este serverul pe care îl rulează. Dacă este ieftin, sub -putat și bine menținut, acesta va funcționa prost. Mergi la Google PageSpeed ​​Insights. și introduceți adresa URL a site-ului web. În rezultate, căutați "Reduceți timpul de răspuns la server". Dacă acest lucru apare în raport, este probabil ca un server lent să vină pentru spectacol.

11. Activați compresia GZIP

GZIP poate reduce dimensiunea site-ului dvs. înainte de a fi trimis unui utilizator. Browserul web al utilizatorului decomprimă automat datele și îl afișează. Fără dezavantaje, este important să se asigure că GZIP este activat. Există mai multe instrumente pentru a verifica dacă GZIP este activat; încerca GiftOfSpeed. .

12. Upgrade la PHP 7

În cadrul Tabloului de bord WordPress Open & GT; Site-ul de sănătate și faceți clic pe fila Info. Deschideți acordeonul "Server" și verificați valoarea pentru versiunea PHP. Dacă acest lucru este mai mic de 7.x.x este foarte recomandat să faceți upgrade la cel puțin PHP 7.1. Testele arată schimbarea acestei manipulări permise de peste vizitatorii simulați.

13. Configurați cache-ul paginii

Speed up and optimise WordPress: Set up page caching

Utilizați Enablerul cache pentru a face pagini populare într-un fișier HTML static mai rapid (Credit de imagine: WordPress)

Du-te la plugin-uri & gt; Adăugați un nou plugin și căutați "Cache Enabler". Acest plugin ușor stochează pagini dintr-o cache, astfel încât un vizitator navigând în același timp ca și altul, nu determină site-ul să facă de două ori pagina. În schimb, pluginul redă pagina într-un fișier HTML static o dată apoi servește acest fișier utilizatorilor ulteriori.

14. Photo.

Diferitele dispozitive fac imagini la dimensiuni diferite, ceea ce face dificilă dimensiunea imaginilor exact așa cum se afișează. Folosind serviciul "Photon" gratuit, inclus în Jetpack. , Imaginile sunt servite automat la dimensiunea potrivită.

15. Configurați cache-ul browserului

Browser Caching spune browserului unui utilizator că anumite elemente nu trebuie să fie redeschise de fiecare dată când reîncărcați o pagină pe site sau reveniți și vizitați din nou. Acest lucru se poate face manual în .htaccess sau, în mod alternativ, poate fi utilizat un plugin, cum ar fi "cache a browserului de pârghie".

16. Testarea sarcinii cu utilizatorii virtuali

Speed up and optimise WordPress: Load testing with virtual users

Utilizați un serviciu ca încărcător pentru a verifica site-ul dvs. poate face față cererii mari (Credit Imagine: GTMETRIX)

Pentru a simula utilizatorii reali utilizând site-ul web și a pune site-ul sub stres, trebuie efectuată testarea încărcăturii. În timp ce monitorizează serverul pentru impactul sarcinii, utilizați un serviciu cum ar fi Încărcător pentru a trimite trafic pe site-ul web. CPU-ul și memoria serverului ar trebui să rămână în limitele sigure.

17. Revedeți performanța

Odată ce optimizările au fost efectuate, trebuie să testați și să evaluați îmbunătățirea site-ului web. Rulați din nou GTMETRIX și utilizați fila Istoric pentru a vedea diferența în timpul de încărcare a paginii. Dacă cache-ul a fost activat, asigurați-vă că vizitați site-ul web cel puțin o dată pentru a "primi" cache-ul înainte de a efectua testarea.

Acest articol a fost publicat inițial în numărul 292 din revista Creative Web Design Web designer . Cumpăra problema 292. .

GenerateJS banner

(Credit de imagine: Viitor / Tooa Heftiba, Unsplash)

Alăturați-vă în aprilie 2020 pentru a ne vedea gama de superstaruri JavaScript la Generatejs - Conferința care vă ajută să construiți JavaScript mai bun. Rezervați acum la geneterconf.com.

Articole similare:

  • Cum să transformi WordPress într-un constructor vizual
  • 26 Teme de portofoliu WordPress de top

să - Cele mai populare articole

Desenați puterea de contrast în domeniu

să Sep 12, 2025

Învățarea de a folosi contrastul în artă vă va transforma proiectele și modul în care lucrați. Aspectul meu preferat de a lucra în artă este contrast. Acest lucru apare de obicei a..

3 Tehnici esențiale de retopologie Zbrush

să Sep 12, 2025

(Credit de imagine: Glen Southern) Zbrush Retopology, sau cum să retotige un model în general, este un lucru pe car..

Construiți terenul în Houdini 17

să Sep 12, 2025

În Houdini 17, Sidefx a introdus câteva noi instrumente și a îmbunătățit pe alții pentru a lărgi gama de oportunități ..

Cum să vă ascundeți codul JavaScript din sursa de vizualizare

să Sep 12, 2025

Dacă nu luați măsuri de precauție cu codul JavaScript, faceți viața ușor pentru oricine dorește să o cloneze. Dar dacă ..

Rotiți Ilustrații 2D în Art 3D

să Sep 12, 2025

Călătoria mea în a face 3D Art. a început cu câțiva ani în urmă, când fratele meu mi-a spus să încerc ..

Vopsea un portret ca van Gogh

să Sep 12, 2025

Pictorul olandez post-impresionist Vincent van Gogh (1853-1890) a creat multe autoportrete în cariera sa - deși unele dintre el..

Creați texturi uimitoare în Blender

să Sep 12, 2025

Pagina 1 din 2: Pagina 1 Pagina 1 Pagina..

Cum se face o platformă flexibilă

să Sep 12, 2025

Rigurile de panglică sunt destul de comune în 3D Art. Producția de producție în aceste zile. Ei au un comport..

Categorii