Ik bekeek toevallig zonet even de framebron van een Facebook plugin op een pagina. Het verbaasde mij dat ik zo en beetje drie A4-pagina's kan vullen met deze code. Het lijkt mij dan ook dat zo'n plugin de laadtijd van een pagina erg kan vertragen. Is dit op te lossen? Hoe kijken jullie hier tegenaan?

Volgens mij wordt die code waarschijnlijk wel gecached op pc's, en dus je bezoekers.
Indien ze dus meerdere pagina's bezoeken die een dergelijke 'Like' knop hebben zal die dus snel laden.

Daarnaast denk ik dat facebook ook (net als Google) gebruik maakt van asynchroon laden van Javascript resources.

Ik ben er niet helemaal zeker van maar volgens mij zal de laadtijd ervan niet zo'n geweldig grote impact hebben op de laadtijd.
(Al kan het natuurlijk wel)

Origineel gepost door Dries Vandamme

Volgens mij wordt die code waarschijnlijk wel gecached op pc's, en dus je bezoekers.
Indien ze dus meerdere pagina's bezoeken die een dergelijke 'Like' knop hebben zal die dus snel laden.

Daarnaast denk ik dat facebook ook (net als Google) gebruik maakt van asynchroon laden van Javascript resources.

Ik ben er niet helemaal zeker van maar volgens mij zal de laadtijd ervan niet zo'n geweldig grote impact hebben op de laadtijd.
(Al kan het natuurlijk wel)

Hoi Dries,

Ik ben dan wel technisch niet goed onderlegd, maar je reactie maakt het er wel duidelijker op. Dank je. Maar is niet elke code net iets anders? Ik heb niet zo'n zin om te gaan vergelijken, wellicht dat jij je antwoord al paraat hebt.

Origineel gepost door Joél Gm

Hoi Dries,

Ik ben dan wel technisch niet goed onderlegd, maar je reactie maakt het er wel duidelijker op. Dank je. Maar is niet elke code net iets anders? Ik heb niet zo'n zin om te gaan vergelijken, wellicht dat jij je antwoord al paraat hebt.

Het kan best dat de code per user verschillend is (of er meerdere factoren een rol spelen)
- Echter: Als het om een gewone website gaat zou ik er niet mee inzitten om een Like knop op je website te plaatsen.

De hele (technische) uitleg staat hier: https://developers.facebook.com/docs...ce/javascript/

This code loads the SDK asynchronously so it does not block loading other elements of your page. This is particularly important to ensure fast page loads for users and SEO robots.

The function assigned to window.fbAsyncInit is run as soon as the SDK is loaded. Any code that you want to run after the SDK is loaded should be placed within this function and after the call to FB.init. For example, this is where you would test the logged in status of the user or subscribe to any Facebook events in which your application is interested.

Het is dus zoals daar wordt uitgelegd. De laadtijd van jouw eigen pagina wordt niet beďnvloed door de Like button te plaatsen doordat de knop eigenlijk "gelijktijdig" met jouw pagina wordt geladen. De knop komt gewoon tevoorschijn wanneer die klaar is. (Dat kan dus ook zijn nadat jouw pagina al een aantal (mili)seconden op je gebruiker z'n scherm staat)

Hoe het zit met de bandbreedte

http://connect.facebook.net/nl_NL/al...64876726880028

- Dit houdt eigenlijk in dat de code zo goed als altijd zal gecached worden (per applicatie-id, of per verschillende like-knop).

Indien een bezoeker je website de 1e x bezoekt zal die de Javascript file downloaden, indien hij echter meerdere pagina's bezoekt/later terugkomt (en z'n cache niet heeft gecleared) zal de user het JS bestand uit z'n cache gebruiken. (En het dus niet opnieuw moeten gaan downloaden)
- Overigens zijn dergelijke Javascript bestanden zwaar geoptimaliseerd en verkleind voordat ze gebruikt worden. Het bestand is ongeveer 8 Kb groot, wat dus op zich ook niet zo heel veel is.