วิเคราะห์รูปบนเว็บไซต์
ใส่ URL หน้าเว็บ ระบบจะตรวจรูปในหน้า (สูงสุด 12 รูป) — ขนาดจริง, ฟอร์แมต, ขนาดหลังแปลงเป็น WebP, และปัญหา SEO/ประสิทธิภาพของแต่ละรูป
วิธีใช้
ใส่ URL ของหน้าเว็บ
ใช้ที่อยู่ของหน้าที่เผยแพร่จริงและเปิดดูได้โดยไม่ต้องล็อกอิน จะเป็นหน้าแรกหรือหน้าไหนของเว็บก็ได้ ตรวจได้ทั้งเว็บของตัวเองและเว็บอื่น
ระบบดึงหน้าเว็บมาตรวจรูป
เราอ่าน HTML ของหน้านั้น เก็บรายการรูป แล้วโหลดรูปมาวัดของจริง — ขนาดไฟล์ ความกว้างสูง ฟอร์แมต และลองแปลงเป็น WebP เพื่อดูว่าจะเหลือเท่าไร
แก้รูปที่หนักที่สุดก่อน
ผลจะเรียงให้เห็นว่ารูปไหนกินแบนด์วิดท์มากที่สุดและขาด 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 ให้ใช้เป็นรายการงานเรื่องรูปที่ทำได้ทันที ไม่ใช่ผลตรวจประสิทธิภาพทั้งหน้า