Website Performance Killers: Social Buttons

Geschreven door: op vrijdag 3 juli 2015

Leestijd:

Dat bezoekers anno 2015 een snelle website verwachten zal geen verrassing zijn. De negatieve impact die Social Buttons op Website Performance is vaak minder bekend.

Hoe en waarom vertragen Social Buttons een website?

Buttons van de verschillende social media kanalen worden als eenvoudig te activeren widgets aangeboden door services als www.addthis.com en www.sharethis.com. Door het eenvoudige gebruik is de populariteit van deze tools snel toegenomen. De impact die deze tools hebben op de snelheid van een website is echter niet gering en wordt veroorzaakt door de grote hoeveelheid extra bestanden die enerzijds door de service (bijv. AddThis.com) en anderzijds door het sociale netwerk (bijv. Twitter) worden ingeladen. Hieronder een voorbeeld:

De volgende AddThis-widget:

AddThis-Widget

Laadt de volgende bestanden in:

Bestanden

Deze 5 bestanden van in totaal meer dan 600KB aan data vertragen een website om twee redenen:

  1. De browser moet deze bestanden downloaden. Bij een tragere internetverbinding (op bijvoorbeeld een smartphone) vertraagt deze actie de laadtijd van de webpagina;
  2. De browser moet de inhoud van deze bestanden uitvoeren. Bij een trager apparaat (wederom bijvoorbeeld een smartphone) vertraagt dit de laadtijd van de webpagina.

Wanneer we ook ‘tellertjes’ weergeven bij de AddThis-widget gebeurt het volgende:

De volgende AddThis-widget:

Add-This-Widget

Laadt de volgende bestanden in:

Bestanden I

Bestanden II

Bestanden III

Dat deze meer dan 15 bestanden met een totale bestandsgrootte van 1.000KB en website vertragen behoeft na bovenstaande geen aparte uitleg.

Website Performance Oplossing voor Social Buttons

Het minimaliseren van de impact van Social Buttons is eenvoudig: maak geen gebruik meer van de standaard-widgets die worden aangeboden door bovenstaande services of de social netwerken. Dit vraagt wat uitzoek- en ontwikkelwerk en komt vaak op het volgende neer:

  1. Zelf de afbeeldingen die bij de social share buttons horen verzamelen;
  2. Zoeken naar ‘direct share twitter URL’ of ‘direct tweet URL’ levert voor Twitter de volgende pagina op: https://dev.twitter.com/web/intents. Een pagina met een instructie over het opbouwen van een directe link.

Op basis van de ingrediënten onder (1) en (2) kan een technisch persoon op eenvoudige wijze een optimaal performante social share button bouwen.

Aan de slag met Website Performance?

Neem voor een verhelderend gesprek en een goede bak koffie contact met ons op via 072 5345 888 of vul bovenstaand contactformulier in.

 


Op De Hoogte Blijven?

Online Succes realiseren is een vak, een vak wat wij verstaan en waarover we je graag vertellen. Schrijf je in voor onze maandelijkse nieuwsbrief en blijf op de hoogte van trends, thema’s en succesverhalen.

Aanhef

Andere blogartikelen

Bel 072 5345 888
Meer dan 40 bedrijven vertrouwen op ons
allrig.jpg
aliancys.jpg
eriks.jpg
heinen_en_hopman.jpg
handicare_stairlifts.jpg
Onze Middelen en Technologieën
Microsoft partner
Adobe partner
Asp dotnet
Google analytics
Google adwords
TelefoonE-mail