CSS Image Sprites Generator
Di postingan sebelumnya tentang Cara Mengoptimasi Gambar Theme pernah saya katakan bahwa salah satu cara untuk meningkatkan kecepatan loading blog salah satunya yaitu kita harus mengoptimalkan dalam penggunaan gambar yang ada di theme, baik ukuran, skala gambar maupun jumlah gambar. Ketika kita menggunakan gambar yang cukup banyak dalam satu halaman, maka kita bisa menggunakan metode image sprite, yaitu menggabungkan beberapa image/gambar menjadi satu file kemudian kita tampilkan gambar-gambar tersebut dengan CSS Sprite (combine images into CSS sprites).
Dengan cara ini akan mengurangi jumlah http request dan parallelize downloads across hostnames. Ini juga sebagai salah satu cara untuk meningkatkan skor di pagespeed dan gtmetrix.com. Dan untuk membantu memudahkan dalam membuat image sprites berikut ini beberapa tool (website) CSS Image Sprites Generator yang bisa dimanfaatkan :
tester dulu ane gan, trims
Reply
blajar nih gan, kalo mau gabungin beberapa gambar jadi satu caranya gimana ya gan… maklum pemula
Reply
thank tar saya coba deh,mayan buat memperingan
Reply
thx gan artikelnya, membantu
ngejar pagespeed :)
Fyi, opsi no.1, websitenya lebih simpel, langsung praktek
Reply
terimakasih gan infonya … mau saya coba dulu
Reply
berarti bisa mempercepat loading blog ya mas. seperti blog ini ya. loadingnya cepet banget..
Reply
Alhamdulillah setelah menerapkan cara Image sprite dengan bantuan Css Sprite Generator, blog saya agak cepat request http, hanya untuk blogspot pengoptimalan lebih lanjut masih sangat terbatas, seperti parshing Js, chace date header dll (masih banyak)
jadi poin setelah dicek di Google Pagespeed Insihts belum dapat skor 100% :)
Trims infonya mas :) Salam
Reply
terimakasih informasinya gan, saya coba yang nomor 5 gan
Reply
saya tidak mudeng dengan ess sprite yang saya tau ess sprite jika diminum siang-siang sueger dan bisa bikin dahaga sirnah.
Reply
coba tak mudeng-mudengne gambar saya dalam web http://agrobuah.com dan saya cek di pagespeed gt metrix ada petunjuk merah dan minta perbaikan diantaranya :
1. Combine images using CSS sprites isi kesalahan terdapat pada theme gambar dari tema yang saya pakai amazing grace
2. Remove query strings from static resources isi keterangannya gambar timthumb yang harus diperbaiki.
bagaimana ini untuk memperbaikinya ?
Reply
agro buah Reply:20-05-2013 at 07:04
o iya bung alwi saya menggunakan plugin w3total cahce apakah ada yang bisa dimanfaatkan di settingan plugin tersebut?
Reply