Signed Exchange เปิดตัวสำหรับเว็บไซต์บนเดสก์ท็อป

Sid Lall

Devin Mullins

Signed Exchange (SXG) เป็นกลไกการนำส่งที่ช่วยเพิ่มความเร็วเว็บไซต์และปรับปรุง Largest Contentful Paint (LCP) ได้โดยการเปิดใช้การดึงข้อมูลล่วงหน้าแบบข้ามต้นทางที่รักษาความเป็นส่วนตัว ในงาน I/O 2022 คณะทำงานของ SXG จาก Google ได้ดูตัวอย่างแผนที่จะเพิ่มฟีเจอร์ใหม่ๆ ของ SXG และการไปยังส่วนต่างๆ ของเว็บไซต์สนับสนุนในแพลตฟอร์มอื่นๆ วันนี้ เราจะเปิดตัวฟีเจอร์ชุดแรกและฟีเจอร์อื่นๆ ที่จะเพิ่มเข้ามาในอีกไม่กี่เดือนข้างหน้า

• รองรับการไปยังส่วนต่างๆ ในเว็บไซต์บนเดสก์ท็อป
• การรองรับ SXG ของ Google Search จากเรื่องเด่นและ News
• การรองรับการปรับเปลี่ยนฝั่งเซิร์ฟเวอร์ในแบบของคุณ

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

รองรับการไปยังส่วนต่างๆ ในเดสก์ท็อป

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

เราประเมินว่า ¹ รุ่นนี้จะให้ SXG ครอบคลุมการเข้าชมเว็บไซต์ของคุณโดยเฉลี่ยเป็น 2 เท่า ซึ่งจะช่วยเพิ่มการโหลดและประสิทธิภาพสำหรับผู้ใช้จำนวนมากขึ้น ปัจจุบันบนอุปกรณ์เคลื่อนที่ การปรับปรุงความเร็วนี้จะลด LCP โดยเฉลี่ยได้ระหว่าง 300-400 มิลลิวินาทีสำหรับการนำทางจาก Google Search

วิธีใช้ประโยชน์จากฟีเจอร์นี้

คุณไม่จำเป็นต้องดำเนินการใดๆ เพิ่มเติมในการเปิดใช้งาน Signed Exchange สำหรับเว็บไซต์เวอร์ชันเดสก์ท็อป ฟีเจอร์นี้รองรับอยู่แล้วทั้งในเครื่องมือ Automatic Signed Exchange ของ Cloudflare และชุดเครื่องมือ SXG แบบโอเพนซอร์ส

คุณเลือกไม่ใช้การทำงานนี้ได้หากต้องการใช้เมตาแท็กสื่อที่รองรับ ดูข้อมูลเพิ่มเติมที่นี่

ดูข้อมูลเพิ่มเติมเกี่ยวกับผลกระทบของ Signed Exchange

แบรนด์และเว็บไซต์ระดับโลกหลายแห่งได้รับประโยชน์จาก Signed Exchanges อยู่แล้ว มาดูกรณีศึกษาบางส่วนสำหรับผู้ใช้ SXG ในปัจจุบันที่ใช้ Android บนอุปกรณ์เคลื่อนที่กัน

Cloudflare ซึ่งเป็นเครือข่ายการกระจายเนื้อหา (CDN ชั้นนำ) ได้ทำการทดสอบเพื่อวัดผลกระทบของ Signed Exchanges ต่อลูกค้าของเว็บไซต์ 500 แห่งที่ทำการทดสอบ โดยมีรายละเอียดดังนี้

• 85% พบว่า LCP เพิ่มขึ้น
• 98% สังเกตการณ์ได้ว่าเวลาเป็นไบต์แรก (TTFB) ลดลง
• ค่ามัธยฐาน เพิ่มขึ้น 20% ในเมตริกเหล่านี้

RebelMouse ซึ่งเป็นระบบจัดการเนื้อหา (CMS) ที่โดดเด่นได้บันทึกการปรับปรุงเมตริกธุรกิจและประสิทธิภาพสำหรับลูกค้า ซึ่งรวมถึง

• LCP เพิ่มขึ้น 41% สำหรับ Narcity
• จำนวนเซสชันต่อผู้ใช้เพิ่มขึ้น 27% สำหรับ Paper Magazine
• เวลาในการโหลดลดลง 21% สำหรับบล็อก MTL

การรองรับเรื่องเด่นและข่าวสารของ Google Search

Google Search เป็นผู้ใช้รายแรกสุดที่เปิดรับนวัตกรรมแบบข้ามต้นทางการรักษาความเป็นส่วนตัวแบบข้ามต้นทางของ Signed Exchanges ซึ่งจนถึงปัจจุบันนั้นพร้อมใช้งานสำหรับการไปยังส่วนต่างๆ ของเว็บไซต์จากผลการค้นหาในหน้าเว็บของ Search ตั้งแต่เดือนกรกฎาคม 2022 เป็นต้นไป Search จะขยายการรองรับนี้ให้ครอบคลุมการนําทางจาก "เรื่องเด่น" และ "ข่าวสาร" ด้วย โปรดทราบว่า แม้ว่า SXG จะไม่ส่งผลต่อเกณฑ์การจัดอันดับหรือการเลือกใน Google Search แต่ก็ปรับปรุง Core Web Vitals (LCP) ของเว็บไซต์ที่เฉพาะเจาะจงได้

คุณไม่จำเป็นต้องดำเนินการใดๆ เพิ่มเติมในการเปิดใช้งาน ฟีเจอร์นี้พร้อมใช้งานโดยอัตโนมัติทั้งสำหรับผู้ใช้เดิมและผู้ใช้รายใหม่

การรองรับการปรับเปลี่ยนฝั่งเซิร์ฟเวอร์ในแบบของคุณ

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

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

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

วิธีเปิดใช้ฟีเจอร์นี้

การเปิดใช้ Dynamic SXG กำหนดให้คุณต้องเพิ่มคำอธิบายประกอบ Vary: Cookie ในส่วนหัว HTTP ของหน้าเว็บที่มีการปรับเปลี่ยนฝั่งเซิร์ฟเวอร์ในแบบของคุณ ตัวอย่างวิธีการมีดังนี้ โดยอิงตามเซิร์ฟเวอร์ของคุณ

• Apache: Header add Vary Cookie
• nginx: add_header Vary Cookie
• ด่วน: res.append('Vary', 'Cookie')

โปรดทราบว่า Signed Exchange ยังคงใช้งานร่วมกับการปรับเปลี่ยนในแบบของคุณฝั่งไคลเอ็นต์ที่คุณใช้เพื่อโหลดองค์ประกอบต่างๆ เช่น วิดเจ็ตการเข้าสู่ระบบ รถเข็นช็อปปิ้ง หรือฟีดข่าวที่ปรับเปลี่ยนในแบบของคุณได้

ขั้นตอนถัดไป

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

เชิงอรรถ

[1]: ค่าประมาณนี้อิงตามข้อมูลย้อนหลังของการเข้าชม Signed Exchange ในเบราว์เซอร์ Chromium บนอุปกรณ์เคลื่อนที่ จํานวนจริงจะแตกต่างกันไปตามเว็บไซต์