Inhoudsopgave
In webapplicaties moeten we verschillende kleine dingen doen om betere prestaties te verkrijgen, in het echte productieleven is er niet echt een recept dat voor alle gevallen geldig is, er zijn gewoon aanbevelingen die kunnen worden toegepast en vervolgens kunnen worden geëvalueerd of ze volgens plan verlopen.Een van de dingen die de prestaties altijd kunnen verbeteren, is: responsgrootte verkleinen, aangezien de browser op deze manier minder data hoeft te downloaden en dus minder bandbreedte hoeft te gebruiken, hoewel dat met de huidige snelheden van internetverbindingen niet uitmaakt, maar in werkelijkheid heeft alles een beetje invloed.
Een van de belangrijkste acties die we kunnen ondernemen om de respons van onze applicatie te verkleinen, is om de scripts extern te plaatsen, dit samen met de instructies CSSDit wordt gedaan zodat de browser van de klant de inhoud van deze bestanden kan cachen.
Het komt voor dat wanneer we de instructies in hetzelfde bestand van de applicatieweergave plaatsen, eerst de grootte van waarop de applicatie moet reageren, toeneemt, omdat we naast de resultaten van de server de instructies zowel moeten toevoegen Javascript Wat CSS en ten tweede, omdat het een variabele inhoud is, slaat de browser het niet op in de cache.
Aan de andere kant, wanneer we deze extra bronnen in afzonderlijke bestanden laten laden, kan de browser ze in de cache plaatsen en alleen het verzoek om dynamische inhoud indienen, dus als de browser al weet welke bestanden hij gaat laden en de respons veel kleiner is, we zullen een verbetering van de prestaties zien.
Zoals we in de afbeelding zien, zorgt de eerste keer laden ervoor dat de browser alle bronnen downloadt, nadat het het in de cache heeft opgeslagen, zien we dat het alleen het antwoord van de toepassing laadt, waarmee wordt aangetoond wat we hebben uitgelegd.
nadelenZoals we aan het begin van de tutorial vermeldden, is dit slechts een aanbeveling om de prestaties te verbeteren, maar het zou niet noodzakelijk in alle gevallen moeten werken, hier zit bijvoorbeeld een duidelijk nadeel aan en dat is dat het plaatsen van de bestanden op verschillende plaatsen de verzoeken HTTP, lijkt dit te worden verzacht door het gebruik van cache, maar wat er gebeurt als de cache niet is geactiveerd, de browsers zouden dan veel verzoeken moeten downloaden, waardoor het voordeel dat we hadden kunnen behalen, wordt verminderd.
Een ding dat we zouden kunnen doen, is werken met een combinatie van technieken om toegang te krijgen tot het beste van elke wereld, bijvoorbeeld een hoofdhuis maken dat de scripts in zijn code laadt en vervolgens de inhoud varieert via AJAX, hiermee kunnen we het aantal verzoeken en de omvang van de reacties verminderen. Natuurlijk werkt het alleen met applicaties die niet erg uitgebreid zijn, want als we dit voordeel niet zouden kunnen verliezen.
Hiermee ronden we deze tutorial af, we hebben gezien hoe we wat meer performance uit onze applicaties kunnen halen door alle middelen te gebruiken die browsers ons bieden en op deze manier een betere gebruikerservaring te genereren.Vond je deze Tutorial leuk en heb je eraan geholpen?Je kunt de auteur belonen door op deze knop te drukken om hem een positief punt te geven