7 pași pentru îmbunătățirea performanțelor css și javascript

Nimeni nu îi place site-uri lente. Nu este vorba despre dimensiunea fișierelor, ci despre modul în care browserul înțelege codul. În acest articol, vom lua în considerare câteva recomandări.







1. Nu vă repetați

Ar trebui să încercați să scrieți un cod în cascadă fără a se repeta. Nu este suficient să se folosească clase, este, de asemenea, necesar să se poată folosi în mod efectiv moștenirea. De asemenea, puteți utiliza aceleași proprietăți pentru diferite elemente (prin înscrierea acestora cu o virgulă).

În JS există multe obiecte și metode gata făcute, deci nu încercați să reinventați bicicletele.

2. Scrieți din dreapta în stânga

Spre deosebire de noi, browserele citesc selectorii de la dreapta la stânga. Dacă credeți că nu contează, este în zadar. De exemplu, acest selector este prost:

În acest caz, browserul va găsi mai întâi toate link-urile, apoi pentru fiecare dintre ele va căuta elementul div div, apoi elementul părinte cu id = "container" și, în cele din urmă, corpul.

7 pași pentru îmbunătățirea performanțelor css și javascript

E prea scump. În JS, puteți găsi o modalitate de ao face mai elegant. De exemplu:

Când scrieți stiluri CSS, încercați să faceți selectorii cât mai scurți posibil.

3. ID-ul este foarte rapid

Pentru eșantionarea elementelor, utilizați ID-shki atât în ​​CSS, cât și în JS. Ca alternativă la selectorii jQuery, utilizați instrumentele JS native (document.body) pentru a lucra cu DOM (dacă știți exact unde este elementul)

4. Scrieți selectori scurți

Amintiți-vă întotdeauna că selectorii de lungă durată cântăresc numai codul. De exemplu, dacă aveți un selector "ul li a", îl puteți rescrie cu ușurință în "ul a".

Nu utilizați JS oriunde și peste tot. Dacă puteți să o faceți fără ea, atunci nu îndreptați paginile. De exemplu, animația se poate face cu ajutorul CSS, dar cu ajutorul bibliotecilor yepnope sau modernizr, pentru a urmări dacă browserul acceptă această caracteristică sau acea caracteristică.

5. Declarați variabilele

Cei mai mulți oameni ignoră cuvântul cheie var. Puteți face acest lucru, dar în acest fel, creați variabile globale care pot afecta codul în alte funcții și așa mai departe.







Când utilizați cuvântul cheie var, creați variabile locale. Din aceasta puteți câștiga doar. De exemplu, în loc de acest cod:

este mai bine să scrieți acest lucru:

6. Folosiți funcțiile native cât mai des posibil

Programarea pentru mulți, cum ar fi magia neagră, vă permite să rezolvați probleme complexe. Adevărul este că fiecare operațiune are propriul preț. De exemplu, dacă faci 15 + 15 este mai ușor decât 2 * 15.

7 pași pentru îmbunătățirea performanțelor css și javascript

7. Folosiți mai puține imagini

Cu cât conectăm mai puține imagini, cu atât mai repede vor fi încărcate paginile. Deci du-te la înțelepciune.

Amintiți-vă aceste sfaturi în cap și vă vor ajuta să creați un site web rapid.

7 pași pentru îmbunătățirea performanțelor css și javascript

Prin obținerea de informații imediat prin două canale (vedere și auz), eficiența predării este mult mai mare decât învățarea din cărți. Și temele și testele online vă vor permite să gândiți constant în limba pe care o învățați și să vă verificați imediat cunoștințele!

7 pași pentru îmbunătățirea performanțelor css și javascript

7 pași pentru îmbunătățirea performanțelor css și javascript

Dacă doriți să învățați HTML mult timp, atunci am o veste bună pentru dvs.!

7 pași pentru îmbunătățirea performanțelor css și javascript

Dacă ați învățat deja HTML și doriți să treceți mai departe, următorul pas este să învățați tehnologia CSS.

7 pași pentru îmbunătățirea performanțelor css și javascript

Dacă doriți să înțeleagă conceptele de domeniu si hosting, învață cum să creeze o bază de date, încărca fișiere pe un site web prin intermediul unui server FTP, crea subdomenii, configurați cutiile poștale pentru site-ul și să monitorizeze participarea, acest curs este conceput special pentru tine!







Articole similare

Trimiteți-le prietenilor: