Kijk rond op internet en u zult veel statistieken vinden over hoe kort mensen bereid zijn te wachten tot een website is geladen voordat ze hun interesse verliezen (in dat geval moet u niet altijd de webhostingprovider de schuld geven).
Degenen met vaste breedbandverbindingen verwachten dat een website vrijwel onmiddellijk verschijnt, en zelfs mobiele gebruikers hebben geen oneindig geduld.
Lees meer: Offcloud
Volgens onderzoek is de optimale laadtijd voor een pagina drie seconden, hoewel de meeste sites dichter bij het dubbele of meer liggen. En als je veel verder gaat dan 10 seconden, zal de meerderheid van de mensen de pagina waarschijnlijk verlaten en ergens anders heen gaan.
Hoe lang het duurt voordat een webpagina in een browser verschijnt, hangt af van de factoren die zijn verdeeld over zowel de server als het clientapparaat aan de andere kant.
Hoewel het niet mogelijk is om alle gebruikers te versnellen vanwege zaken waarover de webontwerper geen controle heeft, is het praktisch om een site zo efficiënt mogelijk te maken en de prestaties voor de meeste bezoekers te verbeteren.
Verbeterde snelheid kan worden bereikt met een reeks verschillende methoden, maar er zijn drie centrale pijlers om de prestaties van de site te verbeteren. Dit zijn verbeterde hosting, site-optimalisatie en ook enkele platformspecifieke overwegingen.
- We hebben hier de beste webhostingservices gekozen
- Dit zijn de beste gratis webhostingbedrijven die er zijn
- En dat zijn momenteel de beste websitebouwers
Het belang van hosting
Hoeveel een site aan webhosting uitgeeft, is meestal in verhouding tot het aantal bezoekers dat op een bepaalde dag wordt verwacht, waarbij rekening wordt gehouden met hoe lang elke site blijft en hoeveel pagina's ze doorbladeren.
Dit is, naast bezorgdheid over de veiligheid, de belangrijkste reden waarom relatief weinig bedrijven intern sites hosten.
Meestal is webhosting ‘virtueel’ in de zin dat een specifiek stuk hardware niet aan de website wordt toegewezen, maar via virtualisatie met andere sites wordt gedeeld.
Het mooie van deze oplossing is dat er gemakkelijk meer middelen aan een site kunnen worden toegewezen in tijden van grote vraag, mits de hostingovereenkomst deze flexibiliteit mogelijk maakt.
Wat belangrijk is om te beslissen, is het verwachte verkeer dat u verwacht te ontvangen, en om uw service op de juiste manier te verbeteren.
Als u een snelgroeiende site heeft, maar vanwege het hostingniveau niet meer reageert wanneer er een stroom bezoekers opduikt, kan dit uw hele project ondermijnen. Plan daarom om klein te beginnen en vervolgens op te schalen wanneer de site volwassen is.
Site-optimalisatie
De prestaties van een website zijn erg afhankelijk van hoe deze is gebouwd en welke softwaretechnologie deze gebruikt.
Als u eenmaal een prototype-site heeft, is een van de eerste procedures die u moet uitvoeren, om elke pagina te beoordelen op hoelang het duurt om te laden. Er zijn talloze tools beschikbaar om de paginaprestaties te meten, en sommige zullen de timing opsplitsen om precies te bepalen wat de meeste vertraging op een bepaalde pagina veroorzaakte.
Dit testen is niet iets dat u maar één keer op een enkele pc zou moeten uitvoeren, aangezien uw bezoekers afkomstig zullen zijn van een groot aantal verschillende locaties, met verschillende breedbandverbindingen, en ze zullen verschillende soorten apparaten gebruiken.
Het is vooral van cruciaal belang dat mobiele platforms worden getest op zowel wifi als mobiele verbindingen. En in een ideale wereld is het verkrijgen van resultaten van afgelegen geografische locaties ook waardevolle informatie.
Nadat u deze prestatiegegevens heeft verzameld, is het tijd om terug te keren naar de site en te kijken welke wijzigingen u kunt aanbrengen om de gebruikerservaring te verbeteren.
Hier is een lijst met de zeven belangrijkste problemen die een site vertragen en die gemakkelijk kunnen worden verholpen.
1. Multi-source pagina's
Als een pagina bestaat uit elementen die afkomstig zijn van andere locaties, inclusief advertenties, kan dit een grote invloed hebben op de snelheid. De pagina wordt afhankelijk van hoe snel die elementen van buiten de site worden bediend, waardoor prestatieproblemen ontstaan.
Als het laden van een pagina herhaaldelijk te lang duurt, ga dan na wat de pagina vertraagt en verwijder de pagina.
2. Widgets en plug-ins
Te veel van deze componenten veroorzaken vrijwel dezelfde problemen als pagina's met meerdere bronnen, maar het is een probleem dat met name van invloed is op WordPress-sites. De verleiding om pagina's vooraf te laden met allerlei kalenders, geanimeerde knoppen, klokken, enzovoort, is sterk, maar u moet weerstand bieden.
Deze functies vereisen server-side code en client-side code om te worden uitgevoerd, en zullen vaak de presentatie van andere pagina-elementen onderbreken voordat ze zijn geladen.
3. Schalen van afbeeldingen
Websiteafbeeldingen mogen niet worden geschaald, tenzij het foto's zijn waarop u wilt klikken voor een presentatie van volledige kwaliteit.
Het opschalen ervan is ook slecht, omdat dit ze blokkerig maakt of compressie-artefacten onthult.
Door de afbeeldingen even groot te maken als ze zouden moeten worden bekeken, wordt de server en de clientbrowser ontlast en wordt voorkomen dat de gebruiker grotere afbeeldingen downloadt dan nodig is.
4. Incompatibele media
Er bestaat een groot aantal bestandstypen die ooit populair waren op de pc, maar nu effectief zijn opgeheven. Mobiele gebruikers hebben er geen toegang toe en de meeste desktopgebruikers zullen ook problemen ondervinden, tenzij ze nog steeds een plug-in uitvoeren op een oude browserversie.
Host in de regel geen video-, afbeeldings- of muziekindelingen die niet standaard werken met Google Chrome of Microsoft Edge. Het irriteert gebruikers als er elementen ontbreken op de website of als er vreemde fouten optreden.
5. Backend-code
Hoe vaak heb je een leuke functie gezien die aan een website kan worden toegevoegd met ‘slechts een korte regel code’? Er zijn er veel, en ze kunnen nuttig zijn. Ze veroorzaken echter vaak hoofdpijn voor een veel groter stuk code dat op de server wordt uitgevoerd om het codefragment iets nuttigs te laten doen.
Als u er teveel van hebt - omdat u die code op elke pagina plaatst - zal de server vastlopen bij het proberen deze verzoeken te verwerken in plaats van de sitepagina's te bedienen.
De meest voorkomende boosdoeners voor deze dingen zijn, ironisch genoeg, analyse en formulierverwerking. Maar code die andere taken aanpakt, kan ook een negatieve invloed hebben op de algehele prestaties.
6. Mobiele fouten
Een klassieke fout die van invloed is op mobiele gebruikers, is dat de doorverwijzing naar de mobiele versie van de site pas plaatsvindt nadat de meeste voor desktops bedoelde homepage wordt weergegeven op de telefoon of tablet.
Het resultaat is vaak lang wachten voordat de browser wordt weggevoerd naar de mobiele site, gevolgd door nog een vertraging voordat die wordt weergegeven.
Hoewel statistisch gezien mobiele platforms nog steeds enigszins achterlopen op conventionele computers in termen van surfen op het web, breidt mobiel surfen zich snel uit en zal zeer binnenkort de dominante manier zijn waarop de meeste gebruikers toegang zullen krijgen tot de meeste sites.
Daarom is aandacht voor de mobiele variant van elke site minstens zo belangrijk, zo niet belangrijker, dan de desktop-tegenhanger.
Omdat mobiele gebruikers vaak verbinding maken via 3G- of 4G-datadiensten zonder de consistente overdrachtssnelheden die gebruikers van bekabelde breedband kunnen verwachten, is het belang van snelle levering van webpagina's zelfs nog groter.
7. Gebruik compressie
Er zijn tal van manieren waarop het mogelijk is om ervoor te zorgen dat de bestanden waaruit de site bestaat, kleiner zijn en daarom sneller kunnen worden gedownload voor een bezoeker.
Er zijn wereldwijde servertechnologieën zoals Gzip die bestandsgroottes met wel 70% kunnen verkleinen, hoewel het kiezen van de juiste bestandstypen en compressieniveaus voor JPG.webp-bestanden ook prestatievoordelen kan opleveren.
Gzip vereist serveractivering en u kunt controleren of het actief is op uw server door deze site te gebruiken.
Het enige voorbehoud bij het gebruik van compressie is dat u die bestanden en mappen moet identificeren die u niet wilt comprimeren naar het systeem. Omdat reeds gecomprimeerde videobestanden en gecomprimeerde volumes (ZIP, RAR of LZH) niet verder kunnen worden uitgeperst.