Dacă aveți nevoie să optimizați site-ul, atunci unul dintre pașii de optimizare este minimizarea (minification) a script-urilor js și a stilurilor css.
Un exemplu simplu de introducere și configurare a extensiei Yii pentru a minimiza fișierele js și css
De ce trebuie să minimizez fișierele js și css?
Mai întâi, css și js minimizate vor avea o dimensiune mai mică decât sursa, reducând astfel timpul de încărcare a paginii. Când proiectul este mic, atunci nu veți observa o îmbunătățire după minimizare. Dar dacă lucrați cu un proiect mare, minimizarea va reduce semnificativ timpul de încărcare a paginii.
Ce este minimizarea?
Atenție vă rog! Vreau să observ că aceasta nu este singura extensie pentru minimizarea css și js. Toate extensiile pe care le puteți vedea pe site-ul oficial Yii, în secțiunea extensie.
Și deci continuăm să implementăm extensia minimizării fișierelor noastre js și css.
Sau prin link direct de pe site-ul coder.ukr:
Despachetați arhiva și copiați directorul yii-EClientScript în folderul / protejate / furnizori
Acum trebuie să conectăm extensia la proiect, să deschidem fișierul de configurare /protected/config/main.php și să adăugăm componentelor conexiunii și configurației extensiei:
Fișierele js și css trebuie să fie conectate după cum urmează (indiferent unde conectați js și css la vizualizare sau la controler):
Deschideți site-ul și examinați codul sursă al paginii. Înainte de introducerea extensiei de minimizare js și css, conexiunea css a fost:
Înainte de introducerea extensiei de minimizare js și css, conexiunea JS a arătat astfel:
După implementarea extensiei de minimizare js și css, conexiunea css arată astfel:
După implementarea extensiei de minimizare js și css, conexiunea JS arată ca:
Dacă deschideți un fișier optimizat js sau css, veți vedea că acesta a devenit un rând (fără formatarea codului). De asemenea, puteți personaliza extensia la nevoile dvs., de exemplu, pentru a nu combina css sau js, etc. Când schimbați setările, nu uitați să ștergeți dosarul Asstes.
De asemenea, dacă este necesar, puteți dezactiva toate acțiunile de expansiune în controlerul sau modulul dorit. Exemplu de dezactivare în modul:
Trimiteți-le prietenilor: