Daftar isi
Sebelum itu pastikan bahwa situs sobat sudah ada iklan adsense nya kalau tidak mau gimana pakai Tips ini :v
Mempercepat Loading Adsense di Blog
Langsung ke Tutorial sob, pada artikel ini Admin akan membahas 3 cara yaitu preload, lazyload, amp dari masing-masing cara ini memiliki kelebihan dan kekurangan masing-masing jadi harap pilih mana yang menurut sobat paling optimal.
Pertama buka Blog > Klik Tema > Klik Edit HTML
Kedua sobat pilih salah satu cara dibawah ini
Pertama buka Blog > Klik Tema > Klik Edit HTML
Kedua sobat pilih salah satu cara dibawah ini
Ada Tiga Cara Mempercepat Loading Adsense
Menggunalan Link Preload
<script async='async' src='//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js'/>
Kemudian hapus kode diatas tapi sisakan 1 dan simpan diatas kode </body>Kedua tambahkan kode berikut tepat dibawah <head>
<link as='script' href='https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js' rel='preload'/>
Sehingga hasilnya akan terlihat seperti ini
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width,minimum-scale=1"/>
<meta name="description" content="This is Description"/>
<link as='script' href='https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js' rel='preload'/>
<style>
/* Add your styles here */
</style>
<link rel="canonical" href="."/>
<title>My Page</title>
</head>
<body>
<h1>Pintarsaurus</h1>
<script async='async' src='//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js'/>
</body>
</html>
Menggunakan Lazy Load Ads
<link as='script' href='https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js'
Karena akan menggunakan Lazyload Adsense, sebab itu sobat hapus semua kode dibawah ini<script async='async' src='//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js'/>
Jika sudah sobat tambahkan kode berikut tepat diatas penutup </body><script>
//<![CDATA[
var lazyadsense = false;
window.addEventListener("scroll", function(){
if ((document.documentElement.scrollTop != 0 && lazyadsense === false) || (document.body.scrollTop != 0 && lazyadsense === false)) {
(function() { var ad = document.createElement('script'); ad.type = 'text/javascript'; ad.async = true; ad.src = 'https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js'; var sc = document.getElementsByTagName('script')[0]; sc.parentNode.insertBefore(ad, sc); })();
lazyadsense = true;
}
}, true)
//]]>
</script>
Menggunakan Amp
Pertama sobat tambahkan kode berikut tepat dibawah <head>
<link as='script' href='https://cdn.ampproject.org/v0/amp-ad-0.1.js' rel='preload'/>
<link as='script' href='https://cdn.ampproject.org/v0/amp-auto-ads-0.1.js' rel='preload'/>
Hasilnya akan terlihat seperti ini<!doctype html>
<html amp="amp" lang="en">
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width,minimum-scale=1"/>
<meta name="description" content="This is the AMP Boilerplate."/>
<link rel="preload" as="script" href="https://cdn.ampproject.org/v0.js"/>
<link as='script' href='https://cdn.ampproject.org/v0/amp-ad-0.1.js' rel='preload'/>
<link as='script' href='https://cdn.ampproject.org/v0/amp-auto-ads-0.1.js' rel='preload'/>
<link rel="preconnect dns-prefetch" href="https://fonts.gstatic.com/" crossorigin=""/>
<script async src="https://cdn.ampproject.org/v0.js"></script>
<script async='async' custom-element='amp-ad' src='https://cdn.ampproject.org/v0/amp-ad-0.1.js'/>
<script async='async' custom-element='amp-auto-ads' src='https://cdn.ampproject.org/v0/amp-auto-ads-0.1.js'/>
<!-- Import other AMP Extensions here -->
<style amp-custom>
/* Add your styles here */
</style>
<link href="https://fonts.googleapis.com/css?family=Inconsolata" rel="stylesheet"/>
<style amp-boilerplate>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible.selected}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible.selected}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible.selected}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible.selected}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible.selected}}</style><noscript><style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript>
<link rel="canonical" href="."/>
<title>My AMP Page</title>
</head>
<body>
<h1>Pintarsaurus</h1>
</body>
</html>
Jadi sobat pilih cara yang mana dari ketiga diatas ? jika belum paham bisa berkomentar :)
ditunggu kunjungan baliknya gan fernn,id
Mampir bro di blog ane https://downloadgratisterbaik.blogspot.com