Tips | Plus UI - Optimization |
Tips untuk mengoptimalkan Blog
Di bawah ini adalah beberapa langkah yang dapat Anda ikuti untuk mengoptimalkan Blog Anda dengan Template Plus UI v2.6.
Melayani gambar Posting Blog dalam Format NextGen
Setiap kali Anda mengunggah gambar dari komputer Anda ke Blogger, gambar tersebut akan disajikan dalam png
atau jpg
format meskipun gambar tersebut dalam webp
.
Ketika Anda akan memeriksa skor PageSpeed Anda, itu akan merekomendasikan untuk menyajikan gambar dalam Format Gambar NextGen, yaitu WebP
atau AVIF
.
Jadi, bagaimana cara memperbaikinya dan menyajikan gambar dalam Format Gambar NextGen?
Kami tahu bahwa Google memiliki hosting gambar yang hebat. Untuk menyajikan gambar dalam format WebP cukup mudah, kita hanya perlu melakukan perubahan pada parameter src.
Gambar yang diunggah di Blogger memiliki src mirip seperti di bawah ini:
https://blogger.googleusercontent.com/img/b/.../.../s1280/Optimization_Plus_UI.webp
Untuk menampilkan gambar dalam format webp, tambahkan -rw
tepat setelah parameter ukuran, yaitu s1280-rw
. Sekarang, akan terlihat seperti yang ditunjukkan di bawah ini:
https://blogger.googleusercontent.com/img/b/.../.../s1280-rw/Optimization_Plus_UI.webp
Pro Tips: Selalu unggah gambar dalam .webp
format dan tambahkan -rw
tepat setelah parameter ukuran
Menambahkan Jump Breaks
Coba tambahkan jump break setelah paragraf pertama dari setiap posting.
Anda dapat menambahkan jump break dengan menambahkan <!--more-->
melalui tampilan HTML.
Lazyload Adsense Script
Lihat di postingan ini.
Cuplikan post custom di Hompage
Tambahkan kode berikut di bagian atas posting Anda dalam tampilan HTML untuk menampilkan cuplikan posting yang Anda inginkan di Beranda, Halaman Peta Situs, Posting Terkait, dll.
<div class='hidden'>Some_Post_Snippets_Here</div> <!--more-->