Category: Trik
-
Cara Mudah Mengkonversi Gambar Blogger Menjadi WebP Untuk Amp-img Dengan Fallback
Sebenarnya sebelumnya saya tidak kepikiran bahwa gambar Blogger juga bisa dihack menjadi webp seperti pada gambar Google Photos. Namun ternyata trik merubah gambar Google Photos menjadi webp bisa juga diterapkan pada gambar Blogger. Tentunya hal ini menjadi solusi yang paling mudah untuk menggunakan gambar webp pada postingan-postingan blog AMP sehingga halamannya menjadi lebih ringan (
-
Cara Mudah Mengkonversi Image Menjadi WebP Dengan Google Photos Untuk AMP
Dengan Google Photos, kita dapat dengan mudah untuk menghosting sekaligus mengkonversi image menjadi webp. Untuk mulai menghosting dan mengkonversi image menjadi webp di Google Photos, tentunya yang pertama yang harus dilakukan adalah membuat imagenya. Usahakan untuk membuat image dengan size yang kecil (di bawah 100kb) namun tetap memiliki kualitas yang tetap bagus. Setelah gambarnya siap,
-
Penggunaan Image Dengan Format WebP Pada Blog AMP
Webp merupakan format gambar yang bisa memiliki ukuran yang lebih kecil dibanding dengan format aslinya namun tetap memiliki kualitas seperti gambar aslinya. Meskipun image dengan format webp ini belum banyak didukung oleh platform blogging seperti Blogger ini dan belum support semua browser tetapi kita tetap bisa menggunakannya, setidaknya dapat mengurangi loading pada browser yang sudah
-
Penggunaan System Font Sebagai Solusi Untuk Menghilangkan Loading Dari Font
Berawal dari keterbatasan penggunakan CSS pada AMP yang mengharuskan size CSS maksimal sebesar 50000byte, maka saya memutar otak untuk terus mencari solusi mengurangi ukuran CSS dengan mengurangi CSS @font-face. Seperti kita ketahui bahwa CSS @font-face bisa memiliki ukuran yang cukup banyak apalagi jika kita menggunakan beberapa jenis font dan beberapa jenis ketebalan font. Namun @font-face