L

Cara Mudah Menerapkan CSS Sprites di WordPress Secara Otomatis Tanpa Perlu Coding


Bismillahirrohmanirrohim


Ilustrasi CSS Sprites

Gambar di atas adalah ilustrasi yang paling tepat menggambarkan apa itu CSS Sprites, yakni metode optimasi yang menggabungkan beberapa gambar menjadi satu gambar saja untuk meminimalisir jumlah request, gambar pada halaman ditampilkan dengan menggunakan CSS.

Meski protokol HTTP/2 sudah memiliki kemampuan Multiplexing yang mengambil semua elemen dalam sekali request, tapi tetap saja jika jumlah request itu dikurangi maka akan mempercepat load website kita lebih cepat lagi dengan HTTP/2.

Beberapa pembaca yang datang ke artikel ini biasanya karena mendapati hasil benchmark di GTMetrix menyarankan untuk mengkombinasi beberapa gambar dengan CSS Sprites.

Optimasi CSS Sprites ini mempengaruhi PageSpeed Score pada GTMetrix 😀

Tapi, bagaimana cara melakukannya ?

Bahkan dengan generator berbasis web app pun menurut saya masih ribet, apalagi jika melakukannya secara manual 😀

Selain harus membuat file *.png yang memuat seluruh gambar-gambar menjadi satu kesatuan, kita juga harus coding css untuk mengatur tata letak posisi gambar itu di halaman website kita, dan semua itu dilakukan secara manual !

Maka dari itu, disini saya akan share cara menerapkan CSS Sprites secara otomatis menggunakan plugin di WordPress Self Hosted.

Cara ini lebih mudah daripada menggunakan CSS Sprites Generator berbasis WebApp yang banyak tersedia saat ini, karena proses generate dilakukan secara internal dengan menggunakan plugin.


Protected by DMCA ! Protected by Premium Copyscape !

Hi, Bagaimana Menurut Anda ?


Jadilah Pembaca yang Baik dengan cara meninggalkan Komentar pada setiap Artikel Bermanfaat yang sudah dibaca (•‿•)


Komentar adalah salah satu Faktor Penyemangat bagi seorang Blogger, termasuk juga saya. Sebagai bukti bahwa saya tidak sendirian disini, mengingat ada banyak sekali Viewer (Pembaca) Artikel di Blog saya ini. Tolong, jangan pergi begitu saja.


Tinggalkan Komentar Anda disini meskipun hanya sekedar menyapa saya, mari kita bangun Forum Diskusi di Kolom Komentar pada setiap Artikel di Blog ini.


Oleh karena itu, saya sudah menyediakan Fasilitas Comment System terbaik saat ini yakni Disqus Comments System untuk membangun Komunitas Komentator yang lebih Advanced lagi, tidak diperlukan Account Disqus untuk bisa berkomentar disini, Anda cukup memasukkan Nama dan Email saja, tapi saya sarankan untuk memiliki Account Disqus jika Anda sering berkomentar di banyak Blog yang menggunakan Disqus Comment System.

Mungkin Anda juga menyukai



Facebook Comments



Disqus Comments



×
SSL Verified