Pamula merupakan tema personal yang saya desain dengan beberapa referensi, Tema ini dibuat clean dan elegant untuk membuat lebeih fresh serta memaksimalkan fitur dari fungsi blogger agar dapat meminimalisir penggunaan javascript atau json blogger. Tema ini memiliki kecepatan super cepat seperti tema-tema yang saya share sebelumnya, tapi pada tema yang saya buat sekarang terus menggunakan fungsi javascript dan tidak ada jQuery di dalamnya. Kemungkinan kalian tidak akan paham karena terbiasa dengan jQuery. Pada tema ini kalian akan mendapatkan beberapa fitur menarik seperti : Kecepatan Loading Super Ngebut Dengan memiliki loading yang cepat pasti dapat membuat pengunjung menjadi lebih betah sebab tidak perlu cari Artikel serupa meskipun yang disebabkan oleh loading lambat. Saya sudah mencoba untuk mengetest kecepatan dengan bantuan dari GTmetrix dan Pagespeed. Untuk melihat hasilnya bisa cek gambar berikut: Kecepatan loading ini sudah saya test sendiri mengg...
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'/>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'<script async='async' src='//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js'/><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'/><!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 :)
Comments
Post a Comment
To insert a code use <i rel="pre">code_here</i>To insert a quote use <b rel="quote">your_qoute</b>To insert a picture use <i rel="image">url_image_here</i>To insert a video use <i rel="video">video</i>Tinggalkan komentar sesuai topik tulisan, komentar dengan link aktif tidak akan ditampilkan. Admin dan penulis blog mempunyai hak untuk menampilkan, menghapus, menandai spam, pada komentar yang dikirim.
Share this blogger template 💐
ReplyDeleteAlhamdulillah, saya pakai yang lazyload adsense blog saya makin wizz gan hehe
ReplyDeletesemakin wizz gan biar pembaca enak diblognya :)
Deletenih blog yg gw tunggu artikelnya, pintarsaurus
ReplyDeleteditunggu kunjungan baliknya gan fernn,id
baru update dan up lagi blog nya heeh, siap gan pasti dikunbal
DeleteJossss bro mantap jadi paham.
ReplyDeleteMampir bro di blog ane https://downloadgratisterbaik.blogspot.com
mantap pehamanya cepat heeh, pasti donk mampir ke blognya
Delete