Cum se implementează încărcarea css asincronă specifică pentru statisticile pe pagini

Vă mulțumim că ați acordat timp pentru a răspunde.
Această metodă se prezintă bine pe paginile mici. Toate paginile CSS se potrivesc într-un șir. Există și un proiect







30 de mii de linii de css-norme și reguli sunt trase la fel de mult de la prima lansare a site-ului, nimeni nu a avut loc vreodată de curățare și de organizare. În plus față de vechea „miezul“ - masa minifitsirovannaya care este responsabil „pentru un pic de tot“, a adăugat aici cadrele CSS gramada + remedieri care sunt introduse în cursul întreținerii. Selectați logic din acest nod gordian al CSS cele mai critice, care poate zainlaynit imposibil. Mijloacele automate dau un astfel de css critic că aspectul începe să se destrame.







Salavat Sitdikov. din punctul de vedere al w3c - da, l-am rupt. Cu toate acestea, în acest caz (din cauza fragmentării validatori giganți), eu sunt gata să facă schimb de timpul de JS-add-on de încărcare CSS prin onLoad la aspectul greșit și a pus un hack: condiția pentru a ascunde un link de la validatorului W3C.
Aici, din păcate, nu au fost de acord cu Google.)

În subsol. Sau să stea pe document.ready

1. Combinați toate css-urile într-una. Minimizați-le.
2. Activați compresia pentru ele. Dacă există nginx, modulul gzip_static și, împreună cu versiunea minimizată, stochează imediat comprimatul (style.css.min.gz)
3. În capul blocului să ai un css critic pentru principal, pentru fetița internă. Fie utilizați o critică combinată pentru principalele și cele interne.

Salavat Sitdikov. Dacă combinați toate CSS într-o singură dată, începe să se stabilească aspectul. Separarea logicii și a vizualizării nu are legătură cu acest proiect.
Critical CSS provoacă, de asemenea, probleme în aspect, deși oferă rezultate bune.







Articole similare

Trimiteți-le prietenilor: