Ātrāk ielādējiet Facebook Like un Share pogu

Kā asinhroni ielādēt Facebook pogu?

Gandrīz katrā emuārā, vietnē Facebook ir poga Patīk, kopīgot vai sekot.

Kā jūs, iespējams, zināt, noklusējuma Facebook sociālās koplietošanas kods tiek ielādēts sinhroni kopā ar jūsu tīmekļa lapas resursiem.

Tas palielinās jūsu vietnes ielādes laiku un sabojās SEO rezultātu. Tas vienkārši nav SEO, bet arī sabojā lietotāja pieredzi.

Esmu pārliecināts, ka Facebook sociālās kopīgošanas poga ir būtiska, bet ne kā jūsu faktiskais kods, kas vispirms jāparāda. Daudziem emuāriem vai vietnēm ir lielāks lapas ielādes laiks noklusējuma Facebook koda dēļ.

Facebook koda asinhrona izmantošana palīdzēs ielādēt tīmekļa lapu par 0,5 – 1,5 sekundēm ātrāk. Tas ir tas, kas jums ir ātrāk jāielādē Facebook patīk, kopīgojiet vai sekojiet pogai.

  Piespiediet Facebook noteikt sīktēlus un saites, kopīgojot URL

Šeit ir kods, no kura es saņēmu Facebook izstrādātājs lai atzīmētu like un kopīgotu vietnē pcdream.lt.com

<div id="fb-root"></div>
<script>(function(d, s, id) {    
var js, fjs = d.getElementsByTagName(s)[0];    
if (d.getElementById(id)) return;    
js = d.createElement(s); js.id = id;    
js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&appId=xxxxxxxxxx&version=v2.0";    
fjs.parentNode.insertBefore(js, fjs);  
}(document, 'script', 'facebook-jssdk'));</script>

Tagad viss, kas man jāpievieno, ir sekot vienai rindai manā kodā, kas palīdzēs ātrāk ielādēt pogas.

js.async=true;

Tātad modificētais kods būtu šāds:

<div id="fb-root"></div>
<script>(function(d, s, id) {    
var js, fjs = d.getElementsByTagName(s)[0];    
if (d.getElementById(id)) return;    
js = d.createElement(s); js.id = id;  
js.async=true;    
js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&appId=xxxxxxxxxx&version=v2.0";    
fjs.parentNode.insertBefore(js, fjs);  
}(document, 'script', 'facebook-jssdk'));</script>

Vai tas nav viegli?

Atjauninājums: jaunajiem Facebook piedāvātajiem koda fragmentiem iepriekš nav nepieciešams, jo tas ietver skriptu asinhronizāciju, ko jau varat redzēt zemāk.

<div id="fb-root"></div>
<script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v7.0" nonce="JekfmCeX"></script>

Vai izmantojat WordPress? Apskatiet šo ziņu, kurā ir paskaidrots, kā optimizēt veiktspēju bez spraudņa. Un, ja jūs meklējat sociālo mediju spraudni, kas nepalēninās, es ļoti iesaku Novašare.

  Kā jūs varat atgūt atspējotu Facebook kontu

Esmu pārliecināts, ka jums patīk, ka jūsu tīmekļa lapa tiek ielādēta ātrāk, un es ceru, ka tas jums palīdzēs.

Vai jums patika lasīt rakstu? Kā būtu ar dalīšanos ar pasauli?