Како асинхроно учитати дугме Фацебоок?
Скоро сваки блог, веб локација има Фацебоок дугме за свиђање, дељење или праћење.
Као што можда знате, подразумевани Фацебоок код за друштвено дељење се учитава синхроно заједно са ресурсима ваше веб странице.
Ово ће повећати време учитавања ваше веб странице и оштетити СЕО резултат. То једноставно није СЕО, али такође квари корисничко искуство.
Сигуран сам да је дугме за дељење на Фејсбуку неопходно, али не као ваш стварни код који треба да се прикаже први. Постоји много блогова или веб локација које имају дуже време учитавања странице због подразумеваног Фацебоок кода.
Асинхроно коришћење Фацебоок кода ће вам помоћи да учитате своју веб страницу 0,5 – 1,5 секунди брже. Ово је оно што морате брже да учитате дугме Фацебоок лике, схаре или фоллов.
Ево кода из којег сам добио Фацебоок Девелопер за лајк и дељење на вдзвдз.цом
<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>
Зар није лако?
Ажурирање: нови исечци кода које нуди Фацебоок не захтевају горе јер укључује асинхронизацију скрипте коју већ можете видети у наставку.
<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>
Користите ВордПресс? Погледајте овај пост који објашњава како да оптимизујете перформансе без додатка. А ако тражите додатак за друштвене мреже који не успорава, топло препоручујем Новасхаре.
Сигуран сам да волите да се ваша веб страница брже учитава и надам се да ће вам ово помоћи.
Да ли сте уживали у читању чланка? Шта кажете на дељење са светом?