Accelerated Mobile Pages (AMP) เป็นเฟรมเวิร์ก HTML แบบโอเพ่นซอร์สที่พัฒนาโดย Google ร่วมกับ Twitter โปรเจ็กต์นี้มีจุดมุ่งหมายเพื่อทำให้เนื้อหาเว็บเร็วขึ้นและเป็นมิตรกับผู้ใช้มากขึ้นสำหรับผู้ใช้มือถือ มอบประสบการณ์การท่องเว็บที่คล่องตัวและมีประสิทธิภาพ AMP บรรลุเป้าหมายนี้ด้วยการแสดงหน้าเว็บในรูปแบบที่เรียบง่ายแต่มีประสิทธิภาพ ลดเวลาในการโหลดและเพิ่มการมีส่วนร่วมของผู้ใช้
กำเนิดและการเกิดขึ้นของ Accelerated Mobile Pages
โครงการ Accelerated Mobile Pages ได้รับการประกาศครั้งแรกโดย Google ในเดือนตุลาคม 2558 Google ร่วมมือกับผู้จัดพิมพ์ บริษัทเทคโนโลยี และแพลตฟอร์มต่างๆ รวมถึง Twitter, Pinterest, LinkedIn และ WordPress.com เพื่อสร้างมาตรฐานใหม่ที่รวดเร็วยิ่งขึ้นสำหรับมือถือ เนื้อหาเว็บ
เป้าหมายหลักคือการต่อสู้กับประสบการณ์เว็บที่เพิ่มมากขึ้นและช้าสำหรับผู้ใช้มือถือ แนวคิดนี้คือการตัดองค์ประกอบที่ไม่จำเป็นออกและจัดลำดับความสำคัญของความเร็ว โดยไม่กระทบต่อฟังก์ชันการทำงานที่ผู้ใช้คาดหวัง ภายในเดือนกุมภาพันธ์ 2559 AMP ได้รวมเข้ากับผลการค้นหาบนมือถือของ Google ถือเป็นการเปิดตัวอย่างเป็นทางการ
การขยายไปยัง Accelerated Mobile Pages
โดยแก่นแท้แล้ว Accelerated Mobile Pages คือเวอร์ชัน HTML ปกติแบบแยกส่วน AMP ใช้เทคโนโลยีเว็บชุดหนึ่งเพื่อแสดงหน้าเว็บ โดยเน้นที่ความเร็วและความสามารถในการอ่านสำหรับผู้ใช้อุปกรณ์เคลื่อนที่ ประกอบด้วยองค์ประกอบหลัก 3 ส่วน ได้แก่ AMP HTML, AMP JS (JavaScript) และ AMP Cache
AMP HTML เป็นชุดย่อยของ HTML ที่มีแท็กและคุณสมบัติที่กำหนดเองบางอย่าง ประกอบด้วยองค์ประกอบที่กำหนดเองในตัวหลายอย่างที่ช่วยปรับปรุงประสิทธิภาพ เช่น amp-img สำหรับรูปภาพ และ amp-video สำหรับวิดีโอ
AMP JS จัดการการจัดการทรัพยากรและการโหลดแบบอะซิงโครนัส โดยมีเป้าหมายเพื่อให้แสดงผลหน้าเว็บได้เร็วที่สุด อนุญาตเฉพาะ JavaScript แบบอะซิงโครนัสเท่านั้น เพื่อให้แน่ใจว่าไม่มีสคริปต์ใดปิดกั้นเส้นทางการเรนเดอร์
แคช AMP ซึ่งจัดทำโดย Google ให้บริการหน้า AMP HTML ที่แคชไว้ แคชมาพร้อมกับระบบการตรวจสอบในตัวที่ยืนยันว่าหน้าเว็บตรงตามเกณฑ์ AMP หรือไม่ ซึ่งรับประกันความน่าเชื่อถือและความรวดเร็ว
การทำงานภายในของ Accelerated Mobile Pages
Accelerated Mobile Pages ใช้กรอบงาน HTML ที่ได้รับการปรับปรุง และจำกัดองค์ประกอบ HTML, CSS และ JavaScript ที่เฉพาะเจาะจง ซึ่งมักจะทำให้เวลาในการโหลดหน้าเว็บช้าลง AMP ใช้การโหลดแบบ Lazy Loading ซึ่งอนุญาตให้โหลดเฉพาะเนื้อหาที่จำเป็นเมื่อผู้ใช้เปิดหน้าเว็บ จึงช่วยเพิ่มความเร็วในการจัดส่งเนื้อหา
ในระบบ AMP นั้น JavaScript จะถูกเก็บไว้ให้เหลือน้อยที่สุด ไม่อนุญาตให้ใช้ JavaScript ของบุคคลที่สามภายในองค์ประกอบ AMP ที่กำหนดเอง ซึ่งช่วยป้องกันการบล็อกการแสดงผล แต่เนื้อหาเชิงโต้ตอบจะได้รับการจัดการในองค์ประกอบ AMP ที่กำหนดเองแทน นอกจากนี้ CSS ใน AMP ยังอยู่ในบรรทัดและมีขนาดจำกัด ส่งผลให้ดึงข้อมูลได้น้อยลง
แคช AMP ยังมีบทบาทสำคัญอีกด้วย เมื่อผู้ใช้ขอหน้า AMP ระบบจะดึงข้อมูลมาจากแคช Google AMP ซึ่งจะปรับปรุงประสิทธิภาพของหน้าโดยอัตโนมัติ
คุณสมบัติหลักของ Accelerated Mobile Pages
-
ความเร็วและประสิทธิภาพ: หน้า AMP โหลดได้เร็วกว่าหน้าบนมือถือมาตรฐาน ทำให้ผู้ใช้ได้รับประสบการณ์ที่ราบรื่น
-
การเพิ่มประสิทธิภาพกลไกค้นหา: หน้าที่เปิดใช้งาน AMP ได้รับความนิยมจากอัลกอริธึมเครื่องมือค้นหาของ Google ส่งผลให้มีการมองเห็นในหน้าผลลัพธ์ของเครื่องมือค้นหา (SERP) สูงขึ้น
-
การมีส่วนร่วมและการสร้างรายได้: การโหลดหน้าเว็บที่เร็วขึ้นทำให้การมีส่วนร่วมของผู้ใช้สูงขึ้น อัตราตีกลับลดลง และการมองเห็นโฆษณาดีขึ้น
-
การวิเคราะห์: AMP รองรับการวิเคราะห์ เครือข่ายโฆษณา และเทคโนโลยีที่หลากหลาย โดยมีข้อกำหนดในการสะสม วิเคราะห์ และดำเนินการกับข้อมูลผู้ใช้
ประเภทของ Accelerated Mobile Pages
AMP ไม่มี “ประเภท” ที่แตกต่างกัน แต่มีการใช้งาน AMP ที่แตกต่างกันในเนื้อหาประเภทและแพลตฟอร์มต่างๆ ตัวอย่างบางส่วนได้แก่:
- เว็บไซต์แอมป์: เว็บไซต์มาตรฐานที่สร้างด้วย AMP HTML เต็มรูปแบบเพื่อความรวดเร็วและประสิทธิภาพ
- เรื่องราวของ AMP: รูปแบบการเล่าเรื่องด้วยภาพสำหรับเว็บแบบเปิด ซึ่งสามารถแตะได้ น่าดึงดูด และดื่มด่ำ
- โฆษณา AMP: โฆษณาที่สร้างด้วย AMP จะโหลดเร็วขึ้น ปรับปรุงประสบการณ์ผู้ใช้และประสิทธิภาพโฆษณา
- อีเมลแอมป์: อีเมลเชิงโต้ตอบแบบเรียลไทม์โดยใช้เฟรมเวิร์ก AMP
การใช้งาน ปัญหา และแนวทางแก้ไข
AMP ถูกใช้โดยผู้เผยแพร่ข่าว ไซต์อีคอมเมิร์ซ และแพลตฟอร์มโฆษณาเป็นหลัก เพื่อมอบประสบการณ์ที่รวดเร็วและน่าดึงดูดบนอุปกรณ์เคลื่อนที่ อย่างไรก็ตาม AMP ได้รับการวิพากษ์วิจารณ์ถึงหน้าเว็บที่ใช้ง่ายเกินไป ฟังก์ชันการทำงานที่จำกัดเมื่อเทียบกับเว็บไซต์เต็มรูปแบบ และการพึ่งพาโครงสร้างพื้นฐานของ Google
Google ได้ทำการปรับปรุงเฟรมเวิร์ก AMP อย่างต่อเนื่องเพื่อแก้ไขปัญหาเหล่านี้ รวมถึงการเพิ่มองค์ประกอบเพิ่มเติมเพื่อเพิ่มฟังก์ชันการทำงาน และสร้างสมดุลระหว่างความเร็วและการใช้งานที่ดีขึ้น
เปรียบเทียบกับเทคโนโลยีที่คล้ายกัน
| คุณสมบัติ | แอมป์ | หน้ามือถือปกติ | การออกแบบเว็บไซต์ที่ตอบสนอง |
|---|---|---|---|
| ความเร็ว | สูงมาก | ปานกลาง | ขึ้นอยู่กับการออกแบบ |
| ประโยชน์ของการทำ SEO | สูง | ต่ำ | ปานกลาง |
| เน้นมือถือ | ใช่ | เลขที่ | ใช่ |
| การโต้ตอบ | ถูก จำกัด | สูง | สูง |
| ขึ้นอยู่กับกูเกิล | สูง | เลขที่ | เลขที่ |
มุมมองและเทคโนโลยีในอนาคต
อนาคตของ AMP กำลังก้าวไปสู่ความยืดหยุ่นและฟังก์ชันการทำงานที่มากขึ้น พร้อมการอัปเดตอย่างต่อเนื่องเพื่อมอบประสบการณ์ที่สมบูรณ์ยิ่งขึ้นในขณะที่ยังคงความเร็วไว้ Progressive Web Apps (PWAs) ซึ่งนำประสบการณ์แบบเนทีฟแอปมาสู่เว็บแอปพลิเคชัน กำลังผสานรวม AMP สำหรับ "หน้าเริ่มต้น" มากขึ้นเรื่อยๆ การผสมผสานระหว่างเทคโนโลยี PWA และ AMP รับประกันอนาคตของประสบการณ์เว็บที่โหลดได้ทันทีและดื่มด่ำ
AMP และพร็อกซีเซิร์ฟเวอร์
พร็อกซีเซิร์ฟเวอร์ เช่น OneProxy สามารถใช้เพื่อแสดงเนื้อหา AMP ได้ เซิร์ฟเวอร์เหล่านี้สามารถแคชหน้า AMP และส่งมอบให้กับผู้ใช้ ซึ่งจะช่วยปรับปรุงเวลาในการโหลดและประสิทธิภาพ อย่างไรก็ตาม จะไม่มีการตรวจสอบและการเพิ่มประสิทธิภาพที่ได้รับจากแคช AMP ของ Google เว้นแต่จะมีการใช้งานโดยเฉพาะ
ลิงก์ที่เกี่ยวข้อง
สำหรับข้อมูลเพิ่มเติมเกี่ยวกับ AMP:
การตรวจสอบ AMP อย่างครอบคลุมนี้จะสำรวจต้นกำเนิด ฟังก์ชันการทำงาน แอปพลิเคชัน และอนาคต เนื่องจากการใช้อินเทอร์เน็ตบนมือถือเพิ่มขึ้นอย่างต่อเนื่อง ความต้องการ AMP จึงมีแนวโน้มเพิ่มขึ้น ทำให้ทุกคนมีเว็บที่รวดเร็วและเป็นมิตรกับผู้ใช้มากขึ้น
