Cuprins
Generarea unei aplicații web are mai multe repere, printre care avem două importante, primul este acela că respectă utilizatorul are nevoie și este ușor de utilizat, a doua este că este cel mai rapid posibil, astfel încât să nu trebuiască să așteptăm mai mult de o secundă pentru a încărca fiecare dintre secțiunile sale.Pentru a îndeplini această a doua etapă, trebuie să ne optimizăm aplicația odată ce prima este îndeplinită, adică, odată ce aplicația noastră își îndeplinește corect funcțiile, trebuie să extragem performanța maximă pentru a amplifica experiența utilizatorului.
Cunoașterea compoziției unei pagini web ne permite să înțelegem modul în care ajunge la browser și astfel să putem găsi punctele în care putem aduce unele îmbunătățiri, fiecare parte mică pe care o putem optimiza se va adăuga în cele din urmă pentru o experiență de utilizator îmbogățită.
Elementele de bază ale unei pagini sunt:
HTMLAcesta este codul sau textul din fișier, cu cât este mai mare cantitatea de cod, cu atât fișierul este mai greu, cu toate acestea, în text pur, este puțin probabil să ocupăm mult spațiu.
Fișiere JsEste limbajul complementar prin excelență, cum ar fi HTML este un text pur, cu toate acestea este puțin probabil să îl folosim în formă pură, așa că aproape întotdeauna va trebui să adăugăm fișiere .js a noastra HTML care conțin biblioteci și funcționalități, dacă este posibil să ocupăm mult spațiu, deoarece bibliotecile sunt în general extinse.
Foi de stil CSSSunt fișiere sau cod pe care le inserăm în HTML care ne permite să modelăm modul în care browserul va afișa web utilizatorul, precum și Javascript putem folosi biblioteci care ocupă spațiu.
MultimediaAceasta este cea mai grea secțiune, în multimedia vom avea tot ce ține de imagini, videoclipuri și audio pe care le putem încorpora pe pagina noastră, aceasta este, prin urmare, partea care adaugă mai multă greutate de descărcare aplicației noastre.
Să vedem în următoarea diagramă cum arată explicat:
Prin urmare, dacă dorim o pagină mai rapidă, trebuie să fim mai eficienți atunci când organizăm conținutul, de exemplu, folosind imagini optimizate pentru web, făcând cea mai mică cantitate de cod posibil utilizând cele mai bune practici, folosind fișiere minimizate, folosind conținut comprimat etc. .
Cu aceasta încheiem acest tutorial, înțelegând această anatomie a unei pagini, putem obține informațiile de bază de care avem nevoie pentru a începe optimizarea, deoarece dacă folosim un pic de logică și micșorăm o 30% sau 40% Din greutatea paginii vom crește ușurința descărcării și, prin urmare, viteza.V-a plăcut și ați ajutat acest tutorial?Puteți recompensa autorul apăsând acest buton pentru a-i oferi un punct pozitiv
