Graceful Degradation เทียบกับ Progressive Enhancement

ทั้ง PE และการลดความสามารถอย่างเหมาะสม (GD) จัดการปัญหาเดียวกัน นั่นคือเบราว์เซอร์และสภาพแวดล้อมต่างกันรองรับความสามารถต่างกัน PE สร้างเพิ่มจากพื้นฐาน ส่วน GD ลดทอนจากเทคโนโลยีล้ำสมัย ทางเลือกนี้กำหนดสถาปัตยกรรมทั้งหมด

PE เริ่มต้นด้วย HTML ที่เป็นจุดร่วมต่ำสุดและทำงานได้ทุกที่ จากนั้น then จึงเพิ่มชั้นต่าง ๆ (CSS, JS และความสามารถขั้นสูง) เพื่อยกระดับประสบการณ์บนเบราว์เซอร์ที่มีความสามารถมากกว่า ประสบการณ์พื้นฐานคือจุดอ้างอิง

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

ผู้ใช้ไออี11 อาจเห็นหน้าแบบเรียบง่ายเหมือนกันไม่ว่าจะใช้แนวทางใด ความแตกต่างอยู่ที่กระบวนการและโค้ด โค้ดเบสแบบ PE คือชุด HTML เดียวที่มีชั้นเพิ่มความสามารถอย่างต่อเนื่อง ส่วนโค้ดเบสแบบ GD คือโค้ดสมัยใหม่พร้อมชุดแพตช์เพื่อแก้ปัญหาสภาพแวดล้อมเก่า

PE ให้ความสำคัญกับประสบการณ์พื้นฐานในฐานะแหล่งอ้างอิงหลัก ปัญหาเครือข่าย สคริปต์ล้มเหลว และสภาพแวดล้อมที่ไม่คาดคิดยังคงได้หน้าที่ใช้งานได้ GD ถือว่าเส้นทางสมัยใหม่เป็นเรื่องปกติ ดังนั้นความล้มเหลวที่ไม่คาดคิดจึงมักแสดงออกเป็นหน้าที่เสียหาย แทนที่จะเป็นหน้าที่ลดความสามารถลง

เมื่อกลุ่มเป้าหมายใช้เบราว์เซอร์สมัยใหม่ถึง 99% GD ช่วยให้ทีมปรับให้เหมาะกับกรณีทั่วไปและเพิ่มทางเลือกสำรองเมื่อจำเป็น สำหรับเครื่องมือภายในหรือแอปเฉพาะทางที่รู้จักผู้ใช้ การเลือกนี้อาจเป็นทางเลือกเชิงปฏิบัติ เพราะวินัยของ PE มีต้นทุนส่วนเกิน

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

โครงการจริงมักผสมทั้งสองแนวทาง โดยแสดงผล HTML หลักจากเซิร์ฟเวอร์ (PE สำหรับเส้นทางสำคัญ) และส่งชุดไฟล์ JS ขนาดใหญ่ที่ช่วยเพิ่มความสามารถ (ทางเลือกสำรองแบบ GD สำหรับเบราว์เซอร์รุ่นเก่า) โปรดตระหนักถึงทางเลือกแต่ละอย่างอย่างมีสติ แทนที่จะใช้กลยุทธ์ใดกลยุทธ์หนึ่งโดยไม่พิจารณา

ทีมที่ใช้ PE ให้ความสำคัญกับ SSR มาร์กอัปเชิงความหมาย และปลายทางที่ทนทาน ทีมที่ใช้ GD ให้ความสำคัญกับตัวแปลงโค้ด โพลีฟิลล์ และการรวมชุดไฟล์แบบมีเงื่อนไข ทั้งสองชุดเครื่องมือส่งบางสิ่งไปยังเบราว์เซอร์รุ่นเก่า ความแตกต่างทางปรัชญาคือพื้นฐานของฝ่ายใดเป็นตัวขับเคลื่อนสถาปัตยกรรม

โปรดบันทึกตารางเบราว์เซอร์ที่รองรับและกลยุทธ์ที่ใช้ว่าเป็นแบบใด เช่น "เราใช้ PE: เว็บไซต์ทำงานได้ในเบราว์เซอร์ใด ๆ ที่รองรับ HTML เมื่อปิดใช้ JS" หรือ "เราใช้ GD: ประสบการณ์เต็มรูปแบบบนโครม/ไฟร์ฟอกซ์/ซาฟารีสองเวอร์ชันล่าสุด และมีทางเลือกสำรองแบบอ่านอย่างเดียวพื้นฐานในไออี11" ทั้งสองแบบใช้ได้ ความคลุมเครือต่างหากคือศัตรู

PE มีต้นทุนการออกแบบล่วงหน้าสูงกว่า แต่บำรุงรักษาต่อเนื่องน้อยกว่า เพราะพื้นฐานแทบไม่เสียหาย GD มีต้นทุนล่วงหน้าต่ำกว่า แต่ระยะยาวแพงกว่าเมื่อโพลีฟิลล์และตัวปรับความเข้ากันได้เพิ่มขึ้นเรื่อย ๆ โปรดเลือกโดยคำนึงถึงอายุการใช้งานที่คาดหวังของโครงการ

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