Lambat Memuat AddThis: Gunakan async Mode untuk cepat Situs Web

AddThis lambat di website Anda? Pelajari cara memuat lebih cepat dengan menggunakan pembebanan asynchronous (mode async dari JavaScript). s7.addthis.com dan addthis_widget.js

A+ A-

AddThis adalah salah satu layanan bookmark terkemuka di Internet. Jutaan situs web di seluruh dunia menggunakan layanan ini untuk menampilkan jaringan dan berbagi tombol sosial seperti Facebook , Twitter , Google+ dll Tidak ada keraguan bahwa AddThis adalah layanan yang berguna dan membuatnya mudah untuk menyebarkan berita tentang situs web Anda -tapi nomor webmaster melakukan pengalaman beban kecepatan lambat setelah mereka telah menginstal AddThis plugin / widget.

Jika Anda menggunakan skrip AddThis seperti yang disediakan oleh AddThis-ada kemungkinan besar bahwa website Anda akan mengambil waktu secara signifikan lebih tinggi untuk beban. Anda dapat belajar bahwa script addthis_widget.js dari s7.addthis.com server mengambil terlalu banyak waktu untuk memuat.

Mari kita menyelidiki masalah ini dan melihat apa adalah solusi untuk ini.

Mengapa AddThis memperlambat situs web Anda?

Dalam rangka untuk menampilkan tombol jejaring sosial di website Anda, Anda perlu untuk mengintegrasikan sepotong AddThis JavaScript di kode situs web Anda. Hal ini membuat situs Anda tergantung pada kecepatan server AddThis karena website Anda harus mengambil JavaScript dari sana. Jika server mereka akan situs -Anda lambat juga akan lambat. Selain itu, penempatan kode AddThis dalam situs web Anda juga dapat menghambat pemuatan sebagai browser akan menunggu kode AddThis untuk sepenuhnya memuat sebelum melanjutkan ke depan.

pemuatan Asynchronous JavaScript dapat membuat website Anda memuat lebih cepat.

pemuatan Asynchronous JavaScript dapat membuat website Anda memuat lebih cepat.

Memuat lebih cepat dengan modus AddThis asynchronous (async)

Solusi untuk menyingkirkan kelambatan ini adalah untuk memuat naskah AddThis dalam mode asynchronous. Hal ini akan mencegah AddThis dari loading aset lain kecuali script awal. Setelah memuat naskah awal ini website Anda akan memutus sambungan dengan server AddThis dan beban itu sendiri lebih lanjut. Ketika website Anda Document Object Model (DOM) akan dimuat sepenuhnya, maka Anda dapat menghubungi init () fungsi AddThis JavaScript untuk melanjutkan pemuatan aset AddThis tersisa.

Untuk melakukan hal ini, hanya menambahkan parameter berikut untuk panggilan naskah Anda:

async = 1 & domready = 1

Jadi, alih-alih kode berikut:

<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4f3e33c72b9a4e40"></script>

Gunakan satu ini (mengubah parameter pubid untuk pubid Anda):

<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=<YOUR-PUB-ID>&async=1&&domready=1"></script>

Dan kemudian memanggil fungsi init () tepat sebelum menutup tag tubuh:

<!-- Call for AddThis init() function -->
<script>
    function initAddThis()
     {
          addthis.init()
     }
     initAddThis();
</script>

Jika Anda melakukan ini, Anda akan melihat bahwa Anda AddThis plugin / widget sedang loading lebih cepat dari sebelumnya. Tentu saja mungkin ada alasan lain yang mungkin memperlambat website Anda. Anda harus melihat ke alasan-alasan secara terpisah. Website Lambat tidak dianggap situs web berkualitas oleh Google.

Saya harap ini membantu! Biarkan aku tahu komentar Anda tentang hal ini!