Tips om de snelheid van websites te verbeteren / hoe websites te versnellen

Hoe kunnen ontwikkelaars hun websites sneller laten laden?

Websitesnelheid heeft een enorme impact op gebruikerservaring, SEO en conversiepercentages. Het verbeteren van de prestaties van de website is essentieel voor het trekken van verkeer naar een website en het houden van bezoekers van de site betrokken. Hier bekijken we de stappen die ontwikkelaars kunnen nemen om een website sneller te maken:

Test website performance

Website speed tests beoordelen hoe een website presteert. Het regelmatig testen van een website kan ontwikkelaars helpen bij het bijhouden van prestaties downgrades of verbeteringen. Een snelheidstest moet ook helpen ontwikkelaars identificeren sommige of alle van de gebieden vertragen website prestaties, en waar de gebieden voor verbetering zijn.

er zijn tal van hoogwaardige locatiesnelheidstests voor het meten van de prestaties, waarvan vele gratis. WebPageTest.org (welke partners met Cloudflare) heeft een aantal gratis tests en produceert gedetailleerde uitsplitsingen van hoe snel individuele elementen van een pagina te laden. WebPageTest.org stelt ontwikkelaars ook in staat om websites te testen op verschillende apparaten en netwerkverbindingssnelheden.

Google biedt ook PageSpeed-inzichten voor gedetailleerde prestatietesten. Google Chrome DevTools kan ontwikkelaars ook helpen bij het beoordelen van de prestaties van hun site; het tabblad Netwerk toont alle HTTP-verzoeken, hoe groot de gevraagde activa zijn, en hoe lang aanvragen duren voordat ze worden voldaan.

gebruik een CDN (content delivery network)

CDN ‘ s verhogen de snelheid van websites door inhoud op meerdere locaties over de hele wereld in de cache te plaatsen. CDN – cachingservers bevinden zich meestal dichter bij eindgebruikers dan de host of origin-server. Aanvragen voor inhoud gaan naar een CDN-server in plaats van helemaal naar de hostingserver, die duizenden mijlen en over meerdere autonome netwerken van de gebruiker kan zijn. Het gebruik van een CDN kan resulteren in een enorme afname van de laadtijden van pagina ‘ s.

optimaliseer afbeeldingen

afbeeldingen maken een groot percentage van het internetverkeer uit en laden vaak het langst op een website, omdat afbeeldingsbestanden meestal groter zijn dan HTML-en CSS-bestanden. Gelukkig kan de laadtijd van afbeeldingen worden verminderd via beeldoptimalisatie. Het optimaliseren van beelden gaat meestal het verminderen van de resolutie, het comprimeren van de bestanden, en het verminderen van hun afmetingen, en veel beeld optimizers en beeldcompressoren zijn gratis online beschikbaar.

Minify CSS-en JavaScript-bestanden

minifying code betekent alles verwijderen dat een computer niet nodig heeft om de code te begrijpen en uit te voeren, inclusief code-opmerkingen, witruimte en onnodige puntkomma ‘ s. Dit maakt CSS en JavaScript bestanden iets kleiner, zodat ze sneller laden in de browser en nemen minder bandbreedte. Op zijn eigen, minification zal resulteren in slechts minimale snelheidsverbeteringen. Echter, uitgevoerd samen met deze andere tips, het zal resulteren in betere website prestaties.

verminder het aantal HTTP-aanvragen indien mogelijk

de meeste webpagina ‘ s vereisen dat browsers meerdere HTTP-aanvragen maken voor verschillende assets op de pagina, waaronder afbeeldingen, scripts en CSS-bestanden. In feite zullen veel webpagina ‘ s tientallen van deze verzoeken vereisen. Elk verzoek resulteert in een retourreis van en naar de server die de bron host, wat kan bijdragen aan de totale laadtijd voor een webpagina. Bovendien, met bronnen geladen van verschillende providers, een probleem met een van de hosts kan invloed hebben op de webpagina ‘ s vermogen om snel te laden, of helemaal niet.

vanwege deze potentiële problemen moet het totale aantal activa dat elke pagina moet laden tot een minimum worden beperkt. Ook moet een snelheidstest helpen bepalen welke HTTP-verzoeken de meeste tijd in beslag nemen. Bijvoorbeeld, als afbeeldingen een pagina langzaam laden, kunnen ontwikkelaars zoeken naar een snellere image hosting oplossing (zoals een CDN).

gebruik browser HTTP caching

de browser cache is een tijdelijke opslaglocatie waar browsers kopieën van statische bestanden opslaan zodat ze recent bezochte webpagina ‘ s veel sneller kunnen laden, in plaats van steeds dezelfde inhoud aan te vragen. Ontwikkelaars kunnen browsers instrueren om elementen van een webpagina in de cache te zetten die niet vaak zullen veranderen. Instructies voor browser caching ga in de headers van HTTP reacties van de hosting server. Dit vermindert de hoeveelheid gegevens die de server naar de browser moet overbrengen, waardoor de laadtijden voor gebruikers die vaak bepaalde pagina ‘ s bezoeken, worden verkort.

minimaliseer de opname van externe scripts

alle elementen van een webpagina met scripts die ergens anders worden geladen, zoals externe commentaarsystemen, CTA-knoppen of pop-ups met leadgeneratie, moeten telkens worden geladen wanneer een pagina wordt geladen. Afhankelijk van de grootte van het script kunnen deze een webpagina vertragen of ervoor zorgen dat de webpagina niet in één keer wordt geladen (dit wordt ‘content jumping’ of ‘lay-out shifting’ genoemd en kan vooral frustrerend zijn voor mobiele gebruikers).

gebruik geen omleidingen, indien mogelijk

een omleiding is wanneer bezoekers van een webpagina naar een andere pagina worden doorgestuurd. Omleidingen voegen een paar fracties van een seconde, of soms zelfs hele seconden, om pagina laadtijd. Bij het bouwen van een performance-geoptimaliseerde website telt elke seconde. Omleidingen zijn soms onvermijdelijk, maar ze moeten niet worden gebruikt als het niet nodig is.