วิเคราะห์รูปบนเว็บไซต์

ใส่ URL หน้าเว็บ ระบบจะตรวจรูปในหน้า (สูงสุด 12 รูป) — ขนาดจริง, ฟอร์แมต, ขนาดหลังแปลงเป็น WebP, และปัญหา SEO/ประสิทธิภาพของแต่ละรูป

วิธีใช้

  1. ใส่ URL ของหน้าเว็บ

    ใช้ที่อยู่ของหน้าที่เผยแพร่จริงและเปิดดูได้โดยไม่ต้องล็อกอิน จะเป็นหน้าแรกหรือหน้าไหนของเว็บก็ได้ ตรวจได้ทั้งเว็บของตัวเองและเว็บอื่น

  2. ระบบดึงหน้าเว็บมาตรวจรูป

    เราอ่าน HTML ของหน้านั้น เก็บรายการรูป แล้วโหลดรูปมาวัดของจริง — ขนาดไฟล์ ความกว้างสูง ฟอร์แมต และลองแปลงเป็น WebP เพื่อดูว่าจะเหลือเท่าไร

  3. แก้รูปที่หนักที่สุดก่อน

    ผลจะเรียงให้เห็นว่ารูปไหนกินแบนด์วิดท์มากที่สุดและขาด alt หรือ width/height ตรงไหน เอาไฟล์ต้นฉบับไปบีบอัดที่หน้าลดขนาดรูปแล้วนำกลับขึ้นเว็บ

ข้อจำกัดที่ควรรู้

  • ใช้ได้ 10 ครั้งต่อชั่วโมงต่อหนึ่งหมายเลขไอพี เพราะการวิเคราะห์หนึ่งครั้งคือการโหลดรูปจริงหลายไฟล์
  • อ่านเฉพาะแท็ก <img> ที่อยู่ใน HTML ของหน้า — รูปพื้นหลังที่มาจาก CSS และรูปที่สคริปต์ใส่เข้ามาหลังโหลดจะไม่ถูกนับ
  • วิเคราะห์สูงสุด 12 รูปต่อหนึ่งหน้า ตามลำดับที่พบในหน้า ส่วนที่เกินจะข้ามไป
  • หน้าเว็บต้องเปิดสาธารณะ — ที่อยู่ในวงแลน เครื่องภายใน หรือหน้าหลังระบบล็อกอินจะถูกปฏิเสธตั้งแต่ต้น
  • HTML ไม่เกิน 2 MB และรูปไม่เกิน 8 MB ต่อไฟล์ ไฟล์ที่ใหญ่กว่านั้นจะถูกข้ามและนับรวมไว้ให้เห็น

คำถามที่พบบ่อย

ต่างจากหน้าลดขนาดรูปอย่างไร

หน้าลดขนาดรูปทำงานกับไฟล์ที่คุณมีอยู่ในเครื่องและคืนไฟล์ที่เล็กลงให้ ส่วนหน้านี้ดูเว็บที่เผยแพร่ไปแล้วว่ารูปที่ใช้อยู่จริงมีปัญหาตรงไหน ใช้คู่กัน คือหาปัญหาที่นี่แล้วไปแก้ที่นั่น

ทำไมบางรูปในหน้าไม่ปรากฏในผล

เพราะเราอ่านจาก HTML ที่เซิร์ฟเวอร์ส่งมาเท่านั้น รูปที่ใส่เป็นพื้นหลังด้วย CSS รูปที่โหลดด้วยจาวาสคริปต์ทีหลัง และรูปลำดับที่ 13 เป็นต้นไปจะไม่อยู่ในผล

ตัวเลขที่บอกว่าประหยัดได้ เชื่อได้แค่ไหน

เป็นการแปลงจริง ไม่ใช่สูตรประมาณ — เราเข้ารหัสรูปนั้นเป็น WebP คุณภาพ 75 แล้ววัดขนาดที่ได้ ยกเว้นภาพเคลื่อนไหวที่ข้ามการคำนวณนี้ไป ของจริงจะต่างไปบ้างตามค่าที่คุณเลือกตอนแปลง

alt กับ width/height สำคัญตรงไหน

alt คือข้อความแทนรูปสำหรับคนที่ใช้โปรแกรมอ่านหน้าจอ และเป็นสิ่งที่ระบบค้นหาใช้เข้าใจว่ารูปคืออะไร ส่วน width/height ทำให้เบราว์เซอร์จองที่ว่างไว้ก่อน หน้าจึงไม่กระตุกตอนรูปโหลดเสร็จ

ผลนี้แทนคะแนน PageSpeed ได้ไหม

ไม่ได้ หน้านี้ดูเฉพาะเรื่องรูปเท่านั้น ไม่ได้วัดเวลาโหลดจริง ไม่ได้ดูสคริปต์ ฟอนต์ หรือ CSS ให้ใช้เป็นรายการงานเรื่องรูปที่ทำได้ทันที ไม่ใช่ผลตรวจประสิทธิภาพทั้งหน้า