วิธีที่ RUMvision รวมข้อมูลพื้นฐานเข้ากับข้อมูล RUM

ดูวิธีที่ Ray-Ban ปรับปรุง LCP โดยใช้ Speculation Rules API และวิธีที่ API นี้ช่วยปรับปรุงประสิทธิภาพทางธุรกิจของแพลตฟอร์มอีคอมเมิร์ซของ Ray-Ban

QuintoAndar ปรับปรุงประสิทธิภาพของเว็บได้อย่างมากด้วยการลด Interaction to Next Paint (INP) ลง 80% ซึ่งส่งผลให้ Conversion เพิ่มขึ้น 36% เมื่อเทียบกับปีก่อน

กรณีศึกษานี้อธิบายถึงประโยชน์ของการใช้การค้นหาคอนเทนเนอร์ที่ Netflix

ดูวิธีที่บริษัท Tokyu ซึ่งเป็นบริษัทรถไฟในญี่ปุ่นลงชื่อเข้าใช้ด้วยพาสคีย์ได้เร็วขึ้นถึง 12 เท่า ซึ่งช่วยเหลือผู้เดินทางหลายพันคนในทุกๆ วัน

ตอนแรกการคำนวณใน Google ชีตจะทําบนเซิร์ฟเวอร์ จากนั้นในไคลเอ็นต์ใน JavaScript และในไคลเอ็นต์ใน WebAssembly Garbage Collection กรณีศึกษานี้จะอธิบายวิธีการและเหตุผล

กรณีศึกษานี้อธิบายวิธีที่ทีม Google Meet ปรับปรุงสิทธิ์และผลกระทบที่มีต่อผู้ใช้ ความพึงพอใจสูงสุด

ดูว่าเว็บสร้างประสบการณ์ 3 มิติที่สมจริงเพื่อช่วยให้ลูกค้าเข้าใจและสำรวจผลิตภัณฑ์ที่จับต้องได้ได้อย่างไร

ค้นพบวิธีที่ Disney+ Hotstar ซึ่งเป็นแอปสำหรับสมาร์ททีวีและอุปกรณ์รับสัญญาณ เพิ่มการมีส่วนร่วมของผู้ชมได้อย่างมากจากการลด INP ของแอป

ดูว่าเว็บสร้างประสบการณ์ 3 มิติที่สมจริงเพื่อช่วยให้ลูกค้าเข้าใจและสำรวจผลิตภัณฑ์ที่จับต้องได้ได้อย่างไร

วิธีที่แพลตฟอร์มการจัดการความยินยอมของ PubTech ลด INP ของเว็บไซต์ของลูกค้าได้มากถึง 64% และเพิ่มการมองเห็นโฆษณาได้ถึง 1.5%

ในช่วง 2 ปีที่ผ่านมา ทีมวิศวกรของ Goodnotes ได้ทำโครงการอะไรสักอย่างเพื่อให้แอปจดบันทึกบน iPad ที่ประสบความสำเร็จนี้ใช้งานได้บนแพลตฟอร์มอื่นๆ กรณีศึกษานี้ครอบคลุมวิธีที่แอป iPad ในปี 2022 ปรากฏในเว็บ, ChromeOS, Android และ Windows ที่ขับเคลื่อนโดยเทคโนโลยีเว็บ และ WebAssembly นำโค้ด Swift เดิมที่ทีมใช้มาใหม่มากว่า 10 ปี

แอปตัดต่อวิดีโอที่ได้รับความนิยมมากที่สุดแอปหนึ่งสำหรับอุปกรณ์เคลื่อนที่สร้างเวอร์ชันเว็บที่ทำงานได้อย่างสมบูรณ์ได้อย่างไร

Taboola ผู้ให้บริการแนะนำเนื้อหาใช้ LoAF ในการปรับปรุง INP สูงสุด 36% สำหรับเว็บไซต์พาร์ทเนอร์ผู้เผยแพร่โฆษณา

pixiv เป็นบริการชุมชนออนไลน์สำหรับนักวาดภาพและผู้สนใจงานภาพเพื่อสื่อสารกันผ่านเนื้อหา ซึ่งช่วยให้ผู้ใช้โพสต์ภาพของตนเองได้ โดยมีผู้ใช้กว่า 84 ล้านคน ทั่วโลก และผลงานศิลปะที่โพสต์มากกว่า 120 ล้านชิ้น ณ เดือนพฤษภาคม 2023 pixiv Sketch

โพสต์นี้อธิบายวิธีที่ Mitra Tokopedia ลดต้นทุนการดำเนินงานด้วยการปรับปรุงเว็บแอปของผู้ขายโดยใช้แมชชีนเลิร์นนิง

กรณีศึกษานี้อธิบายเวิร์กโฟลว์แบบทีละขั้นตอนสำหรับการแก้ไขข้อบกพร่องและปรับปรุง INP ใน React ที่ Trendsol ใช้งานโดยใช้ประโยชน์จากเครื่องมือของ Google เช่น PageSpeed Insights (PSI), Chrome DevTools และ Scheduler.yield API

กรณีศึกษานี้สำรวจวิธีที่ Kiwix ซึ่งเป็นองค์กรไม่แสวงผลกำไร ใช้เทคโนโลยี Progressive Web App และ File System Access API เพื่อให้ผู้ใช้ดาวน์โหลดและจัดเก็บข้อมูลถาวรของอินเทอร์เน็ตขนาดใหญ่สำหรับการใช้งานแบบออฟไลน์

ดูข้อมูลเกี่ยวกับ Yahoo! แนวทางการปรับปรุงการใช้พาสคีย์และประสบการณ์ของผู้ใช้ในญี่ปุ่น

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

Yahoo! JAPAN News ซึ่งเป็นแพลตฟอร์มข่าวที่ได้รับความนิยมสูงสุดในญี่ปุ่น ได้ร่วมมือกันปรับปรุงอัตราการค้นพบ bfcache จนประสบผลสำเร็จอย่างมากจากการใช้ประสบการณ์ของผู้ใช้และการปรับปรุงธุรกิจ โดยเฉพาะอย่างยิ่ง ผลการทดสอบ A/B ที่บริษัทได้ดำเนินการแสดงให้เห็นว่า หน้าเว็บที่ใช้ bfcache มีรายได้จากโฆษณาเพิ่มขึ้น 9%

การลด TBT ลง 30 ครั้งและย้ายข้อมูลไปยัง Next.js ช่วยให้ The Ecomonic Times ลด INP เกือบ 4 เท่า ทำให้อัตราตีกลับลดลง 50% และการดูหน้าเว็บเพิ่มขึ้น 43%

การเพิ่มประสิทธิภาพ INP ช่วย redBus เพิ่มยอดขายประมาณ 7%

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

เนื้อหานี้เป็นส่วนที่ 1 ของซีรีส์ใหม่เรื่องการสร้างเว็บ YouTube ที่ดีขึ้น

เมื่อวัดผู้ใช้จริง Web Vitals แล้ว Rakuten 24 ยังพบว่า Largest Contentful Paint (LCP) ที่ดีอาจทำให้อัตรา Conversion เพิ่มขึ้นถึง 61.13%

กรณีศึกษาเกี่ยวกับการเปลี่ยนแปลงที่ GoDaddy นำมาใช้เพื่อปรับปรุงประสิทธิภาพของเว็บไซต์ในหลายล้านเว็บไซต์ ซึ่งช่วยให้เว็บไซต์เหล่านั้นได้รับ PageSpeed Insights และคะแนน Core Web Vitals ที่ดี

วิธีที่ Farfetch ซึ่งเป็นการลงทุนในร้านค้าปลีกสุดหรูเพื่อปรับปรุง Core Web Vitals นำไปสู่ผลลัพธ์ทางธุรกิจที่ดีขึ้น

Yahoo! JAPAN ได้รับระบบข้อมูลประจำตัวที่ไม่ต้องใช้รหัสผ่าน เรียนรู้วิธีการดำเนินการขององค์กรและผลที่ตามมาจากความพยายามขององค์กร

กรณีศึกษาที่วัดผลกระทบทั้งหมดและประโยชน์ของคะแนนประสิทธิภาพที่สูงใน Core Web Vitals

Progressive Web App ใช้ประโยชน์จากสิ่งที่เว็บสมัยใหม่ทำได้ โดย Adobe ใช้ Workbox เพื่อนำความสามารถเหล่านั้นมาไว้ใน Adobe Experience Manager

ดูวิธีที่ PWA ของ MishiPay เพิ่มธุรกรรมถึง 10 เท่าและช่วยประหยัดเวลาในการจัดคิวถึง 2.5 ปี

การเพิ่มประสิทธิภาพ Core Web Vitals ในเว็บไซต์ The Economic Times ปรับปรุงประสบการณ์ของผู้ใช้ได้อย่างมากและลดอัตราตีกลับของทั้งเว็บไซต์อย่างมาก

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

โปรเจ็กต์ที่มุ่งเน้นการเพิ่มประสิทธิภาพ Core Web Vitals และการเปลี่ยนไปใช้ Next.js ส่งผลให้อัตรา Conversion เพิ่มขึ้น 5% และจํานวนหน้าเว็บต่อเซสชันเพิ่มขึ้น 87%

บริษัทอย่าง Kapwing ช่วยให้สร้างเนื้อหาวิดีโอทั้งหมดนี้บนเว็บได้โดยใช้ API ที่มีประสิทธิภาพ (เช่น IndexedDB และ WebCodecs) และเครื่องมือด้านประสิทธิภาพ

แปลงสีหรือรูปภาพบิตแมปโมโนโครม (PNG, JPG, JPEG, WEBP, AVIF, GIF,...) ให้เป็นสีหรือรูปภาพเวกเตอร์โมโนโครม (SVG)

การทำงานหลายเดือนเพื่อปรับปรุง Core Web Vitals ในหน้าแรกของ Mail.ru ส่งผลให้เปอร์เซ็นไทล์ที่ 75 ใน Cumulative Layout Shift (CLS) เพิ่มขึ้น 60% ทำให้ระยะเวลาเซสชันโดยเฉลี่ยเพิ่มขึ้น 2.7% และอัตรา Conversion ของส่วนหลักเพิ่มขึ้นมากกว่า 10%

โพสต์นี้อธิบายถึงวิธีที่ Renault และพาร์ทเนอร์ด้านข้อมูลทั่วโลก 55 รายใช้แนวทางการวัดผลและเพิ่มประสิทธิภาพ Core Web Vitals ทีมได้วิเคราะห์ข้อมูลจากการเข้าชม 10 ล้านครั้งในหน้า Landing Page และพบว่า Largest Contentful Paint และ Conversion มีความเชื่อมโยงกันอย่างมาก ทั้งยังเพิ่มความพยายามในการเพิ่มประสิทธิภาพเป็น 2 เท่า เราจะดูที่จุดข้อมูลและทำความเข้าใจว่าทีมจัดระเบียบอย่างไรเพื่อเพิ่มประสิทธิภาพ

กรณีศึกษานี้อธิบายว่าทีม Swappie เพิ่ม Conversion และรายได้ด้วยการเพิ่มประสิทธิภาพเว็บแอปสำหรับ Core Web Vitals ได้อย่างไร

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

ดูวิธีที่ผู้เผยแพร่เนื้อหาข่าวของเยอรมนี Netzwelt เพิ่มประสิทธิภาพ Core Web Vitals เพื่อปรับปรุงประสบการณ์ของผู้ใช้และเพิ่มรายได้จากโฆษณา

วิธีที่ Blibli ลดอัตราตีกลับ 42% อัตรา Conversion อุปกรณ์เคลื่อนที่เพิ่มขึ้น 8 เท่า และมีจำนวนหน้าเว็บต่อเซสชันเพิ่มขึ้น 2.5 เท่า

วิธีที่ Telegraph เว็บไซต์ข่าวชั้นนำของสหราชอาณาจักรจัดการ CLS เปอร์เซ็นไทล์ที่ 75 ขึ้น 250% จาก 0.25 เป็น 0.1 ภายในเวลาไม่กี่เดือน

PWA ใหม่ยังใช้เวลาโหลดเร็วกว่าเว็บไซต์เก่า 30% และมีอัตราตีกลับเพิ่มขึ้น 12% และความลึกของเซสชัน 18%

Mainline Menswear โดยใช้ Progressive Web App (PWA) และได้รับอัตรา Conversion เพิ่มขึ้น 55% สำหรับผู้ใช้ที่ติดตั้งแอปซึ่งสามารถแคชและใช้งานแบบออฟไลน์ได้

ทีมดูแลเว็บของ Zalando พบว่าการผสานรวม Lighthouse CI ช่วยสร้างแนวทางด้านประสิทธิภาพเชิงรุก การตรวจสอบสถานะอัตโนมัติสามารถเปรียบเทียบสัญญาผูกมัดปัจจุบันกับสาขาหลักได้เพื่อป้องกันการถดถอยด้านประสิทธิภาพ

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

การทดสอบ A/B ซึ่งมุ่งเน้นที่การเพิ่มประสิทธิภาพ Web Vitals โดยเฉพาะช่วยให้ Vodafone พบว่า LCP ที่เพิ่มขึ้น 31% ทำให้มียอดขายเพิ่มขึ้น 8% มีอัตราโอกาสในการขายเพิ่มขึ้น 15% และอัตราการเข้าชมร้านค้าเพิ่มขึ้น 11%

กรณีศึกษาเกี่ยวกับการเปลี่ยนแปลงสำคัญบางอย่างที่นำเสนอที่ Wix เพื่อปรับปรุงประสิทธิภาพการโหลดเว็บไซต์ให้กับเว็บไซต์นับล้านๆ แห่ง ช่วยให้เว็บไซต์มีโอกาสได้รับ PageSpeed Insights และคะแนน Core Web Vitals ที่ดี

Search Console และ Lighthouse ได้ค้นพบโอกาสในการเพิ่มประสิทธิภาพคะแนน CLS ได้ถึง 0.2 เมื่อใช้ Search Console และ Lighthouse ทำให้การดูหน้าเว็บต่อเซสชันเพิ่มขึ้น 15%, ระยะเวลาเซสชันนานขึ้น 13% และอัตราตีกลับลดลง 1.72 เปอร์เซ็นต์

อ่านวิธีที่ Agrofy ปรับปรุงอัตราการละทิ้งการโหลดโดยมุ่งเน้นที่ Core Web Vitals

Excalidraw เป็นไวท์บอร์ดเสมือนจริงสำหรับทำงานร่วมกันที่ช่วยให้คุณร่างแผนภาพให้เหมือนวาดด้วยมือได้อย่างง่ายดาย ในโครงการ Excalidraw เราตัดสินใจที่จะเลิกใช้ Excalidraw Desktop ซึ่งเป็น Wrapper อิเล็กตรอนสำหรับ Excalidraw เพื่อให้สอดคล้องกับเวอร์ชันเว็บที่คุณสามารถค้นหาได้เสมอที่ Excalidraw.com หลังจากวิเคราะห์อย่างละเอียดแล้ว เราตัดสินใจว่า Progressive Web App (PWA) คืออนาคตที่เราต้องการพัฒนา

วิธีที่ PWA, WebAssembly และ ChromeOS ช่วยให้โปรแกรมตัดต่อวิดีโอบนเว็บมอบประสิทธิภาพที่ดีขึ้นและประสบการณ์การใช้งานที่น่าดึงดูดมากขึ้นสำหรับผู้ใช้ 12 ล้านคน

นอกจากนี้ ผู้ใช้ PWA ยังมีการใช้งานมากกว่าการติดตั้งประเภทอื่นๆ ถึง 24% กลายเป็นผู้ใช้ที่กลับมาใช้งานซ้ำมากกว่าแพลตฟอร์มอื่นๆ ทั้งหมด 31% และมากกว่า

JD.ID เพิ่มอัตรา Conversion อุปกรณ์เคลื่อนที่โดยรวม (mCVR) ได้ถึง 53%, mCVR สำหรับผู้ใช้ที่ติดตั้งเพิ่มขึ้น 200% และมีผู้ใช้ที่ใช้งานอยู่รายวันเพิ่มขึ้น 26% ได้อย่างไร

การทำให้เว็บแอปสามารถติดตั้งได้ส่งผลให้มีการเข้าชม การรักษาผู้เข้าชม ยอดขายต่อลูกค้า และ Conversion เพิ่มขึ้น

ทีม NDTV ได้ใช้เครื่องมืออย่าง PageSpeed Insights , web.dev/measure และ WebPageTest เพื่อวิเคราะห์ส่วนที่ควรปรับปรุงและลงทุนกับ Core Web Vitals เพื่อมุ่งสู่ความสำเร็จทางธุรกิจ

สร้างแดชบอร์ดประสิทธิภาพเว็บ รวมทั้งเพิ่มประสิทธิภาพ JavaScript, ทรัพยากร และหน้าแรกเพื่อให้ธุรกิจประสบความสำเร็จ

ดูวิธีที่ ZDF สร้าง Progressive Web App (PWA) ที่มาพร้อมฟีเจอร์ที่ทันสมัย เช่น การรองรับการใช้งานออฟไลน์ ความสามารถในการติดตั้ง และโหมดมืด

ดูวิธีที่ Goibibo ซึ่งเป็นบริษัทท่องเที่ยวออนไลน์ชั้นนำของอินเดียได้รับ Conversion เพิ่มขึ้น 60% ด้วยการสร้างประสบการณ์ของผู้ใช้ที่เชื่อถือได้ระหว่างแอป PWA และแอป iOS/Android

สรุปงานที่ทีมสถาปัตยกรรมฟรอนท์เอนด์ของ Mercado Libre ทำเพื่อเพิ่มประสิทธิภาพ FID โดยใช้ TBT เป็นเมตริกพร็อกซี

การปรับปรุงความเร็ว 0.1 วินาทีในเมตริกความเร็ว 4 ประเภทจะช่วยปรับปรุงอัตราความคืบหน้าในช่องทางการซื้อทั้งหมด

กรณีศึกษาเกี่ยวกับประสบการณ์การใช้งาน Wake Lock API ของเว็บไซต์การทำอาหาร BettyCrocker.com

กรณีศึกษานี้อธิบายว่า Google เพิ่มเมตริกธุรกิจโฆษณาหลัก ด้วยการเพิ่มประสิทธิภาพสคริปต์โฆษณาของบุคคลที่สามด้วยการ "ไม่อัปเดต" ขณะตรวจสอบใหม่ได้อย่างไร

กรณีศึกษานี้อธิบายว่า eBay เพิ่มเมตริกธุรกิจที่สำคัญด้วยการเพิ่มประสิทธิภาพประสบการณ์ในเว็บและแอปได้อย่างไร

วิธีที่สตาร์ทอัพด้านการบริการได้สร้างแอป Android ที่อาศัยเนื้อหาเว็บเพื่อเพิ่มการมีส่วนร่วมของผู้ใช้อย่างรวดเร็วและรักษาขนาดไฟล์ให้ต่ำ

วิธีที่ทีม AirSHIFT ใช้ระบบเสมือนจริงของตาราง, ข้อมูล RUM, การโหลดแบบ Lazy Loading, Web Worker, งบประมาณด้านประสิทธิภาพ และแฮ็กกาธอนเพื่อเพิ่มประสิทธิภาพรันไทม์ของแอป React

กรณีศึกษานี้อธิบายว่าทีม Truebil เพิ่ม Conversion และการมีส่วนร่วมด้วยการเพิ่มประสิทธิภาพเว็บแอปให้มีความเร็วและความเสถียรได้อย่างไร

ดูวิธีที่ทีม OpenSooq ใช้แนวทางปฏิบัติแนะนำในการสร้าง Progressive Web App ที่เชื่อถือได้และน่าสนใจ

การปรับปรุงการเข้าถึง Google Earth แบบข้ามเบราว์เซอร์ด้วย WebAssembly

ค้นหาหัวข้อใดก็ได้ใน Google แล้วคุณจะเห็นหน้าผลลัพธ์ที่มีความหมายและมีความเกี่ยวข้อง คุณอาจไม่ทราบมาก่อนว่าหน้าผลการค้นหานี้สามารถแสดงด้วยเทคโนโลยีเว็บที่มีประสิทธิภาพที่เรียกว่า Service Worker

นิกเคอิเป็นธุรกิจสื่อที่มีความน่าเชื่อถือที่สุดแห่งหนึ่งในญี่ปุ่นด้วยประวัติการเผยแพร่มากว่า 140 ปี Nikkei ประสบความสำเร็จในการเปิดตัว Progressive Web App ในเดือนพฤศจิกายน 2017 และได้เห็นผลลัพธ์อันน่าทึ่งจากแพลตฟอร์มใหม่เพื่อมอบประสบการณ์ของผู้ใช้ที่ดียิ่งขึ้นและเร่งการพัฒนาธุรกิจบนเว็บ

George.com เป็นแบรนด์เสื้อผ้าชั้นนำของสหราชอาณาจักร ซึ่งเป็นส่วนหนึ่งของ ASDA Walmart หลังจากอัปเกรดเว็บไซต์เป็น Progressive Web App (PWA) แบรนด์พบว่า Conversion อุปกรณ์เคลื่อนที่เพิ่มขึ้น 31%

BookMyShow เป็นบริษัทจำหน่ายตั๋วที่ใหญ่ที่สุดในอินเดีย ซึ่งมีผู้เข้าชม 50&#43 ล้านคนต่อเดือน บริษัทได้พัฒนาเว็บไซต์ในอุปกรณ์เคลื่อนที่เวอร์ชันปรับปรุงโดยใช้ Progressive Web App (PWA) ที่เพิ่มความเร็วและลดข้อจำกัดด้านข้อมูล ซึ่งส่งผลให้มี Conversion เพิ่มขึ้น 80&#43%

Ele.me เป็นบริษัทสั่งอาหารและจัดส่งอาหารที่ใหญ่ที่สุดในจีนแผ่นดินใหญ่ บริษัทได้สร้าง Progressive Web App (PWA) เป็นแอปแบบหลายหน้าเพื่อปรับปรุงประสบการณ์การใช้งานเว็บบนอุปกรณ์เคลื่อนที่ ช่วยให้การเชื่อมต่อที่ไม่สม่ำเสมอทำงานได้เร็วและน่าเชื่อถือยิ่งขึ้น ขณะเดียวกันก็รองรับความต้องการในการปฏิบัติงานเพื่อให้บริการลูกค้าได้อย่างดีที่สุด

Dance Tonite เป็นการคอลแลบแบบ VR ที่เปลี่ยนโฉมหน้าระบบการทำงานด้วย LCD Soundsystem ของวงและแฟนๆ โปรเจ็กต์นี้สร้างขึ้นใน WebVR และทำงานบนแพลตฟอร์มต่างๆ ได้ไม่ว่าจะมีหรือไม่มี VR ซึ่งช่วยให้ผู้ใช้มีบทบาทที่แตกต่างกันไปในประสบการณ์การใช้งาน ทั้งนี้ขึ้นอยู่กับอุปกรณ์ของผู้ใช้ ผู้สร้างโปรเจ็กต์อย่าง Jonathan Puckey, Moniker และทีม Data Arts ของ Google ได้ตัดสินใจสร้างสรรค์และเทคนิคการเพิ่มประสิทธิภาพขั้นสูงเพื่อเพิ่มประสิทธิภาพการทำงานคุณภาพสูง โดยเกือบ 60FPS สำหรับ 3DoF และ 90FPS สำหรับ 6DoF และมอบประสบการณ์ที่น่าสนใจแก่ผู้ใช้ในทุกแพลตฟอร์มโดยใช้โค้ดเบสเดียว

แบรนด์เครื่องสำอางหรู Lancôme เปิดตัว Progressive Web App (PWA) เพื่อมอบประสบการณ์การใช้งานที่รวดเร็วและคล้ายแอปบนเว็บในอุปกรณ์เคลื่อนที่ เพื่อกระตุ้นทั้งการเข้าชมและการมีส่วนร่วมอีกครั้ง

หลังจากเปิดตัว Progressive Web App อัตรา Conversion ของ MakeMyTrip.com ในเว็บบนอุปกรณ์เคลื่อนที่ก็เพิ่มขึ้น 3 เท่าในขณะที่ความเร็วในการโหลดหน้าเว็บเพิ่มขึ้น 38%

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

Progressive Web App ของ Twitter Lite รวมเอาคุณลักษณะที่ดีที่สุดของเว็บสมัยใหม่และเนทีฟไว้ด้วยกันเพื่อมอบประสบการณ์การใช้งานที่มีประสิทธิภาพยิ่งขึ้น โดยมีเป้าหมายที่ชัดเจนสำหรับการโหลดแบบทันใจ การมีส่วนร่วมของผู้ใช้ และการใช้ข้อมูลที่น้อยลง

การเข้าชม PWA ของ Jumia ได้ลดปริมาณการรับส่งข้อมูลของแอปที่มาพร้อมเครื่องมากกว่า 12 ครั้งและยังคงเพิ่มขึ้นเรื่อยๆ Jumia ยังพบว่าอัตราตีกลับลดลง 50% ด้วย

ทุกๆ เดือน Mynet ให้ผู้เข้าชมมากกว่า 34 ล้านคนเข้าชมเว็บไซต์ของตนด้วยเนื้อหาและบริการข่าว วิดีโอ เกม การเงิน ข้อมูล และความบันเทิง หลังจากเปิดตัว Progressive Web App (PWA) ที่ใช้ Accelerated Mobile Pages (AMP) สำหรับเนื้อหา

Infobae ใช้ประโยชน์จาก Service Worker เพื่อมอบประสิทธิภาพการทำงานที่เสถียรบนเครือข่ายที่ไม่น่าเชื่อถือ PWA ที่ดีที่สุดของบริษัทได้คะแนนประสิทธิภาพถึง 93 เต็ม 100 จาก Lighthouse ซึ่งเป็นเครื่องมืออัตโนมัติสำหรับวัดคุณภาพหน้าเว็บ

สำหรับ OLX การสร้าง Progressive Web App ช่วยเพิ่มการมีส่วนร่วมได้ 250% และลดเวลาของหน้าเป็นการโต้ตอบได้ 23%

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

Voot.com เปิดตัว Progressive Web App สำหรับสื่อในอินเดีย ภายในไม่กี่วันหลังใช้งาน เวลาของเซสชันต่อผู้ใช้เพิ่มขึ้น 39% และการดูรายวันต่อผู้ใช้เพิ่มขึ้น 15% Voot เป็นหนึ่งในผลิตภัณฑ์วิดีโอออนดีมานด์ยอดนิยมของอินเดีย

ดูเว็บไซต์ Santa Tracker ได้อัปเกรดเป็น Progressive Web App ออฟไลน์สำหรับช่วงเทศกาลวันหยุดปี 2016 อย่างรวดเร็ว ส่วนหนึ่งมาจากการออกแบบฉากที่เรามีอยู่แล้ว ตามติดซานต้า เป็นธรรมเนียมวันหยุดที่ Google ทุกๆ ปี

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

ภายในเป็นแพลตฟอร์มสำหรับการเล่าเรื่องในแบบ Virtual Reality และพร้อมใช้งานทุกที่ที่ VR รวมถึงเว็บด้วย การใช้ประโยชน์จาก WebVR จะช่วยให้ผู้ชมไปที่เว็บไซต์ คลิกลิงก์ และดูภาพยนตร์ภายในได้ทันทีในรูปแบบ VR ที่น่าตื่นตาตื่นใจ รวมถึงจอแสดงผลติดศีรษะระดับไฮเอนด์ ในกระบวนการพัฒนา ทีมพบว่าการแสดงข้อความเป็นเรื่องยากในสภาพแวดล้อมใหม่นี้ ทีมจึงสร้างตัวอย่างโดยใช้ตัวปรับแสงเงาเพื่อให้กระบวนการราบรื่นยิ่งขึ้น

ดูสารคดี WebVR คือ API ที่ติดตั้งมาในเบราว์เซอร์ซึ่งรวมการแสดงผลสเตอริโอเข้ากับการติดตามศีรษะแบบเรียลไทม์ ทำให้เพลิดเพลินกับเนื้อหา VR ทางออนไลน์ได้ง่ายและรวดเร็ว WebVR ช่วยให้ครีเอเตอร์เนื้อหาสามารถสร้างเนื้อหา VR

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

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

Carnival Cruise Line ให้บริการการสื่อสารที่เหมาะกับลูกค้าแต่ละคน ด้วยข้อความ Push ดาวน์โหลดกรณีศึกษาในรูปแบบ PDF Carnival Cruise Line หนึ่งในบริษัทท่องเที่ยวเพื่อพักผ่อนที่ใหญ่ที่สุดในโลก ต้องการปรับปรุงวิธีการดึงดูดลูกค้าให้กลับมามีส่วนร่วมอีกครั้ง

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

ดาวน์โหลดกรณีศึกษาในรูปแบบ PDF Guardian News & Media (GNM) เผยแพร่ theguardian.com หนึ่งในเว็บไซต์ข่าวคุณภาพที่ใหญ่ที่สุดในโลก นับตั้งแต่เปิดตัวหนังสือฉบับดิจิทัลของสหรัฐอเมริกาและออสเตรเลียในปี 2011 และ 2013 ตามลำดับ

ดาวน์โหลดกรณีศึกษาในรูปแบบ PDF AliExpress เป็นตลาดค้าปลีกระดับโลกที่เปิดตัวในเดือนเมษายนปี 2010 ซึ่งกำหนดเป้าหมายไปยังผู้บริโภคทั่วโลก

ดาวน์โหลดกรณีศึกษาในรูปแบบ PDF Housing.com เป็นหนึ่งในบริษัทสตาร์ทอัพชั้นนำของอินเดีย ได้รับจำนวนการเข้าชม 50 ล้านครั้งในปีนี้ และได้กลายเป็นหนึ่งในแพลตฟอร์มอสังหาริมทรัพย์ออนไลน์ชั้นนำในอินเดีย หลังจากสร้าง Housing Go ซึ่งเป็น Progressive Web App

การวัดผลลัพธ์ด้านประสิทธิภาพในชีวิตจริงของผู้ปฏิบัติงานบริการ

AMP ช่วยให้ Washington Post เพิ่มจำนวนผู้ใช้ที่กลับมาจากการค้นหาในอุปกรณ์เคลื่อนที่ 23% ดาวน์โหลดกรณีศึกษาในรูปแบบ PDF ด้วยการเข้าชมเกือบ 55% ที่มาจากอุปกรณ์เคลื่อนที่ The Washington Post

การสร้าง PWA ของ Google I/O 2016 โดยใช้คอมโพเนนต์ของเว็บ

United eXtra Electronics เพิ่มยอดขายอีคอมเมิร์ซได้ถึง 100% ด้วยข้อความ Push ในเว็บ ดาวน์โหลดกรณีศึกษาในรูปแบบ PDF eXtra เป็นผู้ค้าปลีกเครื่องใช้ไฟฟ้าและเครื่องใช้ไฟฟ้าในบ้านระดับชั้นนำและเติบโตเร็วที่สุด ในซาอุดีอาระเบีย โดยให้บริการผู้เลือกซื้อกว่า

ข้อความ Push ช่วยให้ Jumia ยกเลิกรถเข็นกลางคันและเพิ่ม Conversion ได้ 9 เท่า ดาวน์โหลดกรณีศึกษาในรูปแบบ PDF Jumia เป็นเว็บไซต์อีคอมเมิร์ซชั้นนำในแอฟริกา ลูกค้าส่วนใหญ่ใช้อุปกรณ์เคลื่อนที่

Progressive Web App แบบหลายเบราว์เซอร์ของ BaBe แข่งขันกับประสิทธิภาพของแอปที่มาพร้อมเครื่อง ดาวน์โหลดกรณีศึกษาในรูปแบบ PDF BaBe เป็นแอปรวบรวมข่าวสารที่ใหญ่ที่สุดในอินโดนีเซีย โดยเปิดตัวในปี 2013 โดยมีผู้ใช้ดาวน์โหลดไปแล้วกว่า 1 ล้านคน

Konga ลดปริมาณการใช้อินเทอร์เน็ต 92% ด้วย Progressive Web App ใหม่ ดาวน์โหลดกรณีศึกษาในรูปแบบ PDF Konga เป็นเว็บไซต์อีคอมเมิร์ซชั้นนำในไนจีเรียที่เปิดตัวในปี 2012 โดยขายทุกอย่างตั้งแต่หนังสือ ตู้เย็น ไปจนถึงโทรศัพท์มือถือ

5 ไมล์ลดอัตราตีกลับลง 50% และเพิ่ม Conversion ได้ 60% ด้วย Progressive Web App ใหม่ ดาวน์โหลดกรณีศึกษาในรูปแบบ PDF "ขายของที่ได้รับและซื้อของที่อยากได้!" คือ คำขวัญ 5 ไมล์ ซึ่งเป็นตลาดบนอุปกรณ์เคลื่อนที่ที่นักช็อปเข้ามาซื้อของได้ทุกอย่าง

เว็บไซต์อสังหาริมทรัพย์ยอดนิยมของญี่ปุ่นเพิ่มพลังให้รายการใหม่ด้วยข้อความ Push บนเว็บและมีอัตราการเปิดการแจ้งเตือนถึง 31% ดาวน์โหลดกรณีศึกษาในรูปแบบ PDF SUUMO เป็นเว็บไซต์อสังหาริมทรัพย์อันดับต้นของญี่ปุ่น ซึ่งให้บริการเกือบ 11% ของประชากรในประเทศ

ศิลปิน 6 คนได้รับเชิญให้มาร่วมวาดภาพ ออกแบบ และแกะสลักใน VR

Net-A-Porter ประหยัดเวลาในการพัฒนาด้วย ไลบรารี Polymer Library ของ Google NET-A-PORTER ใช้การออกแบบตามคอมโพเนนต์ในพร็อพเพอร์ตี้ออนไลน์โดยใช้ไลบรารี Polymer ของ Google ผลที่ได้คือประหยัดเวลาในการพัฒนาได้อย่างมาก ใช้โค้ดแบบสแตนด์อะโลนในเว็บไซต์ต่างๆ

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

วิธีตั้งค่าโปรเจ็กต์ WebGL ระดับสูงด้วย Polymer

เราบรรลุเป้าหมายของเราว่าจะไม่มีการดาวน์โหลด HTML มากกว่า 60,000,000,000 JavaScript และ CSS 60k

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

AirHorner เป็น Progressive Web App ที่เรียบง่ายแต่ทรงพลัง ซึ่งจะแสดงศักยภาพของ Service Worker และ Web Audio API เพื่อมอบแตรลมของคุณเอง ใช้สร้างความรำคาญแก่เพื่อนหรือเพื่อนร่วมงาน ไม่ว่าคุณจะออนไลน์ ออฟไลน์ หรืออยู่บนเครือข่าย 2G ก็ตาม

ดูวิธีที่เราใช้ไลบรารี Service Worker เพื่อทําให้เว็บแอป Google I/O 2015 ทำงานได้อย่างรวดเร็วและเน้นการทำงานแบบออฟไลน์เป็นหลัก เว็บแอป Google I/O 2015 ปีนี้เขียนโดยทีมนักพัฒนาสัมพันธ์ของ Google โดยอิงตามการออกแบบจากเพื่อนๆ ที่ Instrument ซึ่งเขียน

ห้องสมุดฮัมมิงเบิร์ด: ส่วนหน้าที่ปรับปรุงใหม่ของ Hummingbird ซึ่งเป็นเว็บไซต์ติดตามการดูและการค้นพบอนิเมะยอดนิยม แฟนๆ อะนิเมะ (อย่างฉัน จำนวนการดูบนภาพหน้าจอนั้นเป็นเรื่องจริง!) คลั่งไคล้การติดตามสิ่งที่ดูมาอย่างยาวนาน

Madeon Adventure Machine เป็นการโปรโมตที่ชาญฉลาด สำหรับอัลบั้มใหม่ของ Madeon ที่เป็นเครื่องตีกลองสนุกๆ Adventure Machine เป็นแอปง่ายๆ แต่ทำงานได้ดีมาก ด้วยการใช้ Web Audio และ Web Midi (ใช่ คุณจะเชื่อมต่อตัวสังเคราะห์ของคุณเองได้)

Adsy.me เป็นวิธีที่ง่ายและรวดเร็วในการสร้างไมโครไซต์สำหรับอุปกรณ์เคลื่อนที่ Adsy.me เป็นเครื่องมือที่ช่วยให้ทุกคนสร้างเว็บไซต์สำหรับอุปกรณ์เคลื่อนที่ (ขนาดเล็ก) ได้ และฉันก็เชื่อถือผมทันทีด้วยการลองใช้เครื่องมือทั้งหมด

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

Hacker News Reader: โปรแกรมอ่านข่าวแฮ็กเกอร์ที่เพิ่มประสิทธิภาพ ได้อย่างน่าทึ่งสำหรับ Hacker News ประสบการณ์การอ่านข่าวที่สวยงามและได้รับการเพิ่มประสิทธิภาพอย่างสูงสำหรับข่าวแฮ็กเกอร์ แอปนี้ทำงานได้ดีและดูดีทั้งบนอุปกรณ์เคลื่อนที่ แท็บเล็ต

Merry Pixmas: สนุกสนานกับเทศกาลคริสต์มาสด้วยการแปลง CSS แบบ 3 มิติ การสาธิตที่ยอดเยี่ยมธีมคริสต์มาสซึ่งทำงานได้ดีทั้งบนเดสก์ท็อปและอุปกรณ์เคลื่อนที่ นอกจากนี้ยังมีการสนับสนุนสีธีมใหม่เอี่ยม และไฟล์ Manifest

เว็บไซต์ Chrome Dev Summit 2014 สร้างขึ้นภายในโดย Paul Lewis ของเรา เว็บไซต์ CDS แสดงวิธีสร้างประสบการณ์การใช้งานเว็บบนอุปกรณ์เคลื่อนที่ที่ยอดเยี่ยมสำหรับผู้เข้าชมการประชุม

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

SVGOMG: เฟรมเวิร์กหน้าเว็บที่ตอบสนองต่อผู้ใช้และสวยงามสำหรับ SVGO SVGOMG สร้างขึ้นโดย Jake Archibald ของเราเอง และเป็นตัวอย่างที่เกือบสมบูรณ์แบบของเครื่องมือที่ตอบสนองและใช้งานได้อย่างเต็มรูปแบบซึ่งเขียนด้วยเทคโนโลยีเว็บ แพ็กเกจนี้ใช้ดีไซน์ Material

การเพิ่มเกมเพลย์ WebRTC ลงในประสบการณ์การใช้งาน The Hobbit เราได้ขยายการทดลองของ Chrome เมื่อปีที่แล้วอย่าง การเดินทางผ่านมิดเดิ้ลเอิร์ธ ด้วยเนื้อหาใหม่ๆ เพื่อต้อนรับภาพยนตร์เรื่องใหม่ของฮอบบิทอย่าง "ฮอบบิท: การต่อสู้ของห้ากองทัพ"

การนำเลโก้® ไปไว้ในเว็บที่รองรับหลายอุปกรณ์ Build with Chrome เป็นการทดลองสนุกๆ สำหรับผู้ใช้ Chrome บนเดสก์ท็อปที่ เปิดตัวครั้งแรกในออสเตรเลีย เปิดตัวอีกครั้งในปี 2014 โดยให้บริการทั่วโลก มีการเชื่อมโยงกับภาพยนตร์เรื่อง THE LEGO® MOVIE™

คำแนะนำแบบทีละขั้นตอนเกี่ยวกับการพัฒนาสำหรับหลายอุปกรณ์ ใน บทความแรก เกี่ยวกับการพัฒนาเวอร์ชันทดลองของ Chrome อย่าง A Journey Through Middle-earth เรามุ่งเน้นที่การพัฒนา WebGL สำหรับอุปกรณ์เคลื่อนที่ บทความนี้จะกล่าวถึงความท้าทาย ปัญหา

การสร้าง Middle-Earth ให้มีชีวิตชีวาด้วย Mobile WebGL ที่ผ่านมาการนำประสบการณ์การใช้งานแบบอินเทอร์แอกทีฟบนเว็บซึ่งมีมัลติมีเดียจำนวนมากมาไว้บนอุปกรณ์เคลื่อนที่และแท็บเล็ตเป็นเรื่องที่ท้าทาย ข้อจำกัดหลักๆ ได้แก่ ประสิทธิภาพ ความพร้อมใช้งานของ API

Racer เป็นการทดสอบ Chrome บนอุปกรณ์เคลื่อนที่บนเว็บที่พัฒนาโดย Active Theory เพื่อนสามารถเชื่อมต่อโทรศัพท์หรือแท็บเล็ตได้สูงสุด 5 คนเพื่อแข่งกันผ่านทุกหน้าจอ เมื่อได้แนวคิด การออกแบบ และต้นแบบจาก Google Creative Lab รวมถึงเสียงจาก Plan8 แล้ว

Racer เป็นการทดสอบ Chrome แบบผู้เล่นหลายคนและหลายอุปกรณ์ เกมรถแข่งรางสไตล์ย้อนยุคที่เล่นได้บนหน้าจอต่างๆ ในโทรศัพท์หรือแท็บเล็ต Android หรือ iOS ทุกคนเข้าร่วมได้ ไม่มีแอป ไม่มีดาวน์โหลด เฉพาะเว็บบนอุปกรณ์เคลื่อนที่ Plan8 ร่วมกับเพื่อนของเราจาก

World Wide Maze เป็นเกมที่คุณใช้สมาร์ทโฟนเพื่อนำลูกบอลกลิ้งผ่านเขาวงกต 3 มิติที่สร้างจากเว็บไซต์เพื่อพยายามไปยังจุดหมาย เกมใช้ฟีเจอร์ HTML5 เป็นจำนวนมาก เช่น เหตุการณ์ DeviceOrientation จะดึงข้อมูลการเอียงจากสมาร์ทโฟน จากนั้นส่งไปยัง PC ผ่าน

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

การใช้เครื่องมือจาก CSS และเลย์เอาต์เบราว์เซอร์ช่วยให้คุณแสดงภาพเนื้อหาเว็บได้อย่างน่าทึ่ง การใช้ฟีเจอร์ของเว็บ เช่น ฟิลเตอร์ CSS, WebGL, วิดีโอ HTML5, SVG, Canvas และเทคโนโลยีแห่งอนาคตที่พัฒนาอย่างต่อเนื่อง เช่น ภูมิภาค CSS, รูปร่าง CSS

ในช่วงฤดูร้อนปี 2010 เราได้สร้างเกม Sand Trap ซึ่งเป็นเกมที่เราเข้าร่วมการแข่งขันเกม HTML5 สำหรับโทรศัพท์มือถือ แต่โทรศัพท์มือถือส่วนใหญ่จะแสดงเฉพาะบางส่วนของเกมหรือทำให้เกมมีขนาดเล็กเกินไปจนเล่นไม่ได้

เราได้พัฒนาชุดการทดลองและเกมที่เน้นอุปกรณ์เคลื่อนที่เป็นหลักเพื่อดึงดูดความสนใจของนักพัฒนาซอฟต์แวร์ในเว็บไซต์ Google I/O 2013 ก่อนที่การลงทะเบียนเข้าร่วมการประชุมจะเริ่มขึ้น โดยมุ่งเน้นที่การโต้ตอบด้วยการสัมผัส เสียงแบบ Generative

"Find Your Way to Oz" เป็นเวอร์ชันเว็บของ Google Chrome Experiments ใหม่จาก Disney ซึ่งจะช่วยให้คุณได้ผจญภัยแบบอินเทอร์แอกทีฟผ่านคณะละครสัตว์ในรัฐแคนซัส ซึ่งจะนำคุณไปยังดินแดนออซหลังจากที่พายุใหญ่พัดคุณไป

วิธีที่เราทำให้ UI เจ๋ง JAM with Chrome เป็นโปรเจ็กต์ดนตรีบนเว็บที่ Google สร้างขึ้น JAM with Chrome ช่วยให้ผู้คนจากทั่วโลกสามารถรวมกันเป็นวงดนตรีและเล่นดนตรีร่วมกันแบบเรียลไทม์ในเบราว์เซอร์ DinahMoe ขยายขีดจำกัดของสิ่งที่เป็นไปได้ด้วย Web Audio API

สวัสดี ผมชื่อ Michael Chang ทำงานในทีมศิลปะข้อมูลของ Google เมื่อเร็วๆ นี้ เราได้เปิดตัว 100,000 Stars ซึ่งเป็น เวอร์ชันทดลองของ Chrome ที่แสดงภาพดาวที่อยู่ใกล้เคียง โปรเจ็กต์นี้สร้างขึ้นด้วย THREE.js และ CSS3D ในกรณีศึกษานี้

วิธีที่เราทำให้เสียงเจ๋ง JAM with Chrome เป็นโปรเจ็กต์ดนตรีบนเว็บที่ Google สร้างขึ้น JAM with Chrome ช่วยให้ผู้คนจากทั่วโลกสามารถรวมกันเป็นวงดนตรีและเล่นดนตรีร่วมกันแบบเรียลไทม์ในเบราว์เซอร์ เราที่ DinahMoe

Movi.Kanti.Revo เป็นเวอร์ชันทดลองใหม่ของ Chrome ที่เน้นการสัมผัสและสร้างขึ้นโดย Cirque du Soleil และพัฒนาโดย Subatomic Systems ซึ่งนำความมหัศจรรย์ของ Cirque du Soleil มาสู่เว็บผ่านเทคโนโลยีเว็บสมัยใหม่ การทดสอบสร้างขึ้นโดยใช้ HTML5 เท่านั้น

เมื่อช่วงฤดูร้อนที่ผ่านมา ฉันทำงานเป็นหัวหน้าทีมเทคนิคในเกม WebGL เชิงพาณิชย์ชื่อ SONAR โปรเจ็กต์นี้ใช้เวลาประมาณ 3 เดือนจึงจะเสร็จสมบูรณ์ และสร้างขึ้นจากต้นทางใน JavaScript โดยสมบูรณ์ ในระหว่างการพัฒนา SONAR

Technitone.com เป็นการนำ WebGL, Canvas, Web Sockets, CSS3, JavaScript, Flash และ Web Audio API ใหม่ใน Chrome มารวมเข้าด้วยกัน บทความนี้จะกล่าวถึงทุกแง่มุมของการผลิต ไม่ว่าจะเป็นแผน เซิร์ฟเวอร์ เสียง วิชวล

หลังจากเผยแพร่ Bouncy Mouse ใน iOS และ Android เมื่อช่วงสิ้นปีที่ผ่านมา เราได้รับบทเรียนสำคัญ 2-3 ข้อ สิ่งสำคัญอย่างหนึ่งคือ การเจาะตลาดที่มีชื่อเสียงนั้นเป็นเรื่องยาก ในตลาด iPhone ที่เต็มไปด้วยแอปมากมาย การดึงดูดความสนใจนั้นเป็นเรื่องยากมาก

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

หน้าแรกของ Google เป็นสภาพแวดล้อมที่น่าสนใจสำหรับการเขียนโค้ด มาพร้อมกับข้อจำกัดที่ท้าทายหลายประการ เช่น การเน้นความเร็วและเวลาในการตอบสนอง ต้องตอบสนองต่อเบราว์เซอร์ทุกประเภท และทำงานภายใต้สถานการณ์ต่างๆ และ...ได้

HTML5 ช่วยให้นักพัฒนาซอฟต์แวร์สร้างเว็บแอปที่สื่อสารกับเซิร์ฟเวอร์แบบเรียลไทม์ได้ผ่าน WebSockets และ EventSource สตรีมสภาครัฐ (มีให้บริการใน Chrome เว็บสโตร์ ) ให้ข้อมูลอัปเดตแบบเรียลไทม์เกี่ยวกับการทำงานของสภาครัฐสหรัฐอเมริกา

เมื่อเราแปลงเกมไขปริศนาคำไขว้ Wordico จาก Flash เป็น HTML5 งานแรกของเราคือการเลิกเรียนรู้ทุกสิ่งที่รู้เกี่ยวกับการสร้างประสบการณ์การใช้งานที่สมบูรณ์ในเบราว์เซอร์ ในขณะที่ Flash มี API เดียวที่ครอบคลุมการพัฒนาแอปพลิเคชันทุกด้าน

ในเดือนมิถุนายน 2010 เราพบว่า Boing Boing ซึ่งเป็น "นิตยสาร" ท้องถิ่นกำลังจัด การแข่งขันการพัฒนาเกม เราจึงถือโอกาสนี้สร้างเกมง่ายๆ อย่างรวดเร็วใน JavaScript และ <canvas> หลังจากการแข่งขัน เรายังมีไอเดียมากมายและอยากทำสิ่งที่เริ่มไว้ให้เสร็จ

ในปี 2010 F-i.com และทีม Google Chrome ได้ร่วมกันพัฒนาเว็บแอปด้านการศึกษาที่ใช้ HTML5 ชื่อ 20 Things I Learned about Browsers and the Web ( www.20thingsilearned.com ) แนวคิดหลักอย่างหนึ่งที่อยู่เบื้องหลังโปรเจ็กต์นี้คือ การนำเสนอ ในบริบทของหนังสือ

เมื่อช่วงฤดูใบไม้ผลิที่ผ่านมา (2010) เราสนใจการรองรับ HTML5 และเทคโนโลยีที่เกี่ยวข้องที่เพิ่มขึ้นอย่างรวดเร็ว ตอนนั้นฉันและเพื่อนได้ท้าทายกันในการแข่งพัฒนาเกม 2 สัปดาห์เพื่อฝึกฝนทักษะการเขียนโปรแกรมและการพัฒนา

เมื่อวันที่ 7 สิงหาคม 2010 deviantART ได้ฉลองวันเกิดครบรอบ 10 ปี เราฉลองวันเกิดด้วยการเปิดตัวเครื่องมือวาดภาพ HTML5 ชื่อ deviantART

การลากและวาง (DnD) เป็นหนึ่งในฟีเจอร์ที่ยอดเยี่ยมมากมายของ HTML 5 และได้รับการรองรับใน Firefox 3.5, Safari, Chrome และ IE เมื่อเร็วๆ นี้ Google ได้เปิดตัว ฟีเจอร์ใหม่ ที่ช่วยให้ผู้ใช้ Google Chrome

Using the Media Capabilities API lets you better target video codecs, frame rates, and resolutions based on the capabilities of your users' devices.

Forbes is re-defining modern web development with Progressive Web App technology.

There's a new way to deliver amazing user experiences on the web. Travel company Wego has built a successful AMP based Progressive Web App (PWA).

Alibaba.com is the world’s largest online business-to-business (B2B) trading platform, serving 200+ countries and regions. After upgrading their site to a Progressive Web App (PWA), they saw a 76 percent increase in total conversions across browsers.

AliExpress increases conversion rate for new users by 104% with new Progressive Web App Download PDF Case study "Smarter shopping, better living!" is the motto of AliExpress, a website where shoppers can buy everything from baby clothes to