เพิ่มประสิทธิภาพวิวพอร์ตสำหรับมือถือ

Connor Clark
Connor Clark

เผยแพร่: 8 ต.ค. 2025

การโต้ตอบด้วยการแตะอาจมีการหน่วงเวลาสูงสุด 300 มิลลิวินาทีหากวิวพอร์ตไม่เหมาะกับมือถือ

วิธีส่งต่อข้อมูลเชิงลึกนี้

เมื่อแสดงหน้าเว็บครั้งแรก ต้องมีองค์ประกอบ <meta name="viewport"> ที่เพิ่มประสิทธิภาพสำหรับอุปกรณ์เคลื่อนที่

ตัวอย่างองค์ประกอบเมตา Viewport ที่ผ่านมีดังนี้

เกณฑ์สำหรับวิวพอร์ตที่เพิ่มประสิทธิภาพสำหรับอุปกรณ์เคลื่อนที่มีดังนี้

  • แอตทริบิวต์ width ตั้งค่าเป็นค่าใดค่าหนึ่ง (device-width เป็นค่าที่พบบ่อยที่สุด)
  • ตั้งค่าแอตทริบิวต์ initial-scale และค่าของแอตทริบิวต์นั้น >= 1

ข้อมูลอ้างอิงเพิ่มเติม