Cara Mempercepat Loading Iklan Adsense Pada Blog Memakai Lazy Load
Cara Mempercepat Loading Blog Menggunakan Lazy Load. Lazy Load yakni teknik yang dipakai oleh para blogger untuk menunda pemuatan halaman yang tidak penting. Lazy Load pada awalnya hanya bekerja pada Platform WordPress. Namun ketika ini Lazy Load sudah jauh berkembang dan sanggup di terapkan pada Platform Blogger.
Salah satu hal yang menimbulkan Loading Blog Lambat yakni Iklan Google Adsense. Pada setiap iklan Google Adsense terdapat isyarat Javascript yang dimuat bersamaan pada sebuah halaman. Artinya semakin banyak iklan yang Anda pasang maka akan semakin banyak pula isyarat Javascript yang harus dimuat pada halaman tersebut. Lantas Apa yang harus kita lakukan?. Salah satu caranya yakni memakai teknik Lazy Load.
Baca Juga : Cara Melaporkan Artikel Yang Dicopas Ke Google DMCA Terbaru 2019
Lazy Load sanggup mempercepat Loading Blog. Hal ini dikarenakan kita sanggup memakai teknik ini untuk menunda pemuatan halaman yang tidak penting dan menjalakan terlebih dahulu halaman blog atau artikel yang di muat. Salah satu penyebab sebuah blog menjadi lebih lambat atau bahkan sangat lambat yakni pemuatan isyarat iklan yang mengandung Javascript. Oleh alasannya yakni itu kita harus mengurangi isyarat ini memakai Lazy Load biar lebih efisien.
Pertanyaannya Bagaimana Cara Mempercepat Loading Iklan Adsense Pada Blog Menggunakan Lazy Load ?. Caranya yakni dengan menghapus isyarat Javascript yang memperlambat loading dalam hal ini Kode Javascript Google Adsense dan menggantinya dengan isyarat modifikasi Javascript Lazy Load.
Lazy Load hanya bertugas menunda halaman tertentu dimuat dan akan halaman yang ditunda tersebut akan tampil setelah loading halaman artikel tampil. Hal ini akan terlihat halaman iklan sebagai halaman kotak kosong namun tetap akan tampil nantinya. Proses penundaan ini hingga pengunjung Scroll halaman blog atau artikel yang dibaca. Nah, setelah itu barulah iklan akan tampil dan tampil lebih tepat dibandingkan tanpa Lazy Load.
Pada kesempatan ini gammafisblog.com akan membahas tutorial perihal Cara Mempercepat Loading Iklan Adsense Pada Blog Menggunakan Lazy Load. Jika Anda ingin memakai teknik ini pada blog Anda. Maka perhatikan klarifikasi berikut ini dan ikuti langkah demi langkah. Jika ada yang tidak mengeti maka segera bertanya melalui kolom komentar.
Dalam menerapkan teknik Lazy Load pada iklan Google Adsense, maka ada dua tahapan yang harus Anda lakukan. Tahap pertama yakni Anda harus menghapus semua isyarat Javascript pada iklan Google Adsense. Untuk mengganti isyarat Javascript tersebut maka Anda harus menambahkan kode Lazy Load tepat di atas </body> atau </body>
Pada tutorial kali ini saya memakai template Kompi Flexible. Jika Anda memakai template yang lain maka silahkan di sesuaikan. Karena isyarat ini sanggup dipasang pada semua template atau sanggup bekerja dengan baik pada Platform blogger.
Catatan Penting : Terkadang Kode Javascript pada langkah 3 telah di parse menjadi : <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> Kedua isyarat tersebut yakni sama. Anda harus menghapusnya jikalau ada.
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- Iklan-Bawah-Responsive -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-12345678910111213"
data-ad-slot="1234567890"
data-ad-format="auto"
data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
Kode Iklan Adsense Setelah Kode Javascript Dihapus
<!-- Iklan-Bawah-Responsive -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-12345678910111213"
data-ad-slot="1234567890"
data-ad-format="auto"
data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <script> (adsbygoogle = window.adsbygoogle || []).push({ google_ad_client: "ca-pub-1234567890111213", enable_page_level_ads: true }); </script>
Kode Setelah Dihapus
<script> (adsbygoogle = window.adsbygoogle || []).push({ google_ad_client: "ca-pub-1234567890111213", enable_page_level_ads: true }); </script>
Ingat : Kode tersebut yakni isyarat Lazy Google Adsense. Kode tersebut akan menciptakan iklan Adsense tampil setelah halaman Blog atau Artikel Anda tampil. Iklan Adsense tampil setelah Anda scroll halaman tersebut. Jadi, iklan Adsense tidak akan tampil sebelum pengunjung tepat ketika ingin Scroll halaman artikel blog.
Itulah artikel perihal Cara Mempercepat Loading Iklan Adsense Pada Blog Menggunakan Lazy Load. Semoga dengan mengikuti tutorial di atas makan loading blog Anda menjadi lebih cepat. Hal ini telah saya buktikan memakai tools PageSpeed Insights dan GTmetrix. Anda juga sanggup memakai tools tersebut untuk mengecek kecepatan loading blog sebelum dan setelah mengikuti tutorial ini.
Salah satu hal yang menimbulkan Loading Blog Lambat yakni Iklan Google Adsense. Pada setiap iklan Google Adsense terdapat isyarat Javascript yang dimuat bersamaan pada sebuah halaman. Artinya semakin banyak iklan yang Anda pasang maka akan semakin banyak pula isyarat Javascript yang harus dimuat pada halaman tersebut. Lantas Apa yang harus kita lakukan?. Salah satu caranya yakni memakai teknik Lazy Load.
Baca Juga : Cara Melaporkan Artikel Yang Dicopas Ke Google DMCA Terbaru 2019
Lazy Load sanggup mempercepat Loading Blog. Hal ini dikarenakan kita sanggup memakai teknik ini untuk menunda pemuatan halaman yang tidak penting dan menjalakan terlebih dahulu halaman blog atau artikel yang di muat. Salah satu penyebab sebuah blog menjadi lebih lambat atau bahkan sangat lambat yakni pemuatan isyarat iklan yang mengandung Javascript. Oleh alasannya yakni itu kita harus mengurangi isyarat ini memakai Lazy Load biar lebih efisien.
Pertanyaannya Bagaimana Cara Mempercepat Loading Iklan Adsense Pada Blog Menggunakan Lazy Load ?. Caranya yakni dengan menghapus isyarat Javascript yang memperlambat loading dalam hal ini Kode Javascript Google Adsense dan menggantinya dengan isyarat modifikasi Javascript Lazy Load.
Lazy Load hanya bertugas menunda halaman tertentu dimuat dan akan halaman yang ditunda tersebut akan tampil setelah loading halaman artikel tampil. Hal ini akan terlihat halaman iklan sebagai halaman kotak kosong namun tetap akan tampil nantinya. Proses penundaan ini hingga pengunjung Scroll halaman blog atau artikel yang dibaca. Nah, setelah itu barulah iklan akan tampil dan tampil lebih tepat dibandingkan tanpa Lazy Load.
Pada kesempatan ini gammafisblog.com akan membahas tutorial perihal Cara Mempercepat Loading Iklan Adsense Pada Blog Menggunakan Lazy Load. Jika Anda ingin memakai teknik ini pada blog Anda. Maka perhatikan klarifikasi berikut ini dan ikuti langkah demi langkah. Jika ada yang tidak mengeti maka segera bertanya melalui kolom komentar.
Cara Mempercepat Loading Blog Menggunakan Lazy Load
Dalam menerapkan teknik Lazy Load pada iklan Google Adsense, maka ada dua tahapan yang harus Anda lakukan. Tahap pertama yakni Anda harus menghapus semua isyarat Javascript pada iklan Google Adsense. Untuk mengganti isyarat Javascript tersebut maka Anda harus menambahkan kode Lazy Load tepat di atas </body> atau </body>
Pada tutorial kali ini saya memakai template Kompi Flexible. Jika Anda memakai template yang lain maka silahkan di sesuaikan. Karena isyarat ini sanggup dipasang pada semua template atau sanggup bekerja dengan baik pada Platform blogger.
Menghapus Kode Javascript Iklan Google Adsense
- Langkah pertama login ke akun blogger Anda, melalui blogger.com.
- Masuk ke hidangan edit HTML dengan cara Klik Tema >> Edit HTML
- Cari Kode dan hapus isyarat Javascript Adsense : Contoh kodenya yakni sebagai berikut : <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>. Gunakan CTRL + F untuk mempermudah pencarian. Jika tidak di temukan maka untuk mempermudah, cukup mencari isyarat “pagead2.googlesyndication.com”.
- Ingat : isyarat Javascript Adsense yang harus dihapus yakni Semua isyarat Javascript tersebut baik pada iklan Adsense yang Anda tambahkan ataupun isyarat iklan otomatis (SEMUANYA).
Catatan Penting : Terkadang Kode Javascript pada langkah 3 telah di parse menjadi : <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> Kedua isyarat tersebut yakni sama. Anda harus menghapusnya jikalau ada.
Contoh 1 : Menghapus Kode Javascript Iklan Adsense
Kode Iklan Adsense Sebelum Kode Javascript Dihapus<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- Iklan-Bawah-Responsive -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-12345678910111213"
data-ad-slot="1234567890"
data-ad-format="auto"
data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
Kode Iklan Adsense Setelah Kode Javascript Dihapus
<!-- Iklan-Bawah-Responsive -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-12345678910111213"
data-ad-slot="1234567890"
data-ad-format="auto"
data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
Contoh 2 : Menghapus Kode Javascript Iklan Adsense Otomatis
Kode Sebelum Dihapus<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <script> (adsbygoogle = window.adsbygoogle || []).push({ google_ad_client: "ca-pub-1234567890111213", enable_page_level_ads: true }); </script>
Kode Setelah Dihapus
<script> (adsbygoogle = window.adsbygoogle || []).push({ google_ad_client: "ca-pub-1234567890111213", enable_page_level_ads: true }); </script>
Mengganti Kode Javascript yang telah Dihapus
Setelah isyarat Javascript tersebut dihapus, maka Anda harus menambahkan satu isyarat yang telah dimodifikasi berikut ini untuk menggantikan isyarat Javascript tersebut. Kode ini yakni isyarat yang kondusif dipakai untuk Google Adsense. Hal ini alasannya yakni Google lebih menyukai sebuah blog dengan loading yang cepat. Banyak para blogger yang telah memakai trik ini untuk mempercepat loading.Cara Menggunakan Kode Lazy Load Google Adsense.
- Anda sanggup mendownload isyarat tersebut melalui link berikut ini : https://bit.ly/30bMDkD (Copy Link Tersebut)
- Tambahkan isyarat Lazy Load yang Anda download tepat di atas </body> atau </body>
- Klik Save Template
Ingat : Kode tersebut yakni isyarat Lazy Google Adsense. Kode tersebut akan menciptakan iklan Adsense tampil setelah halaman Blog atau Artikel Anda tampil. Iklan Adsense tampil setelah Anda scroll halaman tersebut. Jadi, iklan Adsense tidak akan tampil sebelum pengunjung tepat ketika ingin Scroll halaman artikel blog.
Gambar kepingan atas yakni sebelum ditambahkan isyarat Lazy Load dan kepingan bawah setelah ditambahkan Lazy Load (Gtmetrix.com).
Manfaat Kode Lazy Google Adsense
- Dengan teknik ini maka, loading halaman blog akan menjadi cepat. Hal ini dikarenakan halaman blog Anda tidak lagi di muat bersamaan dengan iklan.
- Iklan Adsense akan tampil dengan tepat dan bahkan semua daerah yang Anda pasang iklan akan tampil dengan sempurna.
- Membuat pengunjung bahagia alasannya yakni tidak perlu menunggu usang untuk sanggup membaca artikel tersebut.
- Memangkas Kode Javascript yang berulang pada halaman ketika dimuat.
Itulah artikel perihal Cara Mempercepat Loading Iklan Adsense Pada Blog Menggunakan Lazy Load. Semoga dengan mengikuti tutorial di atas makan loading blog Anda menjadi lebih cepat. Hal ini telah saya buktikan memakai tools PageSpeed Insights dan GTmetrix. Anda juga sanggup memakai tools tersebut untuk mengecek kecepatan loading blog sebelum dan setelah mengikuti tutorial ini.
Comments
Post a Comment