Upočasnjevanje strani: facebook like and g+ gumb

4 naročniki

Spletne strani trenutno izdelujem le kot hobi, zato sem po pomoč prišel sem, kjer upam da mi boste lahko pomagali. Pred kratkim sem prvič naredil spletno stran s uporabo AJAX-a. Zadeva dela res v nulo, tako kot mora. Ko klikam na linke v meniju se spletne strani nalagajo instantno.

Edino ko se prvič spletna stran nalaga traja malo dlje, recimo 1,4 sec na mojem chromebooku. Ampak če dodam še zraven facebook like in g+ gumb se nalaganje upočasni za vsaj 1 sekundo. Mislim, da medtem ko se nalagata ta gumbka uporabnik ne more navigirat po meniju in more počakat še tisto sekundo.

Mogoče se to vam sliši malo neumno, ampak za izziv sem si postavil, da naredim spletno stran, ki se bo nalagala čim hitreje.

Na spletu sem našel neke jQuery rešitve, ampak rad bi probal brez tega, saj mora potem spletna stran nalagati še jQuery, ki ga za nič drugega ne potrebujem.

Hvala za vašo pomoč. :)

Edit:
Sem spletno stran testiral na svojem PC-ju in se nalaga brez problema. Lahko navigiram po meniju tudi med nalaganjem facebook in g+ gumba (ki traja 1 sekundo).

Zgleda da je problem v chromebooku, da je vse malo (res minimalno) počasneje?

Normalno je to. Če nimaš top shit računalnika, zna nalaganje trajat po sekundo za vsak gumbek.

To seveda ni nič čudnega, saj FB naloži in izvede okoli 200kB javascripta vsak pageload.

Z async loading (#xfbml=1) lahko pospešiš zadevo kolikor se pač da.

Sam sem zadevo rešil na naslednji način:
- HTML od FB/G+/twitter vtičnikov encodaš in jo izpišeš v vrednost hidden inputa z nekim classom (ta input je postavljen na enakem mestu, kot bodo kasneje ti vtičniki)
- jQuery (verjetno lahko to narediš tudi s klasičnim JS) ondocument ready prebere value vseh teh inputov in jih zamenja z decodano vrednostjo le-teh.

S tem se pridobi dobra sekunda pri nalaganju strani, kar med drugim vpliva tudi na SERP.