Tips Optimalisasi Template Plus UI V2.6 |
Di bawah ini adalah beberapa langkah yang dapat Anda ikuti untuk mengoptimalkan Template Blogger Plus UI v2.6 di blog anda.
Gambar Postingan Blog dalam Format NextGen
Setiap kali Anda mengunggah gambar dari komputer ke Blogger, gambar tersebut disajikan dalam format png atau jpg meskipun gambar tersebut dalam format webp. Ketika akan memeriksa skor PageSpeed , akan disarankan untuk menyajikan gambar dalam Format Gambar NextGen, yaitu WebP atau AVIF.
Jadi, bagaimana cara memperbaikinya dan menyajikan gambar dalam Format Gambar NextGen?. Untuk menyajikan gambar dalam format WebP cukup mudah, kita hanya perlu melakukan perubahan pada parameter src image. Gambar yang diunggah di Blogger, memiliki src image contohnya seperti di bawah ini.
https://blogger.googleusercontent.com/img/b/.../.../s1280/Optimization_Plus_UI.webp *) Untuk menyajikan gambar dalam format webp, tambahkan -rw tepat setelah parameter sizing, yaitu menjadi s1280-rw Sekarang, tampilannya akan seperti di bawah ini: https://blogger.googleusercontent.com/img/b/.../.../s1280-rw/Optimization_Plus_UI.webp *) Selalu unggah gambar dalam format .webp dan tambahkan -rw tepat setelah parameter ukuran.
Menambahkan Jump Break
Cobalah untuk menambahkan jump break setelah paragraf pertama dari setiap posting mode editor tampilan HTML. Anda dapat menambahkan jump break dengan menambahkan.
<!--more-->
Custom Post Snippets on Homepage
Tambahkan kode berikut di bagian atas posting Anda dalam mode editor Tampilan HTML untuk menampilkan cuplikan posting yang anda inginkan : di Homepage, Sitemap Page, Related Posts, dll.
<div class='hidden'>Teks cuplikan postingan anda disini</div> <!--more-->
Lazyload Adsense Script
Lazyload Adsense membantu meningkatkan Performa Situs Anda dan waktu pemuatannya. Jika Anda ingin memuat skrip adsense dengan lazyload, ada beberapa langkah yang harus diikuti.
Anda tidak boleh menggunakan adsense lazyload, saat sedang ditinjau, Anda harus menambahkan skrip adsense di bagian head saat itu. Disarankan untuk menggunakan lazyload adsense ketika Adsense telah menyetujui domain Anda, dan Iklan siap tampil di domain Anda.
Cari kode seperti di bawah ini:
<!--[ Defer Adsense script use shinsenter/defer.js ]--> <!--<script type='deferjs' src='https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-0000000000000000' crossorigin='anonymous'/>-->
Keterangan : Ganti angka yg di sorot dengan ID Publisher Adsense anda.
Kemudian cari kode seperti di bawah ini :
adsenseAds: { publisherId: caPubAdsense.replace('ca-pub-',''), /* Auto or replace with Publisher ID i.e. "000000000000", */ antiAdBClose: "true", /* "true", if you want to add a Close Button in Anti Ad Block popup */ ignoreMaxAge: "86400", loadType: "defer" /* lazy, defer, scroll */ }
Jika blog Anda terhubung dengan Adsense Anda, maka tidak perlu mengganti yang ditandai caPubAdsense.replace('ca-pub-','') .
Dan jika tidak terhubung dengan Adsense, maka harus menggantinya dengan ID Penayang Adsense Anda. Misalnya. ganti caPubAdsense.replace('ca-pub-','') dengan ID Publisher Adsense anda, misal : 0123456789012345.
Kemudian setel jenis pemuatan skrip. misalnya. lazy, defer atau scroll.
Saat menambahkan Unit Iklan, tambahkan bagian yang ditandai saja:
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-0123456789012345" crossorigin="anonymous"></script> <ins class="adsbygoogle" style="display:inline-block;width:728px;height:90px" data-ad-client="ca-pub-0123456789012345" data-ad-slot="7060116223"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script>
Source:
Fineshop Design