Sadržaj
Generiranje web aplikacije ima nekoliko prekretnica, među kojima imamo dvije važne, prvu je da je u skladu s potrebama korisnika i jednostavan je za korištenje, drugo je da jest najbrže moguće, tako da ne moramo čekati više od sekunde da učitamo svaki njegov odjeljak.Da bismo ispunili ovu drugu prekretnicu, moramo optimizirati našu aplikaciju kada se ispuni prva, to jest, kad naša aplikacija pravilno izvrši svoje funkcije, moramo izvući maksimalne performanse kako bismo poboljšali korisničko iskustvo.
Poznavanje sastava web stranice omogućuje nam da razumijemo način na koji ona doseže preglednik i na taj način možemo pronaći točke u kojima možemo napraviti neka poboljšanja, svaki mali dio koji možemo optimizirati na kraju će se zbrajati za obogaćeno korisničko iskustvo.
Osnovni elementi stranice su:
HTMLOvo je kôd ili tekst u datoteci, što je veća količina koda, datoteka je teža, međutim u čistom tekstu malo je vjerojatno da ćemo zauzeti puno prostora.
Js datotekeTo je komplementarni jezik par excellence, poput HTML to je čisti tekst, međutim malo je vjerojatno da ćemo ga koristiti u čistom obliku, pa ćemo ga gotovo uvijek morati dodavati .js datoteke naše HTML koje sadrže knjižnice i funkcionalnosti, to je ako je moguće da zauzimamo puno prostora budući da su knjižnice općenito opsežne.
CSS tablice stilovaTo su datoteke ili kôd koji ubacujemo u naš HTML to nam omogućuje modeliranje načina na koji će preglednik korisniku prikazati web, kao i Javascript možemo koristiti knjižnice koje zauzimaju prostor.
MultimedijaOvo je najteži odjeljak, u multimediji ćemo imati sve vezano za slike, videozapise i zvuk koje možemo ugraditi na našu stranicu, stoga je to dio koji dodaje veću težinu preuzimanju našoj aplikaciji.
Pogledajmo na sljedećem dijagramu kako to objašnjava objašnjeno:
Govorimo da sav sadržaj gore opisane stranice ima težinu, pa to čini da kada podnesemo zahtjev iz našeg preglednika mora pričekati nekoliko trenutaka da nam pokaže rezultat, ovaj put čekamo preuzimanje datoteke sadržaj.
Stoga, ako želimo bržu stranicu, moramo biti učinkovitiji pri organiziranju sadržaja, na primjer pomoću slika optimiziranih za web, čineći najmanju moguću količinu koda korištenjem najboljih praksi, korištenjem minificiranih datoteka, korištenjem komprimiranog sadržaja itd. .
Ovime završavamo ovaj vodič, razumijevajući ovu anatomiju stranice, možemo dobiti osnovne informacije koje su nam potrebne za početak optimizacije, jer ako upotrijebimo malo logike i smanjimo 30% ili 40% Od težine stranice povećat ćemo njezinu jednostavnost preuzimanja, a time i brzinu.Je li vam se svidio i pomogao ovaj vodič?Autor možete nagraditi pritiskom na ovaj gumb kako biste mu dali pozitivan bod