[BLOG ORANG IT] Cara mengatasi render blocking dipagespeedinsights

CARA MEMPERBAIKI MASALAH JS CSS YANG MEMBLOKIR PERENDERAN


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 , masalah 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 yaki masalah perenderan terblokir sudah berhasil diatasi otomatis skor anda juga naik sekali lagi


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 diatas 30%


--
Posting oleh Blogger ke BLOG ORANG IT pada 4/30/2018 06:00:00 PM

Subscribe to receive free email updates:

0 Response to "[BLOG ORANG IT] Cara mengatasi render blocking dipagespeedinsights"

Posting Komentar