|
| Fineshop Design | Plus UI - Optimization |
Tips untuk Mengoptimalkan
Berikut adalah beberapa langkah yang dapat Anda ikuti untuk mengoptimalkan Blog Anda dengan Template Plus UI v2.6.
Menayangkan Gambar Postingan Blog dalam Format NextGen
Setiap kali Anda mengunggah gambar dari komputer ke Blogger, gambar tersebut akan ditampilkan dalam format .png atau .jpg, meskipun gambar tersebut berformat .webp.
Saat Anda memeriksa skor PageSpeed Anda, aplikasi akan merekomendasikan untuk menayangkan gambar dalam Format Gambar NextGen, yaitu .WebP atau .AVIF.
Jadi, bagaimana cara memperbaikinya dan menayangkan gambar dalam Format Gambar NextGen?
Kita tahu bahwa Google memiliki layanan hosting gambar yang canggih. Menyajikan gambar dalam format .WebP cukup mudah, kita hanya perlu mengubah parameter src.
Gambar yang diunggah di Blogger memiliki src yang mirip dengan 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, misalnya s1280-rw. Sekarang, tampilannya akan seperti yang ditunjukkan di bawah ini:
https://blogger.googleusercontent.com/img/b/.../.../s1280-rw/Optimization_Plus_UI.webp
Tips Pro: Selalu unggah gambar dalam format .webp dan tambahkan -rw tepat setelah parameter ukuran.
Menambahkan Jump Break
Cobalah menambahkan jump break setelah paragraf pertama setiap postingan.
Anda dapat menambahkan jump break dengan menambahkan <!--more--> melalui tampilan HTML.
Skrip Lazyload Adsense
Lihat postingan ini.
Kustom Post Snippets di Beranda
Tambahkan kode berikut di bagian atas postingan Anda dalam tampilan HTML untuk menampilkan cuplikan postingan yang diinginkan di Beranda, Halaman Sitemap, Postingan Terkait, dll.
<div class='hidden'>Beberapa_Cuplikan_Post_Disini</div> <!--more-->