Cum de a încorpora stiluri mici CSS în cod

Home »Dezvoltarea site-ului, promovarea site-ului

Încărcarea unor stiluri CSS mici

Încorporarea de mici stiluri CSS direct în HTML a paginii vă permite să accelerați încărcarea stilului însuși și a întregii pagini ca întreg. În plus, dacă încorporați un fișier CSS mic în codul HTML care a fost anterior pe o resursă a unei terțe părți, veți reduce în continuare întârzierea înainte de a încărca alte resurse. Într-un cuvânt, rezultatul va fi foarte bun.

Cum să încorporați un fișier CSS mic în codul paginii?

În mod obișnuit, stilurile CSS în codul HTML sunt denumite după cum urmează:

Și acesta este modul corect de a apela stilurile CSS. Cu toate acestea, dacă stilul CSS este mic, puteți să-i încorporați codul direct în codul HTML al paginii. Acest lucru va ucide necesitatea de a solicita un fișier, al cărui conținut se poate potrivi foarte confortabil în codul HTML al paginii. Firește, aici trebuie să înțelegeți că nu este necesar să creșteți codul paginii prin includerea în ea a unor fișiere mari de stiluri, nu foarte bine. Și astfel încât codul paginii să nu crească mult, puteți comprima suplimentar codul HTML al paginii. Și pentru fișierul dintre etichete:

Aceasta este întreaga știință. Apropo, fișierele CSS mici pot fi obținute prin comprimarea stilurilor CSS.

Cum de a încorpora fișierele CSS în WordPress CMS?

Unele dificultăți pot apărea atunci când încercați să încorporați stilurile CSS pe un site sub îndrumarea CMS WordPress. Practic, va trebui să încorporați fișierele CSS ale oricărui plug-in. Pentru aceasta, mai întâi trebuie să aflați unde se invocă stilurile date (în cap, corp, subsol sau în altă parte). Pentru a face acest lucru, pur și simplu săpe în HTML a site-ului (Ctrl + U pentru a ajuta). Când înțelegeți acest lucru, trebuie să găsiți locul în care acest stil este adăugat pe acest site. Pentru aceasta, folosiți de obicei comanda add_action:

În funcție de zona codului, primul argument poate fi fie wp_head. sau wp_footer. sau altceva. Căutarea ar trebui făcută în fișierele php ale plug-in-ului, precum și în fișierul functions.php, care este situat la rădăcina subiectului tău. Când găsiți locul unui apel, acționați asupra situației. Cea mai ușoară cale este să anulați apelul acestui fișier CSS și să îl încorporați într-unul din fișierele tematice (header.php, Footer.php, Archive.php și altele).