Cuprins
În aplicațiile web trebuie să facem câteva lucruri mici pentru a obține performanțe mai bune, în viața reală de producție nu există cu adevărat o rețetă care să fie valabilă pentru toate cazurile, există pur și simplu recomandări care pot fi aplicate și ulterior evaluate dacă merg conform planului.Unul dintre lucrurile care pot îmbunătăți întotdeauna performanța este reduce dimensiunea răspunsului, întrucât în acest fel browserul trebuie să descarce mai puține date și, prin urmare, trebuie să utilizeze o lățime de bandă mai mică, deși cu viteza actuală a conexiunilor la Internet nu pare să conteze, dar în realitate totul are un pic de influență.
Una dintre acțiunile principale pe care le putem întreprinde pentru a reduce dimensiunea răspunsului din aplicația noastră este de a plasa scripturile extern, împreună cu instrucțiunile CSSAcest lucru se face astfel încât browserul clientului să poată memora în cache conținutul acestor fișiere.
Se întâmplă că atunci când plasăm instrucțiunile în același fișier al vizualizării aplicației, crește mai întâi dimensiunea la care trebuie să răspundă aplicația, întrucât, pe lângă rezultatele de pe server, trebuie să adăugăm instrucțiunile atât Javascript Ce CSS și în al doilea rând, deoarece este un conținut variabil, browserul nu îl cache.
Pe de altă parte, când încărcăm aceste resurse suplimentare în fișiere separate, browserul le poate memora în cache și poate solicita doar conținut dinamic, deci dacă browserul știe deja ce fișiere va încărca și răspunsul este mult mai mic, vom vedea o îmbunătățire a performanței.
După cum vedem în imagine, prima încărcare determină browserul să descarce toate resursele, după ce le stochează în cache, vedem că încarcă doar răspunsul aplicației, demonstrând astfel ceea ce am explicat.
DezavantajeDupă cum am menționat la începutul tutorialului, aceasta este doar o recomandare pentru îmbunătățirea performanței, dar nu ar trebui să funcționeze neapărat în toate cazurile, există, de exemplu, un dezavantaj clar în acest sens și că plasarea fișierelor în diferite locuri crește solicitări HTTP, acest lucru pare a fi atenuat de utilizarea cache, dar ce se întâmplă dacă cache-ul nu este activat, browserele ar trebui apoi să descarce făcând multe cereri, reducând astfel avantajul pe care l-am fi putut câștiga.
Un lucru pe care l-am putea face este să lucrăm cu o combinație de tehnici pentru a accesa cele mai bune din fiecare lume, de exemplu, să facem o casă principală care încarcă scripturile în codul său și apoi să varieze conținutul prin AJAX, cu aceasta putem reduce numărul de solicitări și dimensiunea răspunsurilor. Desigur, va funcționa numai cu aplicații care nu sunt foarte extinse, deoarece dacă nu am putea pierde acest avantaj.
Cu aceasta încheiem acest tutorial, am văzut cum putem extrage un pic mai multă performanță din aplicațiile noastre folosind toate resursele pe care ni le oferă browserele și generând astfel o experiență mai bună pentru utilizator.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