Cum de a minimiza fișierele CSS / JavaScript în WordPress

Doriți să minify fișiere pe site-ul dvs. WordPress? Micsorarea fișierelor WordPress CSS și Javascript le poate face să se încarce mai repede și să vă accelereze site-ul WordPress. În acest ghid, vă vom arăta cum să minimalizați fișierele CSS / Javascript în WordPress pentru a îmbunătăți performanța și viteza.

Ce este Minify și când aveți nevoie de ea?

Termenul "Minify" este folosit pentru a descrie o metodă care diminuează dimensiunea fișierului dvs. web. Realizează acest obiectiv prin eliminarea spațiilor albe, a liniilor și a caracterelor inutile din codul sursă.

De obicei, este recomandat să fie utilizat numai pentru fișierele trimise în browserele utilizatorului. Acestea includ fișiere HTML, CSS și JavaScript. Poți să minipi și fișierele PHP, dar PHP este un limbaj de programare pe partea de server și minifierea nu va îmbunătăți viteza de încărcare a paginii pentru utilizatorii dvs..

Avantajul evident al fișierelor de minificare este îmbunătățirea vitezei și performanței WordPress. Fișierele compacte sunt mai rapide pentru a încărca și pentru a îmbunătăți viteza site-ului.

Cu toate acestea, unii experți consideră că îmbunătățirea performanței este foarte mică pentru majoritatea site-urilor Web și nu merită probleme. Minifierea scade doar câteva kilobyte de date pe cele mai multe site-uri WordPress. Puteți reduce timpul de încărcare a paginilor prin optimizarea pur și simplu a imaginilor pentru web.

Iată un exemplu de cod CSS normal:

corp
margin: 20px;
padding: 20px;
culoare: # 333333;
fundal: # f7f7f7;

h1
font-size: 32px;
Culoare # 222222;
margin-bottom: 10px;

Dupa minifierea codului acesta va arata astfel:

body margin: 20px; padding: 20px; color: # 333; fundal: # f7f7f7 h1 font-size: 32px; margin-bottom: 10px

Dacă încercați să atingeți scorul de 100/100 pe instrumentul Google Pagespeed sau GTMetrix, atunci minificarea CSS și JavaScript va îmbunătăți semnificativ scorul dvs..

Acestea fiind spuse, să aruncăm o privire asupra modului în care puteți miniat cu ușurință CSS / JavaScript pe site-ul dvs. WordPress.

Minify CSS / Javascript în WordPress

Primul lucru pe care trebuie să-l faceți este să instalați și să activați pluginul Better WordPress Minify. Pentru mai multe detalii, consultați ghidul nostru pas cu pas despre cum să instalați un plugin WordPress.

La activare, pluginul va adăuga un nou element de meniu numit "BWP Minify" în bara de administrare WordPress. Dacă faceți clic pe acesta, veți ajunge la pagina cu setările pluginului.

În pagina de setări, trebuie să verificați primele două opțiuni pentru a micșora automat fișierele JavaScript și CSS pe site-ul dvs. WordPress.

Acum puteți să faceți clic pe butonul Salvați modificările pentru a stoca setările.

Există multe alte opțiuni avansate pe această pagină. Setările prestabilite vor funcționa pentru majoritatea site-urilor web, dar puteți examina și modifica aceste opțiuni de la caz la caz.

Apoi, trebuie să vă îndreptați spre site-ul dvs. Faceți clic dreapta oriunde și apoi selectați "Vizualizare sursă pagină" din meniul browserului.

Acum veți vedea codul sursă HTML generat de site-ul dvs. WordPress. Dacă vă uitați atent, veți observa că acest plugin va încărca fișiere CSS / JavaScript din dosarul propriu al plugin-ului în loc de temele și pluginurile WordPress.

Acestea sunt versiunile miniaturate ale fișierelor CSS și JavaScript originale. Mai bun plugin WordPress Minify le va păstra în memoria cache și va servi versiunile miniaturate la browsere.

Asta e tot, speram ca acest articol te-a ajutat sa inveti cum sa-ti minifici site-ul WordPress. Puteți dori, de asemenea, să vedeți ghidul nostru final cu privire la modul de a accelera WordPress pentru începători.

Dacă v-ați plăcut acest articol, vă rugăm să vă abonați la tutorialele video YouTube pentru canalul YouTube pentru WordPress. Ne puteți găsi pe Twitter și pe Facebook.