Er zijn minder dingen die frustrerender zijn dan het laden van een website. Het is dan ook geen verrassing dat niet alleen mensen, maar ook zoekmachines proberen trage sites te vermijden. Met dat in gedachten, volgen hier enkele van de beste tips die u kunt implementeren om vervelende bezoekers te voorkomen en ze weg te sturen bij hun eerste bezoek aan uw website.
1. Stroomlijn uw code
De beste websitebouwer maakt het vrij eenvoudig om een website op te zetten. Hoewel hun uitgebreide set sjablonen u helpt uw website gemakkelijk te stylen, hebben ze één nadeel. Veel van de sjablonen hebben een rommelige code die uw website kan vertragen.
Om het probleem op te lossen, kunt u alle onnodige code en opmaak in uw HTML-, CSS- en JavaScript-bestanden verwijderen. Dit proces van het weghalen van het teveel wordt minifying genoemd en u kunt eenvoudige online tools zoals Will Peavy's minifier gebruiken om u op weg te helpen. WordPress-gebruikers kunnen de Autoptimize-plug-in gebruiken om het proces vrij eenvoudig te maken.
2. Comprimeer uw website
Het duurt niet lang voordat websites groot en zwaar worden. Alle afbeeldingen en zelfs de HTML-, CSS- en JavaScript-bestanden in platte tekst zwellen snel op. Een van de beste mechanismen om een website te versnellen, is om compressie met Gzip mogelijk te maken. Dit verkleint de omvang van de HTTP-respons, waardoor de responstijden verkort worden.
U moet de juiste compressiemodule op uw webserver inschakelen voordat u deze voor uw website inschakelt door het .htaccess-bestand te bewerken. De exacte stappen variëren en zijn afhankelijk van uw webserver, maar hier is hoe u het doet in Apache.
3. Optimaliseer afbeeldingen
Afbeeldingen zijn een van de dikste onderdelen van een website en meestal het langzaamst ladende element op een webpagina. Om het gedrag te beheersen, in plaats van grote afbeeldingen te schalen via HTML, begint u met het verkleinen van alle afbeeldingen op uw website tot de exacte grootte waarin u ze wilt hebben.
In feite zou u een lijst moeten bijhouden van de verschillende afbeeldingsformaten voor de verschillende elementen op uw website om ervoor te zorgen dat u nooit meer pixels uploadt dan u nodig heeft. Als je een website met veel afbeeldingen hebt, zou je ook moeten overwegen om deze te comprimeren. Een van de meest gebruikte tools voor dit doel is reSmush.
Het werkt met alle populaire contentmanagementsystemen (CMS) en heeft ook een Linux CLI-client voor het comprimeren van afbeeldingen voor gebruik op statische sites. U kunt ook Compressor.io gebruiken om meerdere afbeeldingen in een handomdraai samen te persen.
4. Lazy load multimedia
Lazy loading betekent dat afbeeldingen, video's en iframes pas worden geladen als gebruikers naar beneden scrollen en ze daadwerkelijk zien. Dit kan de initiële laadtijden van uw pagina's aanzienlijk verbeteren.
Eerder was dit iets dat u zou implementeren met behulp van JavaScript, maar niet lazy loading is ingebouwd in webbrowsers. WordPress-gebruikers hebben verschillende keuzes en twee van onze favorieten zijn Lazy Load van WP Rocket en a3 Lazy Load, dat is ontworpen voor mobiele apparaten.
5. Gebruik snelle links voor het delen van sociale media
Tegenwoordig wilt u dat mensen uw inhoud delen op sociale media. Op eenvoudige HTML-websites kunt u een tool voor het genereren van links gebruiken, zoals de gratis Share Link Generator, waarmee u sociale deellinks voor Facebook, Twitter, LinkedIn en Pinterest kunt maken zonder afhankelijk te zijn van iframes of JavaScript. Zoals gebruikelijk hebben WordPress-gebruikers geen tekort aan plug-ins die ze voor dit doel kunnen gebruiken, waaronder Social Warfare en Grow.
6. Verwijder nutteloze plug-ins
Een CMS zoals WordPress kan heel veel plug-ins bevatten die echt nuttige functionaliteit aan uw website kunnen toevoegen. Als u echter te veel plug-ins heeft, kan uw website langzamer gaan crawlen, en daarom zou u alleen plug-ins moeten uitvoeren die u echt nodig heeft.
Dat gezegd hebbende, niet alle plug-ins zijn even goed ontworpen en u kunt uw website versnellen door een plug-in te vervangen door een sneller alternatief. De online tool GTmetrix analyseert uw website gratis en toont u een lijst met plug-ins met hoge laadtijden. Overweeg om die plug-ins te vervangen, vooral als ze meerdere keren worden aangeroepen door een lichter alternatief.
WordPress-gebruikers kunnen ook de Query Monitor-plug-in gebruiken voor een gedetailleerde analyse van de plug-ins die op hun website worden gebruikt. Vergeet natuurlijk niet om de Query Monitor-plug-in zelf te verwijderen wanneer deze zijn doel heeft bereikt.
7. Verminder omleidingen
Omleidingen zijn vaak nodig wanneer u pagina's verplaatst en verwijdert, en zijn de beste manier om problemen met verbroken koppelingen op te lossen. Maar hoewel 301-omleidingen de voorkeur hebben boven 404-fouten, zijn ze nog steeds niet ideaal, omdat ze de tijd die de browser nodig heeft om de juiste versie van een pagina te bereiken, vertragen. U kunt de bulkomleidingscontrole van Screaming Frog gebruiken om de omleidingen op uw website te analyseren en het gebruik ervan te minimaliseren.
8. Maak minder HTTP-verzoeken
Het verminderen van HTTP-verzoeken is een goede manier om uw website te optimaliseren. Elk element dat u aan een pagina toevoegt, vertaalt zich in een HTTP-verzoek. Hoe meer de browser deze verzoeken moet doen, hoe langer het duurt voordat uw pagina volledig is geladen. Daarom zijn de resultaten van het terugdringen van het aantal verzoeken zeer indrukwekkend, ook al is er wat moeite voor nodig.
U kunt de ontwikkelaarstools in de browser gebruiken en naar het tabblad Netwerk gaan om de HTTP-verzoeken in detail te bekijken. Als je eenmaal een idee hebt van welke bestanden het langst nodig hebben om te laden, kun je zoeken naar bestanden die je kunt combineren (vooral CSS-bestanden) en bestanden die je helemaal kunt gebruiken.
9. Zet CSS voor scripts
Het correct plaatsen van uw stylesheets en scripts heeft invloed op hoe uw site wordt geladen. Je moet je CSS altijd bovenaan in de sectie plaatsen. Hierdoor kan de browser eerst uw CSS laden, zodat gebruikers de inhoud op uw site kunnen zien laden.
Javascript moet daarentegen zo dicht mogelijk bij de onderkant staan. Dit komt doordat de browsers het JavaScript eerst moeten parseren voordat het naar de volgende tag kan gaan. Als u de scripts voor de daadwerkelijke inhoud plaatst, zullen gebruikers naar een lege pagina staren terwijl de browser het JavaScript aan het crunchen is.
10. Ga waar mogelijk naar de oldschool
Door een scripttaal zoals PHP te gebruiken, kunt u dingen doen die niet mogelijk zijn met gewone HTML. Het verwerken van PHP duurt echter langer dan het parseren van HTML, dus vermijd het opvragen van informatie via PHP, als deze kan worden opgehaald met statische HTML.
Evenzo is het niet altijd een goed idee om het @import CSS-mechanisme te gebruiken om externe stylesheets op uw webpagina's op te nemen in plaats van de HTML-tag. Hoewel beide hetzelfde doel bereiken, verbruikt @import meer bronnen dan rechtstreeks naar uw stylesheets te linken.
11. Schakel caching in
Wanneer u een website bezoekt, worden alle elementen op de pagina op uw harde schijf opgeslagen in een tijdelijk opslaggebied dat de cache wordt genoemd. Dit is handig, want bij volgende bezoeken zal uw browser de pagina openen zonder nog een HTTP-verzoek naar de server te hoeven sturen.
Als u een WordPress-site beheert, kunt u een plug-in zoals de W3 Total Cache-plug-in gebruiken om eenvoudig caching in te schakelen. Als u daarentegen een statische HTML-site heeft, kunt u caching inschakelen door een zogenaamde Expires-header in uw .htaccess-bestand te gebruiken. Eenmaal ingeschakeld, zullen vervallen headers niet alleen de tijd besparen die nodig is om reeds in de cache opgeslagen bestanden te downloaden, maar zullen ze ook helpen het aantal HTTP-verzoeken te verminderen.
12. Spring schoon databases
De kans is groot dat u een CMS zoals WordPress of Joomla gebruikt om uw website te hosten. Terwijl je met je installatie speelt (plug-ins toevoegen en verwijderen, berichten maken en bijwerken, upgrades installeren en dergelijke), zal de database die de CMS aandrijft behoorlijk opgeblazen en traag worden. Om dit te voorkomen, moet u de WP-Optimize-plug-in gebruiken om de database regelmatig op te schonen.
13. Blokkeer hotlinking
Hotlinking vindt plaats wanneer iemand een afbeelding van uw site weergeeft door de weblink rechtstreeks te gebruiken. Elke keer dat het laadt, wordt de afbeelding geëxtraheerd van de server van de bronsite.
U heeft verschillende mogelijkheden om hotlinking te voorkomen. Veel bekende hosts bieden een schakelaar in de beheerinterface om hotlinking te voorkomen. Dan zijn er WordPress-plug-ins zoals All In One Security & Firewall die bescherming bieden tegen hotlinking. Ten slotte kunt u instructies toevoegen aan uw .htaccess-bestand.
14. Schakel de instelling Keep Alive in
Het Keep Alive-bericht wordt uitgewisseld tussen de webserver en een clientcomputer om dezelfde tcp-verbinding voor HTTP-conversatie mogelijk te maken in plaats van bij elk nieuw verzoek een nieuwe te openen. Keep Alive, ook wel bekend als een permanente verbinding, helpt de latentie voor volgende verzoeken te verminderen. De meeste hostingbedrijven, vooral in shared hosting, schakelen deze functie uit.
De instelling kan het beste worden beheerd door de webserver aan te passen. U kunt de standaardwaarde van de server echter opheffen door de volgende regels toe te voegen aan uw .htaccess-bestand:
Header set Connection keep-alive
15. Versnel WordPress
WordPress heeft verschillende plug-ins voor het verbeteren van de prestaties die helpen bij het optimaliseren van verschillende aspecten van de website. Een van de meest uitgebreide zijn perfmatters die veel van de veelgebruikte prestatieversnellingstechnieken gebruiken. Het goede aan deze premium plug-in is dat de meeste van zijn optimalisatietechnieken worden weergegeven via een eenvoudige gebruikersinterface, waardoor deze toegankelijk is voor alle soorten gebruikers.
16. Installeer Google PageSpeed
Google PageSpeed is een set open source-modules voor de Apache- en Nginx-webservers. Ze helpen uw website te optimaliseren door enkele van de nuttigste prestatieverbeterende technieken te implementeren, zoals de technieken die we in dit artikel hebben besproken. U kunt de modules downloaden en installeren op uw webserver als u deze bezit. Anders moet u op zoek naar een hostingprovider die dat wel doet. Gewoonlijk bieden webhosts dit alleen aan met hun eersteklas dedicated hostingplannen, hoewel sommigen zoals GoDaddy het op hun Linux-hostingservers installeren.
17. Verminder DNS-lookups
Een van de belangrijkste factoren die rechtstreeks van invloed zijn op hoe snel uw website wordt geladen, is de hoeveelheid tijd die nodig is voor DNS-lookups. Een DNS-lookup is het proces waarbij het IP-adres wordt gevonden dat aan een URL is gekoppeld.
Een manier om uw website te versnellen, is door het aantal unieke hostnamen te verminderen. Een kleiner aantal DNS-zoekopdrachten zal de reactietijd verkorten en ervoor zorgen dat websites sneller laden. Houd er ook rekening mee dat de hoeveelheid tijd die nodig is om de DNS-records op te vragen, afhangt van de snelheid van de DNS-provider.
Als u niet tevreden bent met de prestaties van uw DNS-provider, overweeg dan om over te schakelen naar een andere. DNSperf houdt de zoeksnelheid van de verschillende gezaghebbende DNS-providers bij.
18. Upgrade naar een betere webhost
Als u heeft geprobeerd uw website te versnellen, maar niet veel verschil heeft opgemerkt, kan het probleem uw webhosting zijn. Veel van de goedkoopste webhosts, vooral de gedeelde, zijn behoorlijk druk en gebruiken servers die niet over de middelen beschikken om voldoende aan elke website toe te wijzen. In plaats daarvan zou je wat tijd moeten besteden aan het onderzoeken van de verschillende aangeboden opties, voordat je je zoekt naar een host en het hostingplan voor je website.
19. Gebruik een netwerk voor het leveren van inhoud
Naast het overstappen naar een betere webhost, zou je ook moeten overwegen om een Content Delivery Network (CDN) te gebruiken. In tegenstelling tot uw server die zich op een specifieke locatie bevindt, gebruikt een CDN een netwerk van servers die in zekere zin uw inhoud naar servers over de hele wereld distribueren, waardoor deze in wezen dichter bij uw bezoekers komt, ongeacht hun locatie. CDN's versnellen een website door de fysieke afstand tussen de inhoud en de bezoekers te verkleinen. U kunt alle soorten inhoud hosten met CDN's en zelfs meerdere gebruiken om specifieke locaties te targeten.
20. Controleer de prestaties regelmatig
Een belangrijk aspect bij het afstemmen van uw website is om de prestaties in de gaten te houden. Dit helpt je niet alleen om de impact van een tweak te meten, maar zal, afhankelijk van de gebruikte tool, ook wijzen op aspecten van de website die aandacht behoeven. De website snelheidstest van Pingdom is een populaire online tool die niet alleen de laadtijden van pagina's test, maar ook de problemen aan het licht brengt.
Op dezelfde manier kunt u Google Test My Site gebruiken om de prestaties van uw website op mobiele apparaten te analyseren. Naast het geven van nuttige statistieken, deelt de tool ook aanbevelingen om u te helpen uw website sneller te maken voor mobiele apparaten.
- We hebben de beste WordPress-webhosting uitgelicht.