Masih berkaitan dengan bagaimana kita Meminimalisasi HTTP Requests. Dengan analogi bahwa untuk menjadi langsing seseorang tidak harus menjalani diet ekstra ketat, maka dalam rangka upaya mempercepat loading situs, maka tidak harus memangkas habis2an konten sehingga kesannya malah situs terlalu sepi (baca - over-minimalist). Salah satu cara yang dapat dilakukan adalah dengan menggabungkan beberapa images (gambar) ber-link menjadi satu, yaitu dengan Image Maps.
Image Maps memungkinkan penulis untuk menentukan daerah dari suatu gambar atau objek dan menetapkan tindakan spesifik untuk masing-masing daerah (misalnya, mengambil sebuah dokumen, menjalankan sebuah program, dll) Ketika wilayah ini diaktifkan oleh user, aksi dijalankan. Image Maps diciptakan dengan cara mengasosiasikan sebuah objek dengan spesifikasi geometris daerah sensitif pada objek.
Ada 3 macam Image Maps yang dapat kita gunakan untuk membuat area link yaitu :
- Rectangular (kotak), dengan menentukan koordinat : x1,y1, x2,y2
- Elliptical (Elips), dengan menentukan koordinat dan radius : x,y,radius
- Polygon (Segi banyak) dengan membuat titik koordinat sesuai bidang maps : x1,y1, x2,y2, x3,y3 dst
Berikut ini adalah penerapan Image Maps dengan area Link Rectangular. Contoh codenya seperti ini :
maka akan terbentuk area map seperti ini :
dan hasil dari pembuatan link tadi adalah seperti di bawah ini :
Ini hanyalah salah satu cara, jadi masih banyak trik lain yang dapat digunakan untuk mempercepat loading situs anda. Silahkan mencoba...
| < Prev | Next > |
|---|
Comments