Minimizarea fișierelor css și js-urilor și codului html pe site

Unul dintre punctele de optimizare a site-ului este minimizarea codului, care este transmisă browser-ului vizitatorului în momentul deschiderii site-ului. Aceasta include atât conținutul fișierelor CSS și fișierele JS, cât și paginile codului HTML. Aceste măsuri pot reduce semnificativ dimensiunea codului rezultat și pot accelera ușor încărcarea site-ului.

Minimizarea are loc prin eliminarea spațiilor inutile, a filelor și a liniilor goale. Îți voi spune cum fac asta pe site-urile mele.

Minimizează codul HTML

Uită-te la codul sursă al acestui blog pentru a vedea cum va arăta în rezultat. După cum puteți vedea, aproape întregul cod de pagină nu este formatat și "asamblat într-o grămadă" (despre motivul "aproape", se va spune mai jos).

Acest lucru este implementat folosind două inserturi mici de cod PHP. în care se folosesc expresii regulate.

Prima parte trebuie inserată chiar la începutul codului sursă al site-ului dvs. (adică chiar înainte ):

Iar cea de-a doua parte, dimpotrivă, trebuie inserată la sfârșitul codului sursă al site-ului, adică după etichetă :

În acest caz, conținutul pre-etichetei se adaugă excepției, adică nu este minimizată, este necesar pentru afișarea corectă a exemplelor de cod.

Din păcate, sunt departe de a fi un specialist în expresii regulate, deci în această soluție există un dezavantaj - codul JS și CSS care sunt inserate corespunzător în etichete și . rămâne neîntrerupt (puteți vedea acest lucru în sursa paginilor de blog). În plus, în ceea ce privește minimizarea unui astfel de cod JS are propriile caracteristici, așa că nu am luat riscuri.

Minimizați fișierele CSS și fișierele JS

Pentru aceasta, folosesc instrumentul Minify gratuit Minify. Aceasta este o aplicație PHP care este pusă într-un tata separat pe site și prin care toate fișierele necesare sunt sărite.

Puteți minimiza ambele fișiere individuale și puteți grupa mai multe fișiere într-unul, reducând astfel numărul de cereri către server.

Este conectat simplu:

Dacă aveți mai multe fișiere de același tip, vă recomandăm să utilizați gruparea (pentru aceasta, fișierul /min/groupsConfig.php este editat). În construcție și în fișierul în sine, sunt prezentate exemple de cum să îmbinați mai multe fișiere CSS sau JS.

Apropo, chiar dacă aveți doar un singur fișier și doriți să minimalizați calea de reducere a acestuia, puteți utiliza și gruparea.

De exemplu, pe acest blog am făcut acest lucru:

Există o altă caracteristică a Minify. de care cineva ar putea avea nevoie. Pe unele servere să funcționeze corect trebuie să minimizers în fișierul .htaccess (care se află în folderul / min /) pentru a elimina semnul # în linia #RewriteBase / min. Am fugit o dată în acest lucru atunci când se deplasează într-un alt site-ul de găzduire, iar acest lucru ma ajutat să-l editați.

Asta e tot, vă mulțumesc pentru atenția acordată. Sper că aceste informații sunt utile pentru dvs.

Trimiteți-le prietenilor: