Cara mengatasi masalah render blocking dipagespeedinsights

by

helmy

CARA MEMPERBAIKI MASALAH JS CSS YANG MEMBLOKIR PERENDERAN

Capture 2 Cara mengatasi masalah render blocking dipagespeedinsights

Selamat Datang di Blog Orang IT . Cerita Adnow dimulai 2 tahun yang lalu, ketika sekelompok geek digital
yang memiliki hobi di bidang pemasaran digital, RTB dan Big Data
memutuskan untuk membuat hybrid baru dalam format iklan native. Format
ini dirancang untuk melayani iklan dan untuk membantu pengunjung dalam
menemukan konten baru yang benar-benar menarik. Format ini pun
memungkinkan untuk menggunakan spanduk media dan native ads dalam
kampanye yang sama, yang sangat berguna untuk klien dan agensi dalam
menjalankan kampanye promosi merk. Ide “menayangkan iklan yang menarik
dan konten” adalah ide yang cukup jelas, tetapi solusi teknis yang
rumit.

Dibutuhkan waktu lebih dari 1 tahun bagi tim Adnow untuk
mengembangkan prototipe platform pertama. Efektivitas algoritme tersebut
cukup mengesankan mulai dari tahap pertama. Hal ini menjadi mungkin
karena dari awal co-founder kami telah bekerja dengan RTB, Big Data,
media buying, kampaye pay per click dan iklan mobile selama 10-14 tahun
terakhir. Kombinasi semangat dan pengalaman juga mendukung dalam
peningkatan platform ini dan hanya dalam 2 tahun berhasil menjadi
perangkat yang efektif.

Setelah 3 tahun dan pada tahun 2017 Adnow dengan rasa bangga menjadi
platform dengan lebih dari 150 000 mitra, melayani lebih dari 6 miliyar
tayangan setiap bulannya di 107 negara. Walaupun masih jauh dari
sempurna, tetapi kami puas dengan capaian sejauh ini. Kerja keras setiap
harinya dalam meningkatkan produk dan algoritma untuk menyediakan
pendapatan tertinggi bagi kedua belah pihak – pengiklan dan penerbit.
Ya, kami berkembang, kami internasional, tetapi juga kami masih haus dan
siap untuk bekerja keras lagi dan lagi. Dan itulah mengapa kami dapat
menawarkan mitra dan klien kami lebih dari jaringan lain!
Sampai saat in 2018 adnow telah digunakan oleh 140.000 publisher , 1700 pengiklan dan ditayangkan di 114 negara
Hadeh postingan kali ini bukan membahas mengenai adnow ya , hanya saja semua script yang berasal dari iklan baik javascript atau CSS seringkali mengalami pemblokiran render saat dicek dipagespeed insight kebetulan saja iklan blog helmykkediri.com berasal dari adnow
Memiliki skor di google pagespeed insight 100/100 adalah dambaan bagi setiap pemilik blog mereka mencoba mengoptimalkan blog nya agar mencapai skor tinggi seperti itu , masalahnya setelah skor tinggi diperoleh pemilik blog harus menambahkan berbagai script termasuk iklan kedalam blognya , salah satunya bagi pengguna adnow akan mengalami masalah pemblokiran render pada javascript  red render blocking javascript
Dengan adanya javascript dari iklan adnow yang diblokir saat proses perenderan membuat skor anda turun , nah bagaimana supaya tidak turun ? coba ikuti tips berikut

Memperbaiki render blocking JS digoogle pagesped insights

Pertama cari dulu kode iklan anda baik di edit html atau melalui widget tataletak , ini adalah contoh script iklan blog helmykkediri.com
<div id=”SC_TBlock_409556″ class=”SC_TBlock”>loading…</div>
<script type=”text/javascript”>
(sc_adv_out = window.sc_adv_out || []).push({
id : “409556”,
domain : “n.ads1-adnow.com”
});
</script>
<script type=”text/javascript” src=”//st-n.ads1-adnow.com/js/adv_out.js”></script>
Lihat pada bagian kode yang saya mark kuning, tambahkan atribut async di dalamnya, sehingga menjadi seperti ini:
<div id=”SC_TBlock_409556″ class=”SC_TBlock”>loading…</div>
<script type=”text/javascript”>
(sc_adv_out = window.sc_adv_out || []).push({
id : “409556”,
domain : “n.ads1-adnow.com”
});
</script>
<script async=”async” type=”text/javascript” src=”//st-n.ads1-adnow.com/js/adv_out.js”></script>
Simpan dan cek kembali digoogle pagespeed insight saya yakin masalah perenderan terblokir sudah berhasil diatasi otomatis skor anda juga naik sekali lagi

Capture 1 Cara mengatasi masalah render blocking dipagespeedinsights

Dengan menambahkan async tidak akan mempengaruhi kinerja iklan anda hanya saja ada satu efek yang ditimbulkan , yaitu kode iklan akan benar-benar dimuat setelah blog anda selesai ditampilkan  70%

Related Post