CSS Sprites เทคนิกง่ายๆ ที่ตัวช่วยเพิ่มความเร็วให้กับเว็บไซต์ได้พอประมาณ
เว็บไซต์ที่มีรูปเยอะอาจจะใช้เวลาโหลดนาน เนื่องจากมีการส่ง HTTP requests ไปที่ web server หลายครั้ง เทคนิก CSS Sprite จะเป็นการรวมรูปหลายรูปเป็นรูปใหญ่ๆ รูปเดียว ทำให้ลดจำนวน HTTP requests ลงไปได้มาก เราสามารถทำเทคนิก CSS Sprite มาประยุกต์ใช้ได้หลากหลายเช่นการรวมรูป icon ต่างๆ เป็นรูปเดียวเป็นต้น การแสดงรูปเล็กจากรูปใหญ่ก็ไม่ใช่เรื่องยากเพียงแค่เขียน css ในส่วนของ background-position ควบคุมการแสดงผล จริงๆ…
Continue reading