Cara Mengatasi Render Blocking JS PageSpeed Insights Script Popcash

    Anda para Blogger sudah saya pastikan tidak asing lagi dengan yang namanya Popcash. Popcash adalah sebuah Popunder network, yaitu perusahaan yang menyediakan iklan yang berjenis popunder bagi para publishernya.

    Dengan 50.000 lebih para publisher aktif yang dimilikinya, membuat perusahaan periklanan ini semakin lama semakin terkenal, khususnya di kalangan Blogger pencari receh seperti kita ini. Cara memasang kode iklan yang mudah, proses pembayaran yang cepat, dan data yang detail membuat para publishernya semakin betah menggunakan iklan pop up yang satu ini.

    Tetapi, ada 1 masalah yang akan anda dapatkan setelah memasang kode iklan Popcash, yaitu skor kecepatan di Google PageSpeed Insights menurun. Hal ini disebabkan script iklan Popcash menyebabkan masalah Render-Blocking Javascript alias Javascript yang memblokir perenderan.

    Masalah ini jelas akan anda dapatkan, karena script iklan Popcash menggunakan Javascript yang dihosting eksternal, sehingga membuat script di-load secara langsung, bukan secara Async atau Defer.

    Oleh karenanya, kali ini saya ingin berbagi solusi untuk speed yang menurun akibat memasang iklan Popcash. Berikut tutorialnya...

    Solusi Render-Blocking JS Iklan Popcash


    Pertama, anda cari terlebih dahulu script iklan Popcash anda, biasanya terletak di atas </head> atau </body> di Edit HTML dan berbentuk seperti ini:

    <script type="text/javascript">
    var uid = 'XXXXXX';
    var wid = 'XXXXXX';
    </script>
    <script type="text/javascript" src="//cdn.popcash.net/pop.js"></script>

    Lihat pada bagian kode yang saya mark kuning, tambahkan atribut async di dalamnya, sehingga menjadi seperti ini:

    <script type="text/javascript">
    var uid = 'XXXXXX';
    var wid = 'XXXXXX';
    </script>
    <script async="async" type="text/javascript" src="//cdn.popcash.net/pop.js"></script>

    Simpan template anda dan lihat hasilnya. Saya bisa pastikan skor loading blog anda di PageSpeed Insights akan bertambah secara signifikan.

    Tenang saja, dengan memberikan atribut async ini tidak membuat iklan menjadi tidak bekerja lagi, alias tidak akan mengurangi pendapatan anda. Hanya ada satu efek yang ditimbulkan, yaitu iklan baru akan muncul setelah blog selesai di load sekitar diatas 30% dan user sudah melakukan klik.

    Nda ngerti maksud saya? Ya lewatkan saja...