Innholdsfortegnelse
I webapplikasjoner må vi gjøre flere små ting for å oppnå bedre ytelse, i det virkelige produksjonslivet er det egentlig ikke en oppskrift som er gyldig for alle tilfeller, det er ganske enkelt anbefalinger som kan brukes og deretter evaluere om de går etter planen.En av tingene som alltid kan forbedre ytelsen er redusere responsstørrelsen, siden nettleseren på denne måten må laste ned mindre data og derfor må bruke mindre båndbredde, selv om det med dagens hastigheter på Internett -tilkoblinger ikke ser ut til å ha betydning, men i virkeligheten har alt litt innflytelse.
En av de viktigste handlingene vi kan gjøre for å redusere størrelsen på svaret fra applikasjonen vår, er å plassere skriptene eksternt, dette sammen med instruksjonene CSSDette gjøres slik at klientens nettleser kan lagre innholdet i disse filene.
Det hender at når vi plasserer instruksjonene i den samme filen i applikasjonsvisningen, stiger først størrelsen på det programmet må svare på, siden vi i tillegg til resultatene fra serveren må legge til instruksjonene både Javascript Hva CSS og for det andre, ettersom det er et variabelt innhold, lagrer ikke nettleseren det.
På den annen side, når vi får disse tilleggsressursene til å lastes inn i separate filer, kan nettleseren lagre dem i buffer og bare gjøre forespørselen om dynamisk innhold, så hvis nettleseren allerede vet hvilke filer den skal lastes inn og responsen er mye mindre, vi vil se en forbedring av ytelsen.
Som vi ser på bildet, får den første lasten nettleseren til å laste ned alle ressursene, etter at den har lagret den i hurtigbufferen, ser vi at den bare laster inn applikasjonens svar, og demonstrerer dermed det vi har forklart.
UlemperSom vi nevnte i begynnelsen av opplæringen, er dette bare en anbefaling for å forbedre ytelsen, men det bør ikke nødvendigvis fungere i alle tilfeller, det er for eksempel en klar ulempe i dette, og det er at plassering av filene på forskjellige steder øker forespørsler HTTP, synes dette å bli redusert ved bruk av cache, men hva skjer hvis hurtigbufferen ikke er aktivert, må nettleserne laste ned og gjøre mange forespørsler, og dermed redusere fordelen vi kunne ha oppnådd.
En ting vi kan gjøre er å jobbe med en kombinasjon av teknikker for å få tilgang til det beste fra hver verden, for eksempel lage et hovedhjem som laster inn skriptene i koden og deretter variere innholdet via AJAX, med dette kan vi redusere antall forespørsler og størrelsen på svarene. Selvfølgelig vil det bare fungere med applikasjoner som ikke er veldig omfattende, siden hvis vi ikke kunne miste denne fordelen.
Med dette fullfører vi denne opplæringen, vi har sett hvordan vi kan trekke ut litt mer ytelse fra applikasjonene våre ved å bruke alle ressursene som nettlesere tilbyr oss og på denne måten generere en bedre brukeropplevelse.Likte og hjalp du denne opplæringen?Du kan belønne forfatteren ved å trykke på denne knappen for å gi ham et positivt poeng