การพัฒนาเว็บแอพพลิเคชัน (เร่งความเร็วในการเคลื่อนที่) คืออะไร

ประโยชน์ของ AMP และความแตกต่างจาก Responsive Web Design

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

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

Building for Mobile Audience

การสร้าง "เว็บไซต์ที่เหมาะสำหรับมือถือ" เป็นเรื่องสำคัญสำหรับผู้เชี่ยวชาญด้านเว็บมาหลายปีแล้ว แนวทางปฏิบัติเช่น การออกแบบเว็บที่ปรับเปลี่ยนได้ มีเป้าหมายเพื่อช่วยในการสร้างเว็บไซต์ที่ทำงานได้ดีสำหรับอุปกรณ์ทั้งหมดและให้ความสำคัญกับประสิทธิภาพของเว็บไซต์และเวลาในการดาวน์โหลดที่รวดเร็วทำให้ผู้ใช้โทรศัพท์มือถือหรือมิฉะนั้นสามารถใช้ประโยชน์ได้ อีกวิธีหนึ่งสำหรับไซต์ที่เป็นมิตรกับมือถือเรียกว่าการพัฒนาเว็บแอพพลิเคชันซึ่งย่อมาจาก Accelerated Mobile Pages

โครงการนี้ซึ่งได้รับการสนับสนุนโดย Google ได้รับการสร้างขึ้นเป็นมาตรฐานเปิดกว้างเพื่อให้ผู้เผยแพร่เว็บไซต์สามารถสร้างไซต์ที่โหลดได้เร็วขึ้นบนโทรศัพท์มือถือ หากคุณคิดว่าเสียงเหมือนการออกแบบเว็บที่ตอบสนองคุณไม่ผิดหรอก แนวคิดทั้งสองมีส่วนร่วมกันเป็นส่วนใหญ่กล่าวคือทั้งสองมุ่งเน้นการส่งเนื้อหาไปยังผู้ใช้บนอุปกรณ์เคลื่อนที่ อย่างไรก็ตามมีข้อแตกต่างระหว่างสองวิธีนี้

ความแตกต่างที่สำคัญระหว่าง AMP และการออกแบบเว็บที่ตอบสนองต่อ

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

ความยืดหยุ่นในไซต์ดีมาก แต่ถ้าคุณต้องการเน้นบนมือถือการสร้างไซต์ที่มุ่งเน้นไปที่หน้าจอทั้งหมดแทนการใช้งานบนมือถือเพียงอย่างเดียวอาจมีความยืดหยุ่นในการซื้อขายสำหรับประสิทธิภาพบนมือถือที่เพิ่มประสิทธิภาพอย่างหมดจด นั่นคือทฤษฎีที่อยู่เบื้องหลัง AMP

AMP มุ่งความสนใจไปที่ความเร็วอย่างรวดเร็วนั่นคือความเร็วเคลื่อนที่ ตาม Malte Ubl, Google Tech Lead สำหรับโครงการนี้ AMP มุ่งหวังที่จะนำเสนอ "การแสดงผลเนื้อหาเว็บแบบทันที" ด้วยวิธีการบางอย่างเช่น:

• โหลดขี้เกียจ
• การใช้ preconnect
• การดึงข้อมูลทรัพยากรล่วงหน้า
• Javascript ของ Async
• สไตล์ชีตแบบอินไลน์
• ไม่มีแบบอักษรที่สามารถดาวน์โหลดได้
• จัดลำดับความสำคัญทรัพยากร

นี่เป็นเพียงบางส่วนของหลักการที่ทำให้ AMP โหลดเร็ว เกินไป นอกจากนี้ยังมี แต่บางรายการในรายการที่อาจทำให้มืออาชีพเว็บเป็นเวลานานประจบประแจง ตัวอย่างเช่น สไตล์ชีตอินไลน์ หลายคนได้รับการบอกเล่ามาหลายปีแล้วว่าควรมีสไตล์ทั้งหมดในสไตล์ชีตภายนอก ความสามารถในการจัดเรียงหน้าเว็บไซต์จำนวนมากจากแผ่นงานภายนอกเป็นจุดแข็งของ CSS ซึ่งเป็นจุดแข็งที่ถูกลบล้างหากหน้าเว็บใช้รูปแบบอินไลน์แทน ใช่คุณป้องกันไม่ให้จำเป็นต้องดาวน์โหลดไฟล์ภายนอก แต่มีค่าใช้จ่ายในการจัดการเว็บไซต์ทั้งหมดด้วยสไตล์ชีทแบบเดียว ดังนั้นวิธีการที่ดีกว่า? ความจริงก็คือทั้งคู่มีข้อดีและข้อเสีย เว็บมีการเปลี่ยนแปลงตลอดเวลาและคนอื่น ๆ ที่เข้าเยี่ยมชมไซต์ของคุณมีความต้องการที่แตกต่างกัน เป็นเรื่องยากมากที่จะกำหนดกฎที่จะใช้ในทุกกรณีเนื่องจากวิธีการที่แตกต่างกันทำให้เกิดความรู้สึกในสถานการณ์ที่แตกต่างกัน กุญแจสำคัญคือการชั่งน้ำหนักผลประโยชน์หรือข้อเสียของแต่ละวิธีเพื่อพิจารณาว่าอะไรดีที่สุดในกรณีเฉพาะของคุณ

ข้อแตกต่างสำคัญระหว่าง AMP และ RWD ก็คือการออกแบบที่ตอบสนองไม่ค่อย "ถูกเพิ่ม" ลงในเว็บไซต์ที่มีอยู่ เนื่องจาก RWD เป็นพื้นฐานในการทบทวนสถาปัตยกรรมและประสบการณ์ของไซต์โดยทั่วไปแล้วไซต์ดังกล่าวจะต้องได้รับการ ออกแบบและปรับปรุงใหม่ เพื่อรองรับรูปแบบที่ตอบสนองต่อ สามารถเพิ่ม AMP ลงในเว็บไซต์ที่มีอยู่ได้ ในความเป็นจริงมันสามารถแม้แต่จะเพิ่มลงในเว็บไซต์ตอบสนองที่มีอยู่

การพิจารณา Javascript

ไม่เหมือนไซต์ที่มี RWD ไซต์ AMP ไม่สามารถเล่นได้ดีกับ Javascript ซึ่งรวมถึงสคริปต์และไลบรารีของบุคคลที่สามซึ่งเป็นที่นิยมอย่างมากในไซต์ในปัจจุบัน ห้องสมุดเหล่านี้สามารถเพิ่มฟังก์ชันการทำงานที่น่าทึ่งให้กับไซต์ได้ แต่ยังส่งผลต่อประสิทธิภาพ เช่นนี้ย่อมาจากเหตุผลที่ว่าวิธีการเน้นที่ความเร็วของหน้าจะหลีกเลี่ยงไฟล์จาวาสคริปต์ ด้วยเหตุนี้ AMP จึงมักใช้งานได้ดีในหน้าเว็บแบบสแตติกแทนที่จะเป็นแบบไดนามิกหรือแบบที่ต้องการผล JavaScript ที่เฉพาะเจาะจงสำหรับเหตุผลหนึ่ง ๆ ตัวอย่างเช่นแกลเลอรีเว็บไซต์ที่ใช้ประสบการณ์ "สไตล์ไลท์บ็อกซ์" จะไม่เป็นผู้สมัครที่ยอดเยี่ยมสำหรับ AMP ในทางกลับกันบทความในเว็บไซต์มาตรฐานหรือข่าวประชาสัมพันธ์ซึ่งไม่จำเป็นต้องมีฟังก์ชันแฟนซีใด ๆ จะเป็นหน้าเว็บที่ยอดเยี่ยมในการนำเสนอด้วย AMP ผู้คนที่ใช้อุปกรณ์เคลื่อนที่ซึ่งอาจเห็นลิงก์บนโซเชียลมีเดียหรือผ่านทาง Google search บนโทรศัพท์มือถือ ความสามารถในการส่งเนื้อหาดังกล่าวได้ทันทีเมื่อพวกเขาร้องขอแทนที่จะชะลอความเร็วในการดาวน์โหลดขณะที่จาวาสคริปต์และทรัพยากรอื่น ๆ ถูกโหลดทำให้ประสบการณ์ที่ยอดเยี่ยมของลูกค้า

การเลือกโซลูชันที่เหมาะสม

ตัวเลือกใดเหมาะสำหรับคุณ - AMP หรือ RWD? ขึ้นอยู่กับความต้องการเฉพาะของคุณแน่นอน แต่คุณไม่จำเป็นต้องเลือกอย่างใดอย่างหนึ่ง ถ้าเราต้องการมีกลยุทธ์ทางออนไลน์อย่างชาญฉลาด (และประสบความสำเร็จมากขึ้น) นั่นหมายความว่าเราจำเป็นต้องพิจารณาเครื่องมือทั้งหมดที่เราจำหน่ายและเรียนรู้ว่าพวกเขาจะทำงานร่วมกันอย่างไร อาจจะหมายถึงการแสดงไซต์ของคุณตามการตอบสนอง แต่ใช้ AMP ในส่วนที่เลือกหรือหน้าเว็บที่เหมาะสมกับลักษณะการพัฒนานั้นมากที่สุด นอกจากนี้ยังอาจหมายถึงการนำแง่มุมต่างๆมาใช้และรวมเอาไว้เพื่อสร้างโซลูชันแบบไฮบริดที่ตอบสนองความต้องการที่เฉพาะเจาะจงมากและมอบสิ่งที่ดีที่สุดในโลกทั้งสองให้แก่ผู้เข้าชมไซต์ดังกล่าว