กรณีศึกษา
ปลดล็อกพลังของคําค้นหาคอนเทนเนอร์ CSS: บทเรียนจากทีม Netflix
กรณีศึกษานี้อธิบายถึงประโยชน์ของการใช้การค้นหาคอนเทนเนอร์ที่ Netflix
วิธีที่ Tokyu ลงชื่อเข้าใช้ได้เร็วขึ้น 12 เท่าด้วยพาสคีย์
ดูวิธีที่บริษัท Tokyu ซึ่งเป็นบริษัทรถไฟในญี่ปุ่นลงชื่อเข้าใช้ด้วยพาสคีย์ได้เร็วขึ้นถึง 12 เท่า ซึ่งช่วยเหลือผู้เดินทางหลายพันคนในทุกๆ วัน
ทำไม Google ชีตจึงย้ายผู้ปฏิบัติงานด้านการคำนวณจาก JavaScript ไปใช้ WasmGC
ตอนแรกการคำนวณใน Google ชีตจะทําบนเซิร์ฟเวอร์ จากนั้นในไคลเอ็นต์ใน JavaScript และในไคลเอ็นต์ใน WebAssembly Garbage Collection กรณีศึกษานี้จะอธิบายวิธีการและเหตุผล
ลดความติดขัดและควบคุมได้มากขึ้น: วิธีที่ Google Meet ปรับปรุงสิทธิ์ด้านเสียงและวิดีโอ
กรณีศึกษานี้อธิบายวิธีที่ทีม Google Meet ปรับปรุงสิทธิ์และผลกระทบที่มีต่อผู้ใช้ ความพึงพอใจสูงสุด
BILIBILI ใช้โซลูชัน AI บนเว็บในอุปกรณ์ของ MediaPipe เพื่อปรับปรุง UX ของสตรีมวิดีโอและเพิ่มระยะเวลาเซสชันได้เพิ่มขึ้น 30%
ดูว่าเว็บสร้างประสบการณ์ 3 มิติที่สมจริงเพื่อช่วยให้ลูกค้าเข้าใจและสำรวจผลิตภัณฑ์ที่จับต้องได้ได้อย่างไร
Disney+ Hotstar เพิ่มยอดดูการ์ดรายสัปดาห์ในอุปกรณ์ในห้องนั่งเล่นได้ถึง 100% ด้วยการลด INP 61% ได้อย่างไร
ค้นพบวิธีที่ Disney+ Hotstar ซึ่งเป็นแอปสำหรับสมาร์ททีวีและอุปกรณ์รับสัญญาณ เพิ่มการมีส่วนร่วมของผู้ชมได้อย่างมากจากการลด INP ของแอป
อินเทอร์แอกทีฟ 3 มิติบนเว็บด้วยฮาร์ดแวร์ของ Google: ประสบการณ์ด้านการศึกษาเกี่ยวกับผลิตภัณฑ์ยุคใหม่
ดูว่าเว็บสร้างประสบการณ์ 3 มิติที่สมจริงเพื่อช่วยให้ลูกค้าเข้าใจและสำรวจผลิตภัณฑ์ที่จับต้องได้ได้อย่างไร
วิธีที่แพลตฟอร์มการจัดการความยินยอมของ PubTech ลด INP ของเว็บไซต์ของลูกค้าได้มากถึง 64% และเพิ่มการมองเห็นโฆษณาได้ถึง 1.5%
วิธีที่แพลตฟอร์มการจัดการความยินยอมของ PubTech ลด INP ของเว็บไซต์ของลูกค้าได้มากถึง 64% และเพิ่มการมองเห็นโฆษณาได้ถึง 1.5%
Goodnote ได้ทุกที่
ในช่วง 2 ปีที่ผ่านมา ทีมวิศวกรของ Goodnotes ได้ทำโครงการอะไรสักอย่างเพื่อให้แอปจดบันทึกบน iPad ที่ประสบความสำเร็จนี้ใช้งานได้บนแพลตฟอร์มอื่นๆ กรณีศึกษานี้ครอบคลุมวิธีที่แอป iPad ในปี 2022 ปรากฏในเว็บ, ChromeOS, Android และ Windows ที่ขับเคลื่อนโดยเทคโนโลยีเว็บ และ WebAssembly นำโค้ด Swift เดิมที่ทีมใช้มาใหม่มากว่า 10 ปี
Taboola ผู้ให้บริการแนะนำเนื้อหาใช้ LoAF ในการปรับปรุง INP สูงสุด 36% สำหรับเว็บไซต์พาร์ทเนอร์ผู้เผยแพร่โฆษณา
Taboola ผู้ให้บริการแนะนำเนื้อหาใช้ LoAF ในการปรับปรุง INP สูงสุด 36% สำหรับเว็บไซต์พาร์ทเนอร์ผู้เผยแพร่โฆษณา
CapCut ได้เพิ่มการเข้าชมที่เกิดขึ้นเอง 83% โดยการสร้างเว็บแอปที่ทำงานได้อย่างสมบูรณ์โดยใช้ WebAssembly และ WebCodecs
แอปตัดต่อวิดีโอที่ได้รับความนิยมมากที่สุดแอปหนึ่งสำหรับอุปกรณ์เคลื่อนที่สร้างเวอร์ชันเว็บที่ทำงานได้อย่างสมบูรณ์ได้อย่างไร
พลังของเว็บสำหรับนักวาดภาพประกอบ: วิธีที่ pixiv ใช้เทคโนโลยีเว็บสำหรับแอปวาดภาพของตน
pixiv เป็นบริการชุมชนออนไลน์สำหรับนักวาดภาพและผู้สนใจงานภาพเพื่อสื่อสารกันผ่านเนื้อหา ซึ่งช่วยให้ผู้ใช้โพสต์ภาพของตนเองได้ โดยมีผู้ใช้กว่า 84 ล้านคน ทั่วโลก และผลงานศิลปะที่โพสต์มากกว่า 120 ล้านชิ้น ณ เดือนพฤษภาคม 2023 pixiv Sketch
วิธีที่ Tokopedia ลดต้นทุนการดำเนินงานด้วยการปรับปรุงเว็บแอปของผู้ขายโดยใช้แมชชีนเลิร์นนิง
โพสต์นี้อธิบายวิธีที่ Mitra Tokopedia ลดต้นทุนการดำเนินงานด้วยการปรับปรุงเว็บแอปของผู้ขายโดยใช้แมชชีนเลิร์นนิง
วิธีที่ Trendsol ลด INP ลง 50% ส่งผลให้อัตราการคลิกผ่านเพิ่มขึ้น 1%
กรณีศึกษานี้อธิบายเวิร์กโฟลว์แบบทีละขั้นตอนสำหรับการแก้ไขข้อบกพร่องและปรับปรุง INP ใน React ที่ Trendsol ใช้งานโดยใช้ประโยชน์จากเครื่องมือของ Google เช่น PageSpeed Insights (PSI), Chrome DevTools และ Scheduler.yield API
วิธีที่ Kiwix PWA ช่วยให้ผู้ใช้จัดเก็บข้อมูลกิกะไบต์จากอินเทอร์เน็ตเพื่อการใช้งานแบบออฟไลน์
กรณีศึกษานี้สำรวจวิธีที่ Kiwix ซึ่งเป็นองค์กรไม่แสวงผลกำไร ใช้เทคโนโลยี Progressive Web App และ File System Access API เพื่อให้ผู้ใช้ดาวน์โหลดและจัดเก็บข้อมูลถาวรของอินเทอร์เน็ตขนาดใหญ่สำหรับการใช้งานแบบออฟไลน์
วิธีที่ Yahoo! JAPAN เพิ่มการใช้พาสคีย์เป็น 11% และลดต้นทุนค่า OTP สำหรับ SMS
ดูข้อมูลเกี่ยวกับ Yahoo! แนวทางการปรับปรุงการใช้พาสคีย์และประสบการณ์ของผู้ใช้ในญี่ปุ่น
การดึงข้อมูลล่วงหน้าช่วยให้ Terra เพิ่มอัตราการคลิกผ่านโฆษณา 30% และทำให้ Largest Contentful Paint เร็วขึ้นได้อย่างไร
การดึงข้อมูลล่วงหน้าเป็นเทคนิคที่ใช้ในการเร่งการโหลดหน้าเว็บโดยการดาวน์โหลดทรัพยากรหรือแม้แต่หน้าเว็บทั้งหน้า ซึ่งมีแนวโน้มที่จะต้องใช้ในอนาคตอันใกล้ งานวิจัยพบว่าความเร็วในการโหลดที่เร็วขึ้นจะส่งผลให้อัตรา Conversion สูงขึ้นและประสบการณ์ของผู้ใช้ที่ดีขึ้น
Back-Forward Cache ช่วย Yahoo! ได้อย่างไร JAPAN News มีรายได้เพิ่มขึ้น 9% ในอุปกรณ์เคลื่อนที่
Yahoo! JAPAN News ซึ่งเป็นแพลตฟอร์มข่าวที่ได้รับความนิยมสูงสุดในญี่ปุ่น ได้ร่วมมือกันปรับปรุงอัตราการค้นพบ bfcache จนประสบผลสำเร็จอย่างมากจากการใช้ประสบการณ์ของผู้ใช้และการปรับปรุงธุรกิจ โดยเฉพาะอย่างยิ่ง ผลการทดสอบ A/B ที่บริษัทได้ดำเนินการแสดงให้เห็นว่า หน้าเว็บที่ใช้ bfcache มีรายได้จากโฆษณาเพิ่มขึ้น 9%
วิธีที่ redBus ปรับปรุงการโต้ตอบกับ Next Paint (INP) ของเว็บไซต์และเพิ่มยอดขาย 7%
การเพิ่มประสิทธิภาพ INP ช่วย redBus เพิ่มยอดขายประมาณ 7%
ภารกิจ Economic Times เพื่อแก้ไข INP
การลด TBT ลง 30 ครั้งและย้ายข้อมูลไปยัง Next.js ช่วยให้ The Ecomonic Times ลด INP เกือบ 4 เท่า ทำให้อัตราตีกลับลดลง 50% และการดูหน้าเว็บเพิ่มขึ้น 43%
วิธีที่ Slow Roads ดึงดูดความสนใจของเหล่าเกมเมอร์และนักพัฒนาซอฟต์แวร์เหมือนกัน โดยการเน้นความสามารถที่น่าทึ่งของ 3 มิติในเบราว์เซอร์
ค้นพบศักยภาพของ WebGL ด้วยภาพทิวทัศน์ที่ไม่มีที่สิ้นสุดซึ่งสร้างตามลำดับขั้นตอนของเกมขับรถเล่นสบายๆ นี้ Slow Roads เป็นเกมขับรถเล่นง่ายๆ ที่เน้นภาพทิวทัศน์ที่สร้างขึ้นอย่างไม่มีที่สิ้นสุด ทั้งหมดนี้โฮสต์ในเบราว์เซอร์เป็น แอปพลิเคชัน WebGL
การสร้างเว็บที่ดีขึ้น: YouTube ที่เร็วขึ้น
เนื้อหานี้เป็นส่วนที่ 1 ของซีรีส์ใหม่เรื่องการสร้างเว็บ YouTube ที่ดีขึ้น
วิธีที่การลงทุนใน Core Web Vitals ของ Rakuten 24 เพิ่มรายได้ต่อผู้เข้าชมได้ 53.37% และอัตรา Conversion เพิ่มขึ้น 33.13%
เมื่อวัดผู้ใช้จริง Web Vitals แล้ว Rakuten 24 ยังพบว่า Largest Contentful Paint (LCP) ที่ดีอาจทำให้อัตรา Conversion เพิ่มขึ้นถึง 61.13%
วิธีที่เว็บไซต์ + บริการการตลาดของ GoDaddy ปรับปรุง Core Web Vitals ของลูกค้าได้ถึง 75%
กรณีศึกษาเกี่ยวกับการเปลี่ยนแปลงที่ GoDaddy นำมาใช้เพื่อปรับปรุงประสิทธิภาพของเว็บไซต์ในหลายล้านเว็บไซต์ ซึ่งช่วยให้เว็บไซต์เหล่านั้นได้รับ PageSpeed Insights และคะแนน Core Web Vitals ที่ดี
Farfetch ผู้ค้าปลีกสุดหรูได้รับอัตรา Conversion สูงขึ้นสำหรับ Core Web Vitals ที่ดีขึ้น
วิธีที่ Farfetch ซึ่งเป็นการลงทุนในร้านค้าปลีกสุดหรูเพื่อปรับปรุง Core Web Vitals นำไปสู่ผลลัพธ์ทางธุรกิจที่ดีขึ้น
Yahoo! การตรวจสอบสิทธิ์แบบไม่ต้องใช้รหัสผ่านของญี่ปุ่นลดการสอบถามลง 25% และเพิ่มเวลาในการลงชื่อเข้าใช้ได้เร็วขึ้น 2.6 เท่า
Yahoo! JAPAN ได้รับระบบข้อมูลประจำตัวที่ไม่ต้องใช้รหัสผ่าน เรียนรู้วิธีการดำเนินการขององค์กรและผลที่ตามมาจากความพยายามขององค์กร
วิธีที่ RebelMouse เพิ่มความภักดีและการมีส่วนร่วมโดยการเพิ่มประสิทธิภาพ Core Web Vitals
กรณีศึกษาที่วัดผลกระทบทั้งหมดและประโยชน์ของคะแนนประสิทธิภาพที่สูงใน Core Web Vitals
ประสบการณ์การใช้งานเว็บที่ทันสมัยบน Adobe Experience Manager พร้อม WorkBox
Progressive Web App ใช้ประโยชน์จากสิ่งที่เว็บสมัยใหม่ทำได้ โดย Adobe ใช้ Workbox เพื่อนำความสามารถเหล่านั้นมาไว้ใน Adobe Experience Manager
PWA ของ MishiPay เพิ่มการทำธุรกรรมขึ้น 10 เท่าและช่วยประหยัดเวลาในการจัดคิว 2.5 ปี
ดูวิธีที่ PWA ของ MishiPay เพิ่มธุรกรรมถึง 10 เท่าและช่วยประหยัดเวลาในการจัดคิวถึง 2.5 ปี
The Economic Times ผ่านเกณฑ์ Core Web Vitals และได้รับอัตราตีกลับที่ดีขึ้น 43% โดยรวมได้อย่างไร
การเพิ่มประสิทธิภาพ Core Web Vitals ในเว็บไซต์ The Economic Times ปรับปรุงประสบการณ์ของผู้ใช้ได้อย่างมากและลดอัตราตีกลับของทั้งเว็บไซต์อย่างมาก