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

Jan 25, 2026
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

Tutorial Tutorial Instagram: un ghid de începători

să Jan 25, 2026

(Credit imagine: Facebook) Acest Tutorial Tutorial Instagram vă va folosi caracteristica video ca un pro. Cu siguran..

44 dintre cele mai bune comenzi rapide iPad și gesturi pentru iPados 2020

să Jan 25, 2026

(Credit Imagine: Viitor) SARI LA: Comenzi rapide de bază I..

Portret expresiv de vopsea Art cu artrage 5

să Jan 25, 2026

Artrage este un instrument popular de artă digitală (pentru mai mult, să ne vadă Artrage Introducere) În aces..

Cum să pictezi ca un maestru al secolului al XIX-lea

să Jan 25, 2026

Secolul al XIX-lea a fost un moment minunat pentru artă. Artiștii au fost ținute în mare măsură, iar publicul a fost educat..

Construiți un UI bazat pe card cu fundație

să Jan 25, 2026

Card bazat pe card Layout-urile site-ului au luat pe web. Foarte popular de Pinterest, Twitter, Facebook și Googl..

Cum se amestecă creioane colorate

să Jan 25, 2026

Învățați cum să amestecați creioanele colorate vă va ajuta să obțineți mai mult din instrumentele dvs. Mai degrabă decât să se bazeze pe culoarea individuală, plană a fiecărui..

Cum să începeți cu pictura de ulei

să Jan 25, 2026

Pictura cu uleiuri este o modalitate interesantă de a crea artă. Cu toate acestea, mulți oameni pot fi intimidați de mediul de vopsele de petrol, când oferă, de fapt, modalitatea ideal�..

Cum se utilizează caracteristica "Match Font" a lui Photoshop

să Jan 25, 2026

Designerii și creatorii din toate câmpurile sunt ca niște magpi în apetitul lor pentru colectarea unor lucruri strălucitoare..

Categorii