Φορτώστε το κουμπί “Μου αρέσει” και “Κοινή χρήση” στο Facebook πιο γρήγορα

Πώς να φορτώσετε το κουμπί του Facebook ασύγχρονα;

Σχεδόν κάθε blog, ένας ιστότοπος έχει κουμπί like, share ή follow στο Facebook.

Όπως ίσως γνωρίζετε, ο προεπιλεγμένος κώδικας κοινωνικής δικτύωσης Facebook φορτώνεται ταυτόχρονα μαζί με τους πόρους της ιστοσελίδας σας.

Αυτό θα αυξήσει τον χρόνο φόρτωσης του ιστότοπού σας και θα βλάψει τη βαθμολογία SEO. Απλώς δεν είναι SEO, αλλά επίσης χαλάει την εμπειρία του χρήστη.

Είμαι βέβαιος ότι το κουμπί κοινοποίησης κοινωνικής δικτύωσης Facebook είναι απαραίτητο, αλλά όχι ως ο πραγματικός σας κωδικός που πρέπει να εμφανίζεται πρώτα. Υπάρχουν πολλά ιστολόγια ή ιστότοποι που έχουν μεγαλύτερο χρόνο φόρτωσης σελίδας λόγω του προεπιλεγμένου κώδικα του Facebook.

  Πώς να αποθηκεύσετε συνδέσμους στον Λογαριασμό σας Google αντί στο Facebook

Η ασύγχρονη χρήση του κώδικα Facebook θα σας βοηθήσει να φορτώσετε την ιστοσελίδα σας 0,5 – 1,5 δευτερόλεπτο πιο γρήγορα. Αυτό είναι που πρέπει να φορτώσετε το κουμπί like, share ή follow στο Facebook πιο γρήγορα.

Εδώ είναι ο κωδικός από τον οποίο πήρα Προγραμματιστής Facebook για like και share στο grtechpc.org.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>

Τώρα, το μόνο που έχω να προσθέσω είναι να ακολουθήσω τη μοναδική γραμμή στον κώδικά μου, η οποία θα σας βοηθήσει να φορτώσετε κουμπιά πιο γρήγορα.

js.async=true;

Άρα ο τροποποιημένος κώδικας θα είναι:

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

Δεν είναι εύκολο;

  4 τρόποι για να χρησιμοποιήσετε τη νέα επιλογή «Αποθήκευση» στο Facebook

Ενημέρωση: τα νέα αποσπάσματα κώδικα που προσφέρονται από το Facebook δεν απαιτούν τα παραπάνω καθώς περιλαμβάνει ασύγχρονα σενάρια που μπορείτε να δείτε παρακάτω.

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

Χρησιμοποιείτε WordPress; Ρίξτε μια ματιά σε αυτήν την ανάρτηση που εξηγεί πώς να βελτιστοποιήσετε την απόδοση χωρίς πρόσθετο. Και αν ψάχνετε για ένα πρόσθετο κοινωνικών μέσων που δεν επιβραδύνει, τότε το συνιστώ ανεπιφύλακτα Novashare.

Είμαι σίγουρος ότι σας αρέσει η ιστοσελίδα σας να φορτώνει πιο γρήγορα και ελπίζω αυτό να σας βοηθήσει.

Σας άρεσε να διαβάζετε το άρθρο; Τι θα λέγατε να μοιράζεστε με τον κόσμο;

  Πώς να αποσυνδεθείτε από έναν λογαριασμό Facebook σε όλες τις συσκευές