03/19/2024

Încărcați mai repede butonul Facebook Like și Share

Cum să încărcați butonul Facebook în mod asincron?

Aproape fiecare blog, un site web are un buton Facebook de like, share sau follow.

După cum probabil știți, codul implicit de partajare socială Facebook este încărcat sincron împreună cu resursele paginii dvs. web.

Acest lucru va crește timpul de încărcare a site-ului dvs. și va deteriora scorul SEO. Pur și simplu nu este SEO, ci strică și experiența utilizatorului.

Sunt sigur că butonul de partajare socială Facebook este esențial, dar nu este codul dvs. real de afișat mai întâi. Există multe bloguri sau site-uri web care au un timp de încărcare a paginii mai mare din cauza codului Facebook implicit.

Folosind codul Facebook asincron vă va ajuta să vă încărcați pagina web cu 0,5 – 1,5 secunde mai rapid. Acesta este ceea ce trebuie să încărcați mai repede butonul Facebook de like, distribuire sau urmărire.

Iată codul de la care am luat Dezvoltator Facebook pentru like și share la tipstrick.ro.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>

Acum, tot ce trebuie să adaug este să urmăresc singura linie din codul meu, ceea ce va ajuta la încărcarea mai rapidă a butoanelor.

js.async=true;

Deci codul modificat ar fi:

<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>

Nu este ușor?

Actualizare: noile fragmente de cod oferite de Facebook nu necesită mai sus, deoarece includ script asincron pe care deja le puteți vedea mai jos.

<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>

Folosești WordPress? Consultați această postare care explică cum să optimizați pentru performanță fără un plugin. Și dacă sunteți în căutarea unui plugin de social media care nu încetinește, vă recomand cu căldură Novashare.

  Cum să remediați jocurile Facebook care nu se încarcă în Google Chrome

Sunt sigur că vă place pagina dvs. web să se încarce mai repede și sper că acest lucru vă va ajuta.

Ți-a plăcut să citești articolul? Ce zici de împărtășirea cu lumea?

x