Upočasnjevanje strani: facebook like and g+ gumb
 
Syntax 21. apr 2012 07:26:25 Pridružen od:
7. maj 2011
7 objav
1 1 1
#1

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?


všeč(0) ni všeč(0) spam(0)
 
technolog 21. apr 2012 12:50:28 Pridružen od:
14. nov 2011
598 objav
768 300 22
#2

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.


všeč(0) ni všeč(0) spam(0)
Z linuxom že 7 let. Pro web development.
 
Matjaž 21. apr 2012 13:19:52 Pridružen od:
21. sep 2007
3505 objav
2603 308 45
#3

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


všeč(0) ni všeč(0) spam(0)
 
schtr4jh 21. apr 2012 13:49:10 Pridružen od:
24. nov 2008
402 objav
322 33 4
#4

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.


všeč(0) ni všeč(0) spam(0)
 
 

🔒 Za odgovor na to temo se moraš prijaviti.

Prijavi se