Optimasi Website Pada Image

Melihat hasil kecepatan website pada gtmetrix dan google speed insight, kebanyakan yang menjadi permasalahan dalam hal optimasi website salah satunya adalah mengabaikan optimasi image. Akibatnya, loading website (kecepatan website) menjadi lambat. Kecepatan loading website jelas mempengaruhi rangking di halaman hasil pencarian google (Google SERP).

" ...kebanyakan yang menjadi permasalahan dalam hal optimasi website salah satunya adalah mengabaikan optimasi image."

Sebenarnya, pokok permasalahan ini terletak pada salah satu dari 3 hal, yaitu:

  • Ukuran image (kilobyte - megabyte) yang besar,
  • Ukuran width dan height tidak sesuai dengan keadaan yang sebenarnya (resized image),
  • Banyaknya image kecil yang tidak di-sprite.

Bila anda pemula dalam hal ini, permasalahan diatas dapat tuntas dengan performa website yang meningkat dengan cara gampang,sbb:

  1. Berilah ukuran image berdasarkan width dan height sesuai aslinya.
  2. Kompres image tersebut tanpa mengurangi tampilannya

Optimasi Image dengan Data URI

Data Uri untuk image adalah sebuah kode image dalam bentuk lain (baca: encoded image data) yang digunakan untuk menampilkan image yang sama yang lebih efisien daripada image biasa.

Bagaimana format data uri: data:[<mime type>][;charset=<charset>][;base64],<encoded data>, dimana; mime type = image/gif dan charset = base64

, serta encoded data adalah image yang telah diubah menjadi data encoded.

Tools Optimasi Image

Dibawah ini adalah beberapa tool atau alat yang dapat anda gunakan untuk mengoptimasi dan mengukur performa image berkaitan dengan optimasi website anda (speed insight).

  1. Gtmetrix
  2. Google Speed Insight
  3. https://onlinepngtools.com/convert-png-to-data-uri: Konversi dari Image Standar (PNG/JPG/GIF) ke Data URI.

Tag: jasa pembuatan website, jasa seo, jasa perbaikan website