เครื่องมือวิเคราะห์ขนาดหน้าเว็บ
วัดขนาดของ HTML และนับจำนวนสไตล์ชีต สคริปต์ รูปภาพ และ iframe ของหน้าเว็บใดก็ได้
วิธีใช้เครื่องมือนี้
- 1
Paste the full URL of a public page (starting with https://) into the input field.
- 2
Click Analyze to have the server fetch that page's HTML.
- 3
Read the result cards: HTML shows the document size in bytes, and the other cards show how many stylesheet links, external scripts, images, and iframes appear in the markup.
- 4
Try a competitor or a previous version of your own page and compare the numbers.
เครื่องมือวิเคราะห์ขนาดหน้าเว็บคืออะไร?
น้ำหนักของหน้าเว็บส่งผลโดยตรงต่อเวลาในการโหลด หน้าเว็บโดยเฉลี่ยมีน้ำหนักประมาณ 2 MB หน้าเว็บที่มีขนาดน้อยกว่า 1 MB จะให้ความรู้สึกคล่องตัว ส่วนหน้าที่มีขนาดมากกว่า 3 MB จะให้ความรู้สึกช้า เครื่องมือนี้วัดขนาดของ HTML และนับจำนวนทรัพยากรภายนอก โดยไม่ดาวน์โหลดแต่ละรายการ (ใช้ Lighthouse สำหรับการวิเคราะห์แบบ waterfall ที่สมบูรณ์) แต่จำนวนทรัพยากรเป็นตัวบ่งชี้น้ำหนักรวมได้
กรณีการใช้งานทั่วไป
Quickly checking whether a landing page's HTML has bloated to an unusually large byte size before a launch.
Counting how many separate stylesheet and external script tags a page loads, to spot bundling or third-party-tag sprawl.
Comparing the resource counts of your page against a competitor's to see who ships a leaner front end.
Auditing how many img tags a content or product page renders when investigating layout shift or lazy-loading issues.
Spotting unexpected iframes (embeds, ad slots, trackers) injected into a page's markup.
Sanity-checking a CMS or build change by diffing the HTML size and tag counts before and after a deploy.
คำถามที่พบบ่อย
ขนาดหน้าเว็บที่เหมาะสมคือเท่าไร?▼
อะไรส่งผลต่อเวลาในการโหลดมากที่สุด?▼
เครื่องมือที่เกี่ยวข้อง
การค้นหา DNS
ค้นหาเรกคอร์ด DNS (A, AAAA, MX, TXT, NS, CNAME) ของโดเมนใดก็ได้ มีประโยชน์สำหรับการแก้ไขปัญหาอีเมล โฮสติ้ง และการตั้งค่า SSL
การค้นหา WHOIS
ค้นหาข้อมูลการจดทะเบียนของโดเมนใดก็ได้: ผู้รับจดทะเบียน วันที่จดทะเบียนและวันหมดอายุ เนมเซิร์ฟเวอร์ และข้อมูลติดต่อ (เมื่อเปิดเผยต่อสาธารณะ)
ตัวตรวจสอบใบรับรอง SSL
ตรวจสอบใบรับรอง SSL/TLS ของโดเมนใดก็ได้: ผู้ออกใบรับรอง วันที่มีผล และจำนวนวันจนกว่าจะหมดอายุ
เครื่องมือวิเคราะห์ HTTP Header
ตรวจสอบ response header ของ HTTP จาก URL ใดก็ได้ เน้นย้ำ security header ที่ขาดหายไป
เครื่องมือตรวจสอบรหัสสถานะ HTTP
ตรวจสอบรหัสสถานะ HTTP ที่ URL ใดก็ได้ส่งกลับมา ตรวจจับ 200, 301, 404, 500 เป็นต้น
เครื่องมือติดตามห่วงโซ่การเปลี่ยนเส้นทาง
ติดตามทุกขั้นตอนของห่วงโซ่การเปลี่ยนเส้นทาง ตรวจจับวงวนการเปลี่ยนเส้นทางและการกระโดดที่มากเกินไปซึ่งส่งผลเสียต่อประสิทธิภาพ