Waarom prestatie van belang is / Why performance is important – THEO-HERBOTS 💙EEN ANDERE MANIER VAN FOTOGRAFIE EN 💖 FOTOPLEZIER
20 maart 2018 Theo-Herbots-Blogger & Fotografie een nieuwe manier van Bloggen en Fotografie Blogging-Tips, Theo-Herbots-Wix-NL|Blogging-Tips Plaats een reactie
We willen dat gebruikers op een zinvolle manier interacteren met wat we voor het web bouwen. Als het een blog is, willen we dat mensen berichten lezen. Als het een online winkel is, willen we potentiële kopers kopers maken. Als het een web-app voor sociaal netwerken is, willen we dat bezoekers berichten schrijven, foto's uploaden en met elkaar communiceren.
Prestaties spelen een belangrijke rol bij het succes van een online onderneming, aangezien goed presterende sites gebruikers beter betrekken en behouden dan slecht presterende. Hier zijn enkele casestudy's over hoe prestaties de betrokkenheid en conversies voor verschillende websites hebben beïnvloed.
Pinterest herbouwde hun pagina's voor prestaties en realiseerde een 40% reductie in waargenomen wachttijden, waardoor het verkeer van zoekmachines en aanmeldingen met 15% toenam .
Door de gemiddelde laadtijd van de pagina met 850 milliseconden te verminderen, merkte COOK dat ze de conversies met 7% konden verhogen, het bouncepercentage met 7% konden verlagen en de pagina's per sessie met 10% konden verhogen .
Als hoge prestaties een troef zijn, is slechte prestaties een verplichting. Hier zijn enkele casestudy's waarin slechte prestaties een negatief effect hadden op bedrijfsdoelen:
Figuur 3 . Een vergelijking van het laden van pagina's op een zeer trage verbinding (boven) versus een snellere verbinding (onder).
Niet alle websites hoeven single-page-applicaties (SPA's) te zijn, omdat ze vaak uitgebreid gebruikmaken van JavaScript. JavaScript is de duurste bron die we op het web aanbieden voor byte , omdat het niet alleen moet worden gedownload, maar ook moet worden geparseerd, gecompileerd en uitgevoerd. Nieuws- en blogsites met geoptimaliseerde frontend-architectuur kunnen bijvoorbeeld goed presteren als traditionele multipage-ervaringen. Vooral als HTTP-caching correct is geconfigureerd en optioneel als een servicemedewerker wordt gebruikt.
Versnel de levering van bronnen met behulp van resource-hints . rel=preloadis een dergelijke resourcehint waarmee vroege ophaalacties met kritieke bronnen mogelijk zijn voordat de browser deze anders zou ontdekken. Dit kan een uitgesproken positief effect hebben op het renderen van pagina's en het verlagen van tijd tot interactiefals het oordeelkundig wordt gebruikt. rel=preconnectis een andere resource-hint die de latentie kan maskeren van het openen van nieuwe verbindingen voor bronnen die worden gehost op domeinen van derden .