În ce moduri și instrumente puteți optimiza descărcarea versiunilor mobile ale site-ului în legătură cu proiectarea web adaptivă? Uneori este necesar să se modifice frontend fără posibilitatea apariției unor modificări de server-side, astfel încât în căutarea pentru cea mai bună soluție, având în vedere acest punct.
Situația 1. Există 2 fișiere JSS și 2 css. Cum pot face doar încărcarea js # 1 și css # 1, în funcție de screen.width de exemplu?
Situația 2. În dom, există elemente cu clasa .only-desktop. în care sunt situate imaginile. Care este cea mai rapidă și cea mai bună modalitate de a împiedica încărcarea imaginilor în desktop-ul desktop?
presetat 4 Sep '15 la 21:09
Iată ghidul oficial de la Google, cu exemple.
În primul rând, utilizați una dintre soluțiile gata făcute. sunt anexate exemple. HeadJs. poate cea mai ușoară.
Regulile complexe pentru interogările media devin mult mai simple dacă folosiți orice preprocesor de stiluri și mixuri
Acest exemplu presupune că utilizați solicitați sau webpack care acceptă asamblarea plugin-urilor. Desigur, puteți folosi orice modalitate disponibilă de a injecta scripturi și resurse.
În același mod, puteți încărca o întrebare sau orice altă bibliotecă de mai sus din cdn, fără a schimba partea serverului.
- Potrivit acestui studiu. Cea mai eficientă modalitate de a împiedica încărcarea imaginilor este de a cascada proprietatea prin intermediul interogărilor @media
Răspunsul este dat 8 septembrie 15 la 23:40
Se pare că există un fel de optimizare prematură. Dacă într-adevăr aveți un astfel de serviciu excelent, atunci este mai ușor să generați layouts pentru dispozitivele de pe partea serverului, ca de exemplu Apple.
Pentru a încărca css în funcție de rezoluție, puteți specifica atributul media în eticheta de legătură
Ați scris despre modernizr.js, uitați-vă la yepnopejs cu el, puteți încărca stilurile și fișierele js de care aveți nevoie, în funcție de condiții.
Pentru a împiedica încărcarea simultană a imaginilor, utilizați atributul fake-src și scrieți url pentru fotografie, apoi utilizați JS pentru a înlocui urlul de imagine de la fake-src la src.
răspuns dat dat 8 Sep 15 la 17:15
Mulțumesc. Din păcate, uneori, este necesar să se modifice frontend fără posibilitatea apariției unor modificări de server-side, astfel încât în căutarea pentru cea mai bună soluție. Voi adăuga acest punct în întrebare pentru ao face mai clară. Având în vedere că termenul limită pentru întrebarea de concurs după 7 zile, de așteptare pentru celelalte opțiuni, acesta poate fi altceva interesant. - Viacheslav Soldatov 8 Sep 15 la 20:56
Articole similare
Trimiteți-le prietenilor: