ลดจำนวนส่วนประกอบบนหน้าเว็บของคุณ
คำขอ HTTP เป็นวิธีที่เบราว์เซอร์ขอดูหน้าเว็บของคุณ เมื่อหน้าเว็บของคุณโหลดในเบราว์เซอร์เบราว์เซอร์จะส่งคำขอ HTTP ไปยังเว็บเซิร์ฟเวอร์สำหรับเพจใน URL จากนั้นเมื่อ HTML ถูกส่งเบราว์เซอร์จะแยกวิเคราะห์และค้นหาคำขอเพิ่มเติมสำหรับภาพสคริปต์ CSS Flash และอื่น ๆ
ทุกครั้งที่เห็นคำขอสำหรับองค์ประกอบใหม่จะส่งคำขอ HTTP ไปยังเซิร์ฟเวอร์อีก ยิ่งภาพสคริปต์ CSS, Flash เป็นต้นจะทำให้หน้าเว็บของคุณมีคำขอมากขึ้นและหน้าเว็บของคุณจะโหลดช้าลง วิธีที่ง่ายที่สุดในการลดจำนวนคำขอ HTTP บนหน้าเว็บของคุณคือการไม่ใช้รูปภาพสคริปต์ CSS Flash ฯลฯ (แต่อย่างใด) แต่หน้าเว็บที่เป็นเพียงแค่ข้อความก็น่าเบื่อ
วิธีการลดคำขอ HTTP โดยไม่ทำลายการออกแบบของคุณ
โชคดีที่มีหลายวิธีที่คุณสามารถลดจำนวนคำขอ HTTP ได้ในขณะเดียวกันก็รักษารูปแบบเว็บที่มีคุณภาพสูงไว้ด้วย
- รวมไฟล์ - การใช้ สไตล์ชีต และสคริปต์ ภายนอก เป็นสิ่งสำคัญเพื่อไม่ให้พวกเขาตกต่ำเวลาในการโหลดหน้าเว็บของคุณ แต่ไม่มีไฟล์ CSS และไฟล์สคริปต์มากกว่าหนึ่งไฟล์
- ใช้ CSS Sprites - เมื่อคุณรวมรูปภาพทั้งหมดหรือทั้งหมดไว้ในภาพสไปรท์คุณจะเปลี่ยนการร้องขอภาพหลายภาพให้เป็นหนึ่งเดียว จากนั้นคุณเพียงแค่ใช้คุณสมบัติ CSS ภาพพื้นหลังเพื่อแสดงส่วนของภาพที่คุณต้องการ
- แผนที่ภาพ - แผนที่รูปภาพไม่เป็นที่นิยมเท่าที่เคยมี แต่เมื่อคุณมีภาพที่ต่อเนื่องกันสามารถลดจำนวนคำขอภาพ HTTP ลงไปได้เพียงอย่างเดียว
ใช้แคชเพื่อปรับปรุงเวลาในการโหลดหน้าเว็บภายใน
เมื่อใช้สแปม CSS และไฟล์ CSS และสคริปต์รวมกันคุณยังสามารถปรับปรุงเวลาในการโหลดหน้าภายในได้ ตัวอย่างเช่นหากคุณมีภาพสไปรท์ที่มีองค์ประกอบของหน้าภายในและหน้า Landing Page จากนั้นเมื่อผู้อ่านไปที่หน้าภายในเหล่านั้นรูปภาพจะถูกดาวน์โหลดและเก็บไว้ใน แคช แล้ว ดังนั้นพวกเขาจึงไม่จำเป็นต้องมีคำขอ HTTP เพื่อโหลดภาพเหล่านั้นลงในหน้าภายในของคุณ