Jobnas
Menu CV Maker Menu

Lazyload Adsense

Erni Yati Erni Yati
1 tahun yang lalu

Jobnas.com - Saya akan menjelaskan secara detail, kenapa website lemot ketika dipasang code Adsense. Serta, solusi cara Mempercepat Loading Website karena masalah tersebut.

Pada dasarnya, Adsense adalah sebuah script yang mencoba menampilkan element yang diambul dari sumber eksternal. Sehingga akan ada jeda waktu untuk memproses mekanisme tersebut.

Untuk lebih detailnya, kita perlu merinci permasalahan tersebut. Sehingga bisa kita dapatkan pemecahan masalahnya secara terukur.

Penyebab Website Lemot Karena Adsense

AdSense adalah platform periklanan online yang memungkinkan pemilik website atau blog untuk memasang iklan di halaman website mereka. Penayangan tersebut membuat pemilik website atau blog mendapatkan penghasilan.

Penghasilan pemilik dipengaruhi dari pengunjung website mengklik iklan tersebut. Namun, penggunaan AdSense dapat mempengaruhi kecepatan loading website karena mekanisme kerjanya.

Penempatan Adsense pada blog ternyata memberi efeksamping terhadap pengalaman pengungjung blog. Efek samping dari penempatan Adsense antara lain; website menjadi lemot, tampilan sedikit tidak rapi dan pemilik harus mengatur optimasinya agar dapat bekerja secara maksimal.

Terkait website lemot karena adanya iklan Adsense, berikut saya rinci penyebab yang mempengaruhi kecepatan akses.

1. Mekanisme Pemuatan Code Adsense

Mekanisme kerja AdSense adalah dengan memuat kode JavaScript pada halaman website yang telah diberikan iklan.

Kode tersebut dapat memuat gambar, video, atau teks iklan yang akan ditampilkan pada halaman website.

Ketika sebuah halaman website diakses oleh pengunjung, browser pengunjung harus mengunduh semua file yang diperlukan untuk menampilkan halaman website, termasuk kode AdSense.

Jika terdapat banyak iklan atau kode AdSense yang harus diunduh, maka waktu loading website akan semakin lama.

Selain itu, penggunaan iklan yang tidak dioptimalkan juga dapat memperlambat kecepatan loading website.

Hal ini terjadi ketika ukuran iklan terlalu besar atau kode iklan tidak dioptimalkan untuk kecepatan loading website.

2. Jumlah iklan yang terlalu banyak

Jumlah iklan yang terlalu banyak dapat memperlambat waktu loading website karena iklan harus diunduh oleh browser sebelum halaman dapat ditampilkan.

Terlalu banyak iklan juga dapat mempengaruhi pengalaman pengguna dengan mengganggu konten dan navigasi website.

3. Ukuran iklan yang besar

Ukuran iklan yang besar, terutama iklan gambar atau video, dapat memperlambat waktu loading website karena membutuhkan waktu lebih lama untuk diunduh.

4. Penempatan iklan yang tidak tepat

Penempatan iklan yang tidak tepat atau terlalu banyak dapat mempengaruhi kecepatan loading website dan mempengaruhi pengalaman pengguna.

Iklan yang ditempatkan pada posisi yang tidak strategis atau menghalangi konten utama dapat membuat pengguna kesulitan dalam mengakses konten.

5. Penggunaan kode iklan yang tidak efisien

Kode iklan yang tidak efisien atau tidak dioptimalkan dapat memperlambat waktu loading website. Hal ini dapat terjadi jika kode iklan dihasilkan secara otomatis atau disalin dari sumber yang tidak terpercaya.

6. Penggunaan teknologi lama

Penggunaan teknologi lama atau tidak didukung oleh AdSense dapat mempengaruhi kecepatan loading website. Pastikan untuk menggunakan teknologi terbaru dan didukung oleh AdSense seperti HTML5 dan CSS3.

7. Masalah dengan server

Masalah dengan server atau koneksi internet juga dapat mempengaruhi kecepatan loading website. Pastikan server Anda berfungsi dengan baik dan koneksi internet stabil.

Solusi untuk Meningkatkan Kecepatan Website atau Blog yang Lambat karena Adsense

Untuk mengatasi masalah kecepatan loading website yang disebabkan oleh iklan AdSense, terdapat beberapa tindakan yang dapat dilakukan dengan angka-angka berikut ini:

1. Batasi jumlah iklan yang ditampilkan pada halaman website

Tindakan pertama yang dapat dilakukan adalah membatasi jumlah iklan yang ditampilkan pada halaman website. Menurut Google, maksimum iklan AdSense yang diperbolehkan adalah tiga iklan per halaman. Selain itu, penggunaan terlalu banyak iklan dapat memperburuk pengalaman pengunjung dan menurunkan performa website.

2. Gunakan ukuran iklan yang tepat

Penggunaan ukuran iklan yang tepat juga dapat membantu meningkatkan kecepatan loading website. Pilihan ukuran iklan yang tepat juga dapat membantu mempercepat waktu loading website kamu. Beberapa ukuran iklan yang paling umum digunakan adalah 300 x 250, 336 x 280, dan 728 x 90.

3. Tempatkan iklan dengan strategis

Penempatan iklan dengan strategis juga sangat penting untuk menghindari mengganggu konten utama dan navigasi website. Tempatkan iklan pada area yang mudah dilihat oleh pengunjung, seperti di atas atau di bawah konten utama. Hindari menempatkan iklan di tengah-tengah konten utama, karena hal ini dapat mengganggu pengalaman pengunjung dan menurunkan performa website.

4. Pastikan kode iklan yang digunakan dioptimalkan

Penggunaan kode iklan yang dioptimalkan juga dapat membantu meningkatkan kinerja website. Pastikan kode iklan yang digunakan efisien dan dioptimalkan agar waktu loading website tidak terlalu lama. Salah satu cara untuk mengoptimalkan kode iklan adalah dengan menggunakan teknologi terbaru dan didukung oleh AdSense seperti HTML5 dan CSS3.

5. Gunakan teknologi terbaru

Teknologi terbaru juga dapat membantu meningkatkan kinerja iklan pada website kamu. Gunakan teknologi terbaru dan didukung oleh AdSense seperti HTML5 dan CSS3 untuk memaksimalkan kinerja iklan pada website kamu. Dengan menggunakan teknologi terbaru, kamu dapat mempercepat waktu loading website dan meningkatkan pengalaman pengunjung.

6. Pastikan server website kamu berfungsi dengan baik

Pastikan server website kamu berfungsi dengan baik dan koneksi internet kamu stabil. Koneksi internet yang buruk atau server yang lambat dapat mempengaruhi kecepatan loading website kamu, sehingga membuat pengunjung website menjadi tidak nyaman. Pastikan server website kamu selalu di-update dan dikelola dengan baik agar dapat memberikan performa yang optimal.

7. Gunakan script Lazyload yang tepat

Lazyload Adsense adalah teknik pemuatan iklan AdSense yang memungkinkan iklan hanya dimuat ketika pengunjung website sudah sampai ke bagian bawah halaman.

Dengan teknik ini, iklan tidak dimuat pada saat website dibuka pertama kali, sehingga dapat membantu meningkatkan kecepatan loading website.

Teknik ini juga disebut dengan teknik "lazy loading", karena iklan "malas" dimuat pada saat website dibuka, tetapi dimuat hanya ketika pengunjung website menggulir halaman ke bawah.

Teknik ini sangat berguna bagi website yang memuat banyak iklan AdSense, karena dapat membantu meningkatkan performa website dan mempercepat waktu loading.

Ada beberapa jenis lazy load script yang bisa digunakan. Saya akan berikan beberapa jenis kode Lazyload Adsense yang bisa anda gunakan, pilih sesuai kebutuhan

Lazyload Adsense Versi 1

Pastikan kamu mengganti data-adsense-code="KODE_IKLAN_ADSENSE"

<script type="text/javascript">
  function lazyLoadAdsense() {
    var ads = document.getElementsByClassName("lazyload-adsense");
    for(var i=0; i<ads.length; i++) {
      if(isElementInViewport(ads[i])) {
        ads[i].innerHTML = ads[i].getAttribute("data-adsense-code");
      }
    }
  }
  function isElementInViewport(el) {
    var rect = el.getBoundingClientRect();
    return (
      rect.top >= 0 &&
      rect.left >= 0 &&
      rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) &&
      rect.right <= (window.innerWidth || document.documentElement.clientWidth)
    );
  }
  window.addEventListener("scroll", lazyLoadAdsense);
  window.addEventListener("resize", lazyLoadAdsense);
</script>
<!-- Tambahkan class "lazyload-adsense" pada div iklan AdSense -->
<div class="lazyload-adsense" data-adsense-code="KODE_IKLAN_ADSENSE"></div>

Lazyload Adsense Versi 2

Jika tidak ingin menggunakan lazyload di setiap code adsense, kamu bisa menggunakanya pada unit iklan tertentu.

// Deteksi Scroll
window.addEventListener('scroll', function() {
    // Jika pengguna telah men-scroll halaman, panggil fungsi untuk memuat iklan AdSense
    loadAdSense();
});
// Fungsi untuk memuat iklan AdSense
function loadAdSense() {
    // Buat elemen iklan AdSense
    var adElement = document.createElement('ins');
    adElement.className = 'adsbygoogle';
    adElement.setAttribute('data-ad-client', 'YOUR-AD-CLIENT-ID');
    adElement.setAttribute('data-ad-slot', 'YOUR-AD-SLOT-ID');
    adElement.setAttribute('data-ad-format', 'auto');
    adElement.setAttribute('data-full-width-responsive', 'true');
    // Letakkan elemen iklan AdSense di tempat yang diinginkan pada halaman
    var adContainer = document.getElementById('AD-CONTAINER-ID');
    adContainer.appendChild(adElement);
    // Muat iklan AdSense
    (adsbygoogle = window.adsbygoogle || []).push({});
}

Lazyload Adsense Versi 3

Kode adsense ini akan melazy semua script adsense, dan kamu hanya perlu menambahkan unit iklan mulai dari <--ins-->.

<script type='text/javascript'>
//<![CDATA[
if(window.location.href === "https://www.pewartanusantara.com/") { // ganti URL halaman beranda atau home page Anda
    // Kode tidak akan dijalankan di halaman beranda atau home page
} else {
    // Lazy Load AdSense
    var lazyadsense=!1;window.addEventListener("scroll",function(){(0!=document.documentElement.scrollTop&&!1===lazyadsense||0!=document.body.scrollTop&&!1===lazyadsense)&&(!function(){var e=document.createElement("script");e.type="text/javascript",e.async=!0,e.src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js";var a=document.getElementsByTagName("script")[0];a.parentNode.insertBefore(e,a)}(),lazyadsense=!0)},!0);
}
//]]>
</script>

Pastikan kamu menambahkanya di atas</footer> / </body

Dengan melakukan tindakan-tindakan di atas, kamu dapat membantu mempercepat loading website dengan iklan AdSense.