Hoe u uw website kunt versnellen voor betere zoekrangschikkingen

Artikel geschreven door:
  • Search Engine Optimization
  • Bijgewerkt: apr 24, 2018

* Opmerking: dit bericht is voor het eerst gepubliceerd in maart 2013. Sommige hulpprogramma's die ik hier noemde, zijn misschien verouderd.

Het is geen geheim dat Google sitessnelheid nu gebruikt als een van de rangordefactoren. Google Webmaster Central Blog heeft een aantal jaren geleden een officiële aankondiging gedaan:

Je hebt misschien gehoord dat we hier bij Google geobsedeerd zijn door snelheid, in onze producten en op internet. Als onderdeel van die inspanning nemen we vandaag een nieuw signaal op in onze zoekalgoritmen: sitesnelheid. Sitesnelheid geeft aan hoe snel een website reageert op webverzoeken ...

En Matt Cutts heeft herhaaldelijk gewezen op het belang van optimalisatie van de websitesnelheid in zijn videos blogs.

Tijdens het zoeken en lezen van meer over dit onderwerp, kwam ik verschillende casestudies tegen die bevestigen - in één artikel over Search Engine Watch, Work Coach Cafe kreeg extra 40% organische trafieken na het opschonen van de codes en verbroken koppelingen; op iemand anders case study, SmartFurniture.com CEO bevestigde dat de site een quantum voorsprong heeft genomen in de rankings van zoekmachines door simpelweg zijn site-prestaties te verbeteren.

Snellere laadtijd van pagina's komt ook overeen met een betere conversie

Maar wacht, er zijn meer redenen waarom u tijd zou moeten nemen om uw website te versnellen.

In een onderzoek naar gebruikers van reissites leerde ik dat 57% van websitegebruikers slechts drie seconden of minder wacht voordat ze een site verlaten.

De populair onderzoek bij Tagman, het laat zien dat een toename van één seconde in de laadtijd van de pagina bijna 7% verlies kan veroorzaken in klantconversies.

In een andere casestudy bij Cloud Living verbeterde de betrokkenheid van sitebezoekers met 19% (gemiddelde sessieduur, zie afbeelding) na optimalisatie van de sitesnelheid.

Snellere site = Meer paginabezoeken per sessie en langere sessieduur. Bron: Tung Tran, CloudLiving.com.

Kortom, de laadtijd van de pagina is niet alleen van invloed op de zoekresultaten, het heeft ook een grote invloed op de conversieratio en het bereik van bezoekers. Voor meer vergelijkbare statistieken, bezoek je Mashable hiervoor mooie infographic.

Gemakkelijke manieren om uw sitesnelheid te verbeteren

Toen ik voor het eerst over al deze twee jaar geleden hoorde, dacht ik: "Wauw, er zijn zoveel voordelen in dit!". Wat daarna komt, is onvermijdelijk de vraag 'hoe'. Hoe versnellen we onze websites? Hoe meten we de snelheid van onze website en vergelijken we die met anderen? Hoe krijgen we dingen voor elkaar zonder te veel technische details te krijgen?

Ian Lurie schreef 29 manieren om uw website te versnellen terug in maart 2011 en het is een echt juweeltje. Als je de snelheid van je website serieus wilt aanpassen, volg dan alle tips die in het artikel worden gedeeld.

Veel van deze oplossingen kunnen echter verder gaan dan de technische vaardigheden van dagelijkse website-eigenaren en bloggers.

Dus ik dacht dat ik dit onderwerp opnieuw zou bezoeken en naar eenvoudige manieren zou zoeken, zodat de niet-technische gebruikers kunnen implementeren zonder teveel tijd en energie te spenderen.

1. Slank je site af

In veel gevallen wanneer de laadtijd van een pagina langzaam is, betekent dit gewoon dat de pagina te zwaar is.

De oplossing is eenvoudig: ga op dieet!

Voer een grondige controle uit op uw website en stel uzelf deze vragen:

  • Bewaart u te veel ongebruikte CSS in de server? Verwijder ze!
  • Zijn uw afbeeldingen te groot? Optimaliseer ze met Photoshop, Fireworks of Smush It als er geen grafische software op uw pc is geïnstalleerd.
  • Heeft u overmatige HTTP-headers? Verwijder ze!
  • Houd je te veel spamcommentaar? Ongedaan gemaakte opmerkingen in uw spambox vertragen de responstijd van uw database. Verwijder ze zo snel mogelijk!
  • Gebruikt u te veel plug-ins op uw CMS? Gebruikt u verouderde plug-ins en scripts op uw site? Welnu, het is tijd om wat op te ruimen en werk bij te werken.
  • Is uw JavaScript te zwaar? Verklein en comprimeer het!

Hoewel deze tips vrij eenvoudig lijken, zal het me niet verbazen dat ervaren webmasters of webontwerpers het niet bijhouden.

Een paar jaar geleden was ik onzorgvuldig en wist ik niet dat het WordPress-thema dat ik gebruik een <? Php wp_get_archives ('type = maandelijks') heeft; ?> ingebed in het header.php bestand.

Onnodig te zeggen dat de functie in de loop van de tijd tientallen onnodige regels in HTML-bestanden genereert. Het is een dwaze fout die in seconden kan worden verholpen, maar toen duurde het meer dan 2 jaar om het te realiseren, omdat ik niet naar mijn eigen broncode keek.

2. Vermijd onnodige HTTP 300's, 400's en 500's

HTTP 300's verwijst naar serveromleidingen, HTTP 400's verwijst naar authenticatieproblemen en HTTP 500's verwijst naar serverfouten - al deze resultaten voor HTTP-aanvragen veroorzaken onnodige extra retourreizen * voor de browsers. Hoewel bepaalde HTTP 300's onvermijdelijk zijn (zoals 301-omleiding naar een nieuwe paginalocatie), moet u de fouten van elke HTTP 400 en 500 bekijken en proberen deze allemaal op te lossen.

* Wat is een retourtijd eigenlijk?

Algemeen gesproken, weegt een webpagina ruwweg 1,100KB in omvang en bestaat deze uit ongeveer 100-objecten (bron); een webbrowser kan alleen 2 aanvragen - 6-objecten tegelijk zijn afhankelijk van de configuratie van de gebruiker. Round Trip Times is het aantal retourreizen dat een browser nodig heeft om een ​​pagina volledig te openen. Om bijvoorbeeld een webpagina met 100-objecten te laden, neemt een browser die is geconfigureerd om 5-aanvragen tegelijkertijd te dragen 20-retourreizen om de webpagina te laden. Aangezien de kortere rondreistijden nodig zijn, wordt een webpagina sneller geladen; we moeten het aantal beschikbare objecten op één pagina minimaliseren.

3. Gebruik CSS Sprites

CSS Sprites verwijst naar de techniek waarbij meerdere afbeeldingen werden gecombineerd tot één afbeeldingsbestand en delen daarvan tegelijkertijd aan de gebruikers werden getoond. Door CSS Sprites te gebruiken, vermindert het aantal rondreizen van browsers waardoor webpagina's sneller worden geladen.

Nu wacht, ik weet dat dit misschien een beetje te veel lijkt voor sommigen van jullie die niet graag CSS nat maken, maar geloof me, het concept is veel eenvoudiger dan het klinkt. En het beste van alles, er zijn gratis tools online die dingen voor elkaar kunnen krijgen zonder de CSS-codes aan te raken. Uitchecken Sprite Me Sprite Pad - dingen kunnen worden gedaan in slechts een paar slepen en neerzetten en klikken.

Sprite Pad

Sprite Pad

Sprite Me

Sprite Me

Bezoek ook voor meer informatie en voorbeelden van CSS Sprites deze deze tutorial.

4. Vermijd het gebruik van CSS @import

CSS @ import-functie helpt bij het laden van externe stylesheets naar uw webpagina. Het slechte ding over dit is dat het eenvoudigweg extra browser round trip-tijden toevoegt en de laadtijd van uw webpagina's verhoogt. Om dit op te lossen, gebruikt u in plaats daarvan een <link> -tag.

Als je een informele blogger bent en geen idee hebt waar ik het over heb, kijk dan eens in je header.php (als je WordPress gebruikt), ctrl + F en zoek naar '@import', verplaats .css-bestanden naar dezelfde server indien nodig, vervang @import-lijnen door <link>.

Voorbeeld, vervangen

@import url ("../ style1.css"); @import url ("../ style2.css")

naar

<link rel = "stylesheet" href = "style1.css"> <link rel = "stylesheet" href = "style2.css">

5. Update uw CMS

Nou, dit is een goed idee, toch? Updates zijn bedoeld om de prestaties en beveiliging te verbeteren en het minste wat u voor uw bezoekers kunt doen, is om ze op een bijgewerkt CMS-platform te houden.

6. Cache Alles wat u kunt cachen

Tegenwoordig vertrouw ik in de meeste gevallen op een plug-in van derden voor caching. Ten eerste ben ik te lui om ernaar te kijken; ten tweede zijn er professionals die dingen veel beter kunnen dan ik, waarom zou ik mijn energie hierin verspillen? Als je WordPress gebruikt, probeer dan WP Super Cache - het is een van de meest populaire cache WP-plug-in op dit moment van schrijven. Als je Joomla bent, kijk dan eens Cache Cleaner.

Kortom, deze plug-ins helpen bij het cachen van de nieuwste versie van uw webpagina en verminderen de behoefte aan het genereren van dynamische inhoud tijdens een herhalingsbezoek.

Er zijn veel technische details om te crunchen in dit onderwerp, voel je vrij om meer te lezen op hier hier.

7. Ontvang een Content Delivery Network (CDN)

Een CDN slaat uw statische bestanden op servers over de hele wereld op en bedient uw webpagina's vanaf verschillende servers op basis van de locatie van de gebruiker. Wanneer een gebruiker uit Maleisië bijvoorbeeld toegang heeft tot uw website, levert het CDN uw webinhoud (voornamelijk statische bestanden zoals afbeeldingen en HTML-bestanden) van de server in Azië, bijvoorbeeld Singapore; aan de andere kant, als de gebruiker zich in Mexico bevindt, zal het netwerk ervoor kiezen om de inhoud van een serverlocatie in de buurt af te leveren, zeg Verenigde Staten.

Er zijn verschillende merken CDN beschikbaar, maar over het algemeen kan CDN in twee categorieën worden gegroepeerd: Trek aan CDN en druk op CDN. Voor meer details, stel ik voor dat je een kijkje neemt bij een aantal gerenommeerde CDN-services zoals MaxCDN CloudFlare.

8. Overweeg een betere webhost

Als u serieus bent over het sneller aanpassen van uw site, overweeg dan een betere hosting kiezen.

Ongeveer een jaar geleden schakelde ik een van mijn websites over van een shared hosting account op Hostgator naar WP Engine (een cloud-gebaseerde hosting). Alles veranderde drastisch sinds ik me bewoog, de gemiddelde paginalaadsnelheid van 900ms naar 500ms - een verbetering van bijna 100% (zie onderstaande grafiek).

WHSR pagina laadsnelheid

Geleerde les: soms kun je gewoon niet vertrouwen op goedkope dingen. Als u minder dan $ 5 per maand betaalt, verwacht dan niet dat u bovenop deze snelheidsgame komt. Als u wilt dat uw website verlichting snel laadt, is de eenvoudigste manier om dit te doen uw website naar een betere webhost te verplaatsen.

9. Optimaliseer uw database

Als u met MySQL werkt, kan alles eenvoudig worden gedaan op phpMyAdmin. En als u met WordPress werkt, kan het nog eenvoudiger met de juiste plug-in. WP Optimize, bijvoorbeeld, kunt u uw database opruimen in slechts een paar klikken.

10. Plaats uw scripts in de voettekst wanneer dat mogelijk is

Een eenvoudige manier om de laadtijd van uw pagina's in de weergave van bezoekers te verbeteren, is om, waar mogelijk, codes en scripts (bijvoorbeeld Google Analytics) aan het voetstuk te plaatsen. Hoewel ik geloof dat het nauwelijks helpt op het gebied van SEO, zal dit niettemin ervoor zorgen dat de kijkers van uw website het gevoel hebben dat de pagina sneller wordt geladen - omdat dit het mogelijk maakt kritische inhoud te laden voordat browsers de scripts uitvoeren.

Meer tips over het versnellen van uw website

Daar heb je nu mijn 10 snelle tips voor het verbeteren van de websitesnelheid.

Ik weet zeker dat er veel andere methoden zijn om de klus te klaren, waarom vertel je ons niet de jouwe - Wat zijn jouw #1 tips voor niet-techneuten om hun websites te versnellen?

Over Jerry Low

Oprichter van WebHostingSecretRevealed.net (WHSR) - een hostingreview die wordt vertrouwd en gebruikt door gebruikers van 100,000. Meer dan 15 jaar ervaring in webhosting, affiliate marketing en SEO. Bijdrager voor ProBlogger.net, Business.com, SocialMediaToday.com en meer.