![](https://web.dev/static/images/case-studies-header.png?authuser=8&%3Bhl=vi&hl=vi)
Nghiên cứu điển hình
Tạo đường cơ sở có thể hành động bằng dữ liệu người dùng thực
Cách RUMvision kết hợp thông tin Cơ sở với dữ liệu RUM.
Khai thác sức mạnh của truy vấn vùng chứa CSS: bài học từ nhóm Netflix
Nghiên cứu điển hình này giải thích các lợi ích của việc sử dụng truy vấn vùng chứa tại Netflix.
Cách Tokyu đăng nhập nhanh hơn gấp 12 lần nhờ khoá truy cập
Tìm hiểu cách Tokyu, một công ty đường sắt ở Nhật Bản, đã tăng tốc độ đăng nhập bằng khoá truy cập lên gấp 12 lần, giúp hàng nghìn người đi làm mỗi ngày.
Lý do Google Trang tính chuyển trình chạy tính toán từ JavaScript sang WasmGC
Ban đầu, các phép tính trong Google Trang tính được thực hiện trên máy chủ, sau đó trên ứng dụng trong JavaScript và giờ đây trên ứng dụng trong WebAssembly Garbage Collection. Nghiên cứu điển hình này giải thích cách thức và lý do.
Ít phiền hà hơn, kiểm soát nhiều hơn: Cách Google Meet cải thiện quyền đối với âm thanh và video
Nghiên cứu điển hình này mô tả cách nhóm Google Meet cải thiện các quyền và tác động của các quyền đó đối với người dùng; sự hài lòng của họ.
Bibili khai thác giải pháp AI trên web trên thiết bị của MediaPipe để cải thiện trải nghiệm người dùng phát video trực tuyến và tăng thời lượng phiên thêm 30%
Tìm hiểu cách web kích hoạt trải nghiệm 3D sống động để giúp khách hàng hiểu và khám phá các sản phẩm thực.
Cách Disney+ Hotstar tăng 100% lượt xem thẻ hằng tuần trên các thiết bị trong phòng khách nhờ giảm INP xuống 61%
Khám phá cách Disney+ Hotstar, một ứng dụng dành cho TV thông minh và các thiết bị hộp giải mã tín hiệu số, tăng đáng kể mức độ tương tác của người xem nhờ nỗ lực giảm thiểu INP.
Tương tác 3D trên web với phần cứng của Google: Trải nghiệm hướng dẫn về sản phẩm thế hệ mới
Tìm hiểu cách web kích hoạt trải nghiệm 3D sống động để giúp khách hàng hiểu và khám phá các sản phẩm thực.
Cách Nền tảng quản lý sự đồng ý của PubTech giảm tới 64% INP trên trang web của khách hàng, đồng thời cải thiện khả năng xem quảng cáo lên đến 1,5%
Cách Nền tảng quản lý sự đồng ý của PubTech giảm tới 64% INP trên trang web của khách hàng, đồng thời cải thiện khả năng xem quảng cáo lên đến 1,5%
Lưu ý tốt ở mọi nơi
Trong hai năm qua, nhóm kỹ thuật của Goodnotes đã làm việc trong một dự án để đưa ứng dụng ghi chú trên iPad thành công đến các nền tảng khác. Nghiên cứu điển hình này đề cập đến cách ứng dụng của năm 2022 dành cho iPad trên web, ChromeOS, Android và Windows sử dụng các công nghệ web, cũng như cách WebAssembly sử dụng lại cùng một mã Swift mà nhóm chúng tôi đã xây dựng trong hơn 10 năm.
CapCut tăng lưu lượng tự nhiên thêm 83% nhờ xây dựng một ứng dụng web có đầy đủ chức năng bằng WebAssembly và WebCodecs
Cách một trong những ứng dụng biên tập video phổ biến nhất dành cho thiết bị di động đã tạo ra một phiên bản web có đầy đủ chức năng.
Cách nhà cung cấp đề xuất nội dung Taboola sử dụng LoAF để cải thiện INP lên đến 36% cho các trang web đối tác nhà xuất bản.
Cách nhà cung cấp đề xuất nội dung Taboola sử dụng LoAF để cải thiện INP lên đến 36% cho các trang web đối tác nhà xuất bản.
Sức mạnh của web dành cho các hoạ sĩ minh hoạ: Cách pixiv sử dụng công nghệ web cho ứng dụng vẽ của họ
pixiv là một dịch vụ cộng đồng trực tuyến dành cho các nhà minh hoạ và những người đam mê minh hoạ để giao tiếp với nhau thông qua nội dung của họ. Ứng dụng này cho phép mọi người đăng hình minh hoạ của riêng họ. Ứng dụng này có hơn 84 triệu người
Cách Tokopedia giảm chi phí vận hành bằng cách cải thiện ứng dụng web của người bán nhờ sử dụng công nghệ Học máy
Bài đăng này mô tả cách Mitra Tokopedia cắt giảm chi phí vận hành bằng cách cải thiện ứng dụng web của người bán bằng công nghệ Học máy.
Cách Trendsol giảm INP, giúp tỷ lệ nhấp tăng 1%
Nghiên cứu điển hình này mô tả quy trình từng bước để gỡ lỗi và cải thiện INP trong React mà Trendsol sử dụng bằng cách tận dụng các công cụ của Google như PageSpeed Insights (PSI), Công cụ của Chrome cho nhà phát triển và API Scheduler.Yield.
Cách Kiwix PWA giúp người dùng lưu trữ Gigabyte dữ liệu trên Internet để sử dụng khi không có mạng
Nghiên cứu điển hình này khám phá cách Kiwix, một tổ chức phi lợi nhuận, sử dụng công nghệ Ứng dụng web tiến bộ và API Truy cập hệ thống tệp để cho phép người dùng tải xuống và lưu trữ các tệp lưu trữ lớn trên Internet nhằm sử dụng khi không có mạng.
Cách Yahoo! JAPAN tăng tỷ lệ sử dụng khoá truy cập lên 11% và giảm chi phí SMS OTP
Tìm hiểu về Yahoo! Phương pháp của NHẬT BẢN nhằm cải thiện trải nghiệm người dùng và việc sử dụng khoá truy cập.
Cách hoạt động tìm nạp trước đã giúp Terra tăng tỷ lệ nhấp vào quảng cáo thêm 30% và tăng tốc Thời gian hiển thị nội dung lớn nhất.
Tìm nạp trước là kỹ thuật dùng để tăng tốc độ tải trang bằng cách tải tài nguyên xuống (hoặc thậm chí là toàn bộ trang) có thể cần thiết trong tương lai gần. Nghiên cứu đã chỉ ra rằng thời gian tải nhanh hơn dẫn đến tỷ lệ chuyển đổi cao hơn và trải nghiệm người dùng tốt hơn.
Cách bộ nhớ đệm cho thao tác tiến/lùi đã giúp Yahoo! JAPAN News tăng 9% doanh thu trên thiết bị di động
Người bán trên Yahoo! JAPAN News, một trong những nền tảng tin tức phổ biến nhất ở Nhật Bản, đã nỗ lực phối hợp để cải thiện tỷ lệ truy cập bfcache và nhờ đó nhận thấy trải nghiệm người dùng và cải thiện kinh doanh đáng kể. Cụ thể, kết quả thử nghiệm A/B mà họ thực hiện cho thấy những trang sử dụng bfcache đã tăng 9% doanh thu quảng cáo.
Cách redBus cải thiện khả năng tương tác với thời gian hiển thị tiếp theo (INP) của trang web và tăng doanh số thêm 7%
Các hoạt động tối ưu hoá INP đã giúp redBus tăng doanh số thêm khoảng 7%
Nhiệm vụ khắc phục INP của Economic Times
Việc giảm TBT xuống 30 lần và việc chuyển sang Next.js đã giúp The Ecomonic Times giảm INP gần 4 lần, dẫn đến tỷ lệ thoát giảm 50% và số lượt xem trang tăng 43%.
Cách những con đường chậm thu hút cả người chơi trò chơi và nhà phát triển, đồng thời làm nổi bật những khả năng đáng kinh ngạc của mô hình 3D trong trình duyệt
Khám phá tiềm năng của WebGL với khung cảnh vô tận, được tạo ra theo quy trình của trò chơi lái xe thông thường này. Đường chậm là một trò chơi lái xe thông thường tập trung vào việc tạo cảnh quay theo trình tự vô tận, tất cả đều được lưu trữ trong
Xây dựng một môi trường web tốt đẹp hơn: YouTube nhanh hơn
Đây là Phần 1 trong loạt video mới của chúng tôi về Xây dựng trang web tốt hơn trên YouTube.
Cách Rakuten 24 đầu tư vào Các chỉ số quan trọng về trang web đã tăng doanh thu trên mỗi khách truy cập thêm 53,37% và tỷ lệ chuyển đổi thêm 33,13%
Bằng cách đo lường Các chỉ số quan trọng về trang web của người dùng thực, Rakuten 24 cũng nhận thấy rằng Thời gian hiển thị nội dung lớn nhất (LCP) hợp lý có thể giúp tăng tỷ lệ chuyển đổi thêm 61,13%.
Cách trang web và dịch vụ tiếp thị của GoDaddy cải thiện Các chỉ số quan trọng về trang web của khách hàng thêm 75%
Một nghiên cứu điển hình về những thay đổi mà GoDaddy đã triển khai để cải thiện hiệu suất trang web cho hàng triệu trang web, giúp các trang web đạt được điểm số của PageSpeed Insights và Các chỉ số quan trọng về trang web tốt.
Nhà bán lẻ sang trọng Farfetch nhận thấy tỷ lệ chuyển đổi cao hơn nhờ Các chỉ số quan trọng về trang web tốt hơn
Cách Farfetch đầu tư vào việc cải thiện Các chỉ số quan trọng về trang web đã giúp nhà bán lẻ sang trọng mang lại kết quả kinh doanh tốt hơn như thế nào.
Người bán trên Yahoo! Tính năng xác thực không cần mật khẩu giúp giảm 25% số yêu cầu xác thực, tăng tốc thời gian đăng nhập lên 2,6 lần
Người bán trên Yahoo! JAPAN đã có được hệ thống nhận dạng không cần mật khẩu. Hãy tìm hiểu cách tiếp cận của họ và kết quả của nỗ lực đó.
Cách RebelMouse gia tăng mức độ trung thành và mức độ tương tác bằng cách tối ưu hoá Các chỉ số quan trọng về trang web
Một nghiên cứu điển hình về việc đo lường toàn bộ tác động và lợi ích của điểm số hiệu suất cao đối với Các chỉ số quan trọng về trang web.
Trải nghiệm web hiện đại trên Trình quản lý trải nghiệm Adobe với WorkBox
Progressive Web Apps tận dụng khả năng của web hiện đại. Adobe đã sử dụng Workbox để đưa những tính năng đó vào Trình quản lý trải nghiệm Adobe.
PWA của MishiPay tăng số lượng giao dịch lên 10 lần và tiết kiệm 2,5 năm xếp hàng
Tìm hiểu cách PWA của MishiPay tăng số giao dịch lên 10 lần và tiết kiệm 2,5 năm xếp hàng.
Cách The Economic Times vượt qua các ngưỡng của Các chỉ số quan trọng về trang web và đạt tỷ lệ thoát tổng thể cao hơn 43%
Việc tối ưu hoá Các chỉ số quan trọng về trang web trên trang web The Economic Times đã cải thiện đáng kể trải nghiệm người dùng và giảm đáng kể tỷ lệ thoát trên toàn bộ trang web.
Cách Terra cải thiện mức độ tương tác của người dùng nhờ Chế độ tối
Trong bài viết này, chúng ta sẽ phân tích hành trình của Terra, từ việc xác định kích thước của nhóm thuần tập "chế độ tối", đến áp dụng giao diện tối tuỳ chỉnh và cuối cùng là đo lường tác động của việc triển khai này đối với các KPI chính.
Cách QuintoAndar tăng tỷ lệ chuyển đổi và số trang mỗi phiên bằng cách cải thiện hiệu suất trang
Một dự án tập trung vào việc tối ưu hoá Các chỉ số quan trọng về trang web và chuyển sang Next.js đã giúp tỷ lệ chuyển đổi tăng 5% và số trang mỗi phiên tăng 87%.
Kapwing: Công cụ chỉnh sửa video mạnh mẽ dành cho web
Các công ty như Kapwing cho phép bạn tạo tất cả nội dung video này ngay trên web bằng cách sử dụng các API mạnh mẽ (như IndexedDB và WebCodecs) và các công cụ hiệu suất.
SVGcode: một PWA để chuyển đổi hình ảnh đường quét thành đồ họa vectơ SVG
Chuyển đổi hình ảnh bitmap màu hoặc đơn sắc (PNG, JPG, JPEG, WEBP, AVIF, GIF,...) thành ảnh vectơ màu hoặc đơn sắc (SVG).
Việc cải thiện Các chỉ số quan trọng về trang web trên trang chủ Mail.ru giúp tỷ lệ chuyển đổi tăng thêm trung bình 10%
Vài tháng nỗ lực cải thiện Các chỉ số quan trọng về trang web trên trang chủ của Mail.ru đã giúp cho Điểm số tổng hợp về mức thay đổi bố cục (CLS) tăng 60% phần trăm thứ 75, giúp tăng thời gian phiên trung bình thêm 2,7% và tỷ lệ chuyển đổi của các phần cốt lõi tăng hơn 10%.
Cách Renault cải thiện tỷ lệ thoát và tỷ lệ chuyển đổi bằng cách đo lường và tối ưu hoá Thời gian hiển thị nội dung lớn nhất
Bài đăng này giải thích cách Renault và đối tác dữ liệu toàn cầu của họ đã tiếp cận 55 phương pháp đo lường và tối ưu hoá Các chỉ số quan trọng về trang web. Nhóm này đã phân tích dữ liệu từ 10 triệu lượt truy cập vào các trang đích, nhận thấy mối tương quan chặt chẽ giữa Thời gian hiển thị nội dung lớn nhất và số lượt chuyển đổi, đồng thời tăng gấp đôi nỗ lực tối ưu hoá. Chúng tôi sẽ xem xét các điểm dữ liệu này để biết cách tối ưu hoá của các nhóm.
Cách Swappie tăng doanh thu trên thiết bị di động thêm 42% nhờ tập trung vào Các chỉ số quan trọng về trang web
Nghiên cứu điển hình này giải thích cách đội ngũ Swappie tăng số lượt chuyển đổi và doanh thu bằng cách tối ưu hoá ứng dụng web cho Các chỉ số quan trọng về trang web.
Tác động của Các chỉ số quan trọng về trang web đối với hoạt động kinh doanh
Bài viết này sẽ giúp bạn hiểu được mối liên hệ giữa Các chỉ số quan trọng về trang web với các chỉ số kinh doanh chính thông qua việc khám phá những ví dụ về những công ty đã nhận thấy tác động tích cực đối với người dùng và hoạt động kinh doanh của mình.
Việc cam kết triển khai Các chỉ số quan trọng về trang web đã giúp doanh thu từ quảng cáo của Netzwelt tăng 18% như thế nào
Tìm hiểu cách nhà xuất bản tin tức ở Đức Netzwelt tối ưu hoá Các chỉ số quan trọng về trang web để cải thiện trải nghiệm người dùng và doanh thu từ quảng cáo.
PWA của Blibli tạo ra doanh thu trên mỗi người dùng nhiều gấp 10 lần so với trang web dành cho thiết bị di động trước đó
Cách Blibli giảm tỷ lệ thoát xuống 42%, tỷ lệ chuyển đổi trên thiết bị di động tăng 8 lần và số trang mỗi phiên tăng 2, 5 lần.
Cải thiện Điểm số tổng hợp về mức thay đổi bố cục tại Telegraph Media Group
Cách Telegraph, trang web tin tức hàng đầu của Vương quốc Anh quản lý để cải thiện CLS 75% phần trăm của họ lên 250% từ 0,25 lên 0,1 trong vài tháng.
Màu cam: PWA mới chuyển đổi tốt hơn 52% trên thiết bị di động
PWA mới cũng có thời gian tải trung bình nhanh hơn 30% so với trang web cũ và đã cải thiện tỷ lệ thoát thêm 12% và số phiên hoạt động sâu 18%.
Mainline Menswear triển khai PWA và nhận thấy tỷ lệ chuyển đổi tăng 55%
Mainline Menswear triển khai Ứng dụng web tiến bộ (PWA) và nhận thấy tỷ lệ chuyển đổi tăng 55% đối với những người dùng đã cài đặt ứng dụng có chức năng lưu vào bộ nhớ đệm và ngoại tuyến.
Cách Zalando giảm thời gian phản hồi về hiệu suất từ 1 ngày xuống còn 15 phút nhờ Lighthouse CI
Nhóm web tại Zalando nhận thấy rằng việc tích hợp Lighthouse CI đã giúp mang lại một phương pháp chủ động đối với hiệu suất, với tính năng kiểm tra trạng thái tự động có thể so sánh cam kết hiện tại với nhánh chính để ngăn chặn sự cố hồi quy hiệu suất.
Trang web của Lowe là một trong những trang web thương mại điện tử hoạt động nhanh nhất
Bằng cách xây dựng một hệ thống giám sát và kiểm tra hiệu suất tự động, nhóm kiểm tra tốc độ trang web của Lowe sẽ lấy các yêu cầu so với ngân sách hiệu suất và ngăn chặn sự hồi quy hiệu suất trong quá trình sản xuất.
Vodafone: Mức cải thiện LCP 31% giúp tăng doanh số thêm 8%
Bằng cách chạy thử nghiệm A/B tập trung vào việc tối ưu hoá Các chỉ số quan trọng về trang web, Vodafone nhận thấy rằng mức cải thiện LCP thêm 31% giúp tăng doanh số bán hàng thêm 8%, tỷ lệ truy cập tăng 15% và tỷ lệ truy cập giỏ hàng tăng 11%.
Cách Wix cải thiện hiệu suất của trang web bằng cách phát triển cơ sở hạ tầng
Một nghiên cứu điển hình về một số thay đổi lớn mà Wix ra mắt nhằm cải thiện hiệu suất tải trang web cho hàng triệu trang web, giúp xoá đường dẫn để các trang web nhận được điểm PageSpeed Insights và Các chỉ số quan trọng về trang web tốt.
Tính năng tối ưu hoá CLS giúp Yahoo! Nhật Bản tăng trưởng như thế nào! tăng 15% lượt xem trang trong mỗi phiên
Khi sử dụng Search Console và Lighthouse để theo dõi Các chỉ số quan trọng về trang web, họ phát hiện ra các cơ hội để tối ưu hoá điểm CLS thêm 0,2. Điều này giúp tăng số lượt xem trang mỗi phiên thêm 15%, thời lượng phiên kéo dài hơn 13% và tỷ lệ thoát giảm 1,72 điểm phần trăm.
Agrofy: Mức cải thiện LCP 70% có tương quan với mức giảm 76% số lượt thoát trong khi tải
Hãy đọc bài viết về cách Agrofy cải thiện tỷ lệ bỏ qua tải bằng cách tập trung vào Các chỉ số quan trọng về trang web.
Ngừng sử dụng Exalidraw Electron và thay bằng phiên bản web
Exalidraw là một bảng trắng cộng tác ảo cho phép bạn dễ dàng phác thảo các sơ đồ một cách cảm giác như được vẽ bằng tay. Trong dự án excalidraw, chúng tôi quyết định ngừng sử dụng Excalidraw Desktop, một trình bao bọc Điện tử cho Excalidraw, để thay thế cho phiên bản web mà bạn có thể – và luôn có thể – tìm thấy tại excalidraw.com. Sau khi phân tích kỹ lưỡng, chúng tôi quyết định rằng Progressive Web App (PWA) là tương lai mà chúng tôi muốn phát triển.
Số lượt cài đặt PWA của trình chỉnh sửa video của Clipchamp tăng 97% hằng tháng
Cách PWA, WebAssembly và ChromeOS hỗ trợ trình chỉnh sửa video dựa trên nền tảng web mang lại hiệu suất tốt hơn và trải nghiệm hấp dẫn hơn cho 12 triệu người dùng.
Người dùng PWA có khả năng mua Gravit Designer PRO cao hơn 2,5 lần
Người dùng PWA cũng hoạt động nhiều hơn 24% so với tất cả các loại cài đặt khác, trở thành người dùng lặp lại nhiều hơn 31% so với tất cả các nền tảng khác và hơn thế nữa.
JD.ID tăng tỷ lệ chuyển đổi trên thiết bị di động thêm 53% nhờ các chiến lược lưu vào bộ nhớ đệm, chế độ cài đặt và thông báo đẩy
Cách JD.ID tăng tỷ lệ chuyển đổi tổng thể trên thiết bị di động (mCVR) thêm 53%, mCVR đối với người dùng đã cài đặt tăng 200% và tỷ lệ người dùng hoạt động hằng ngày tăng 26%.
Rakuten 24 đầu tư vào PWA tăng 450% tỷ lệ giữ chân người dùng
Việc làm cho ứng dụng web của họ dễ cài đặt giúp tăng lưu lượng truy cập, tỷ lệ giữ chân khách truy cập, doanh số bán hàng trên mỗi khách hàng và số lượt chuyển đổi.
NDTV tăng 55% LCP bằng cách tối ưu hoá cho Các chỉ số quan trọng về trang web
Bằng cách sử dụng các công cụ như PageSpeed Insights, web.dev/measure và WebPageTest, nhóm NDTV đã phân tích những khía cạnh có thể cải thiện và đầu tư vào Các chỉ số quan trọng về trang web để đạt được thành công trong kinh doanh.
Việc tập trung vào hiệu suất web đã giúp tỷ lệ nhấp của Tokopedia tăng 35% như thế nào
Tạo trang tổng quan về hiệu suất web và tối ưu hoá JavaScript, tài nguyên và trang chủ để kinh doanh thành công.
Cách ZDF tạo PWA video có chế độ tối và ngoại tuyến
Tìm hiểu cách ZDF tạo ra một ứng dụng web tiến bộ (PWA) có các tính năng hiện đại như hỗ trợ ngoại tuyến, khả năng cài đặt và chế độ tối.
Cách PWA của Goibibo tăng 60% số lượt chuyển đổi
Tìm hiểu cách Goibibo, công ty du lịch trực tuyến hàng đầu của Ấn Độ, tăng số lượt chuyển đổi thêm 60% nhờ xây dựng trải nghiệm người dùng đáng tin cậy giữa ứng dụng PWA và ứng dụng iOS/Android.
Cách Mercado Libre tối ưu hoá cho Các chỉ số quan trọng về trang web (TBT/FID)
Tóm tắt công việc của nhóm kiến trúc giao diện người dùng của Mercado Libre nhằm tối ưu hoá FID, sử dụng TBT làm chỉ số proxy.
Mili giây tạo ra hàng triệu
Cả 4 chỉ số tốc độ cải thiện 0,1 giây có thể cải thiện tỷ lệ tiến triển trên toàn bộ phễu mua hàng.
Nghiên cứu điển hình về API Wake Lock: các chỉ báo về ý định mua tăng 300% trên BettyCrocker.com
Nghiên cứu điển hình về trải nghiệm của trang web nấu ăn BettyCrocker.com' khi triển khai Wake Lock API.
Cách Google cải thiện hiệu suất quảng cáo bằng tính năng cũ trong khi xác thực lại
Nghiên cứu điển hình này giải thích cách Google tăng các chỉ số kinh doanh chính về quảng cáo bằng cách tối ưu hoá hiệu suất tập lệnh quảng cáo của bên thứ ba với tính năng lỗi thời trong khi xác thực lại.
Mua sắm tốc độ trên eBay.com
Nghiên cứu điển hình này giải thích cách eBay cải thiện các chỉ số kinh doanh quan trọng bằng cách tối ưu hoá hiệu suất của trải nghiệm trên web và ứng dụng.
OYO Lite: một TWA với những ứng dụng Android và web hay nhất
Cách một công ty khởi nghiệp trong lĩnh vực kinh doanh khách sạn tạo ra một ứng dụng Android dựa vào nội dung web để tăng đáng kể mức độ tương tác của người dùng mà vẫn duy trì kích thước tệp thấp.
Năm cách AirSHIFT cải thiện hiệu suất thời gian chạy của ứng dụng React
Cách đội ngũ AirSHIFT sử dụng cơ chế ảo hoá bảng, dữ liệu CLS (tải từng phần), sử dụng trình chạy web, ngân sách hiệu suất và sự kiện hackathons để tối ưu hoá hiệu suất trong thời gian chạy của ứng dụng React.
Cách Truebil giúp web phát triển
Nghiên cứu điển hình này giải thích cách đội ngũ Truebil tăng số lượt chuyển đổi và mức độ tương tác bằng cách tối ưu hoá ứng dụng web để tăng tốc độ và độ tin cậy.
Cách OpenSoq tăng mức độ tương tác nhờ đầu tư vào web
Tìm hiểu cách nhóm OpenSoq đã sử dụng các phương pháp hay nhất để tạo ra một ứng dụng web tiến bộ cho thị trường đáng tin cậy, hấp dẫn.
Cách chúng tôi đưa Google Earth lên môi trường web
Cải thiện khả năng truy cập trên nhiều trình duyệt vào Google Earth bằng WebAssembly
Đưa trình chạy dịch vụ đến Google Tìm kiếm
Tìm kiếm gần như một chủ đề bất kỳ trên Google và bạn sẽ thấy một trang kết quả có ý nghĩa và phù hợp. Điều bạn có thể không nhận ra là trang kết quả tìm kiếm này có thể được phân phát bởi một công nghệ web mạnh mẽ có tên là trình chạy dịch vụ.
Nikkei đạt được cấp độ mới về chất lượng và hiệu suất nhờ PWA nhiều trang của họ
Với lịch sử xuất bản hơn 140 năm, Nikkei là một trong những doanh nghiệp truyền thông có thẩm quyền nhất tại Nhật Bản. Để mang lại trải nghiệm tốt hơn cho người dùng và đẩy nhanh hoạt động kinh doanh trên web, Nikkei đã ra mắt thành công Ứng dụng web tiến bộ vào tháng 11 năm 2017 và họ nhận thấy những kết quả đáng kinh ngạc từ nền tảng mới này.
George.com nâng cao trải nghiệm của khách hàng trên thiết bị di động bằng Ứng dụng web tiến bộ mới
George.com là một thương hiệu quần áo hàng đầu của Vương quốc Anh, nằm trong ASDA Walmart. Sau khi nâng cấp trang web lên Ứng dụng web tiến bộ (PWA), thương hiệu này đã tăng 31% số lượt chuyển đổi trên thiết bị di động. Với kỳ vọng của người tiêu
Ứng dụng web tiến bộ mới của BookMyShow giúp số lượt chuyển đổi tăng thêm 80%
BookMyShow là công ty bán vé lớn nhất Ấn Độ, với 50 đến 43 triệu khách truy cập hàng tháng. Họ đã phát triển một phiên bản cải tiến của trang web dành cho thiết bị di động bằng cách dùng Ứng dụng web tiến bộ (PWA) để tối ưu hoá tốc độ và loại bỏ các hạn chế về dữ liệu, nhờ đó số lượt chuyển đổi tăng 80%.
Ele.me cải thiện thời gian tải hiệu suất nhờ Ứng dụng web tiến bộ nhiều trang
Ele.me là công ty đặt và giao đồ ăn lớn nhất Trung Quốc đại lục. Họ phát triển Ứng dụng web tiến bộ (PWA) dưới dạng một ứng dụng gồm nhiều trang để cải thiện trải nghiệm web dành cho thiết bị di động, giúp ứng dụng hoạt động nhanh hơn và đáng tin cậy hơn trong kết nối không ổn định, đồng thời đáp ứng được nhu cầu vận hành để phục vụ tốt nhất cho khách hàng.
Dance Tonite trong WebVR
Dance Tonite là sự kiện cộng tác thực tế ảo không ngừng thay đổi với ban nhạc LCD Soundsystem và người hâm mộ. Được xây dựng trong WebVR, dự án hoạt động trên các nền tảng – có và không có VR – cung cấp cho người dùng một vai trò khác nhau trong trải nghiệm tùy thuộc vào thiết bị của họ. Các nhà sáng tạo dự án Jonathan Puckey, Moniker và Nhóm nghệ thuật dữ liệu của Google, những quyết định sáng tạo và kỹ thuật tối ưu hoá nâng cao đã tạo ra hiệu suất chất lượng cao – đạt gần 60 khung hình/giây đối với 3DoF và 90 khung hình/giây đối với 6DoF – và đem lại trải nghiệm người dùng hấp dẫn trên tất cả các nền tảng chỉ với một cơ sở mã duy nhất.
Jumia nhận thấy tỷ lệ chuyển đổi tăng 33% và số người dùng trên PWA tăng gấp 12 lần
Lưu lượng truy cập vào PWA của Jumia đã vượt quá 12 lần so với ứng dụng gốc của họ và vẫn đang tăng. Jumia cũng nhận thấy tỷ lệ thoát giảm 50%
PWA Twitter Lite giúp tăng đáng kể mức độ tương tác và giảm mức sử dụng dữ liệu
Ứng dụng web tiến bộ Twitter Lite kết hợp những gì tốt nhất của web hiện đại và các tính năng gốc để cung cấp trải nghiệm mạnh mẽ hơn, với mục tiêu rõ ràng để tải tức thì, tương tác của người dùng và tiêu thụ ít dữ liệu hơn
Ola thúc đẩy xu hướng di chuyển cho một tỷ người Ấn Độ bằng Ứng dụng web tiến bộ
Ola là công ty tổng hợp thông tin về dịch vụ taxi hàng đầu ở Ấn Độ, với sứ mệnh không ngừng nghỉ nhằm tăng khả năng di chuyển cho một tỷ người Ấn Độ. Công ty này tiếp cận hơn 100 thành phố của Ấn Độ thông qua một mạng lưới gồm khoảng 600 nghìn đối
Lancôme xây dựng lại trang web dành cho thiết bị di động dưới dạng một ứng dụng web tiến bộ (PWA) và tăng số lượt chuyển đổi thêm 17%
Để thúc đẩy cả lưu lượng truy cập và mức độ tương tác lại, thương hiệu mỹ phẩm cao cấp Lancôme đã ra mắt Ứng dụng web tiến bộ (PWA) để mang lại trải nghiệm nhanh như ứng dụng trên web dành cho thiết bị di động
OLX tăng mức độ tương tác trên web dành cho thiết bị di động thêm 250% nhờ Ứng dụng web tiến bộ
Đối với OLX, việc tạo Ứng dụng web tiến bộ giúp tăng mức độ tương tác thêm 250% và giảm thời gian tương tác thêm 23% trên trang
Mynet tăng tốc độ trải nghiệm web dành cho thiết bị di động lên 4 lần, tăng doanh thu thêm 25% nhờ PWA dựa trên AMP
Mỗi tháng, Mynet cung cấp hơn 34 triệu khách truy cập vào trang web của họ với nội dung và dịch vụ tin tức, video, trò chơi, tài chính, thông tin và giải trí. Sau khi chạy một Ứng dụng web tiến bộ (PWA) sử dụng Accelerated Mobile Pages (AMP) cho nội
Infobae tăng hơn gấp đôi thời gian trên trang web dành cho thiết bị di động nhờ ứng dụng web tiến bộ
Infobae đã tận dụng nhân viên dịch vụ để mang lại hiệu suất đáng tin cậy trên các mạng không đáng tin cậy. PWA hàng đầu của họ đã đạt được điểm hiệu suất 93/100 trên Lighthouse, một công cụ tự động để đo lường chất lượng trang web.
PWA mới của MakeMyTrip.com giúp cải thiện tỷ lệ chuyển đổi gấp 3 lần
Sau khi ra mắt Ứng dụng web tiến bộ, tỷ lệ chuyển đổi của MakeMyTrip.com trên trang web dành cho thiết bị di động đã tăng gấp 3 lần, trong khi tốc độ tải trang của họ tăng thêm 38%.
0 giờ 1 phút
0h h1 là một trò chơi thú vị (và gây nghiện) mang lại cảm giác phù hợp trên thiết bị di động. Tôi luôn yêu thích khả năng vô tận của công nghệ web. Tôi tự cho rằng mình thật may mắn vì đã nắm bắt điều này từ nhiều năm trước. Những năm qua, chúng tôi
Progressive Web App tại Voot
Voot.com ra mắt Ứng dụng web tiến bộ đa phương tiện tại Ấn Độ. Trong vòng vài ngày triển khai, thời gian phiên trên mỗi người dùng đã tăng thêm 39% và số lượt xem hằng ngày trên mỗi người dùng tăng 15%. Voot là một trong những sản phẩm video theo yêu
Theo chân ông già Noel dưới dạng ứng dụng web tiến bộ (PWA)
Xem trang web Theo chân ông già Noel đã được nhanh chóng nâng cấp lên Ứng dụng web tiến bộ ngoại tuyến cho mùa lễ năm 2016, nhờ vào cách thiết kế cảnh hiện có của chúng tôi. Theo chân ông già Noel là một truyền thống ngày lễ tại Google. Hằng năm, bạn
Các hoạt động tương tác chính trong Phòng thí nghiệm WebVR
Xem Phòng thí nghiệm Các nhà thiết kế trang web đã quen với ý tưởng thiết kế thích ứng, tức là xây dựng một trang web để hoạt động trên nhiều thiết bị, chẳng hạn như điện thoại di động, máy tính bảng và máy tính, cũng như các độ phân giải màn hình và
Thực tế ảo Matterport cho WebVR
Xem trang web Bằng cách thêm tính năng hỗ trợ WebVR, Matterport giúp bạn khám phá những địa điểm thực tế trong thế giới thực tế sống động một cách dễ dàng hơn. Khi không có ứng dụng nào để tải xuống, WebVR sẽ giảm tỷ lệ bỏ ngang và cho phép các đối
Hiển thị văn bản trong WebVR
Inside là một nền tảng để kể chuyện trong thế giới thực tế ảo. Nền tảng này có mặt ở mọi nơi thực tế ảo, bao gồm cả trên web. Khi sử dụng WebVR, người xem có thể truy cập vào trang web, nhấp vào đường liên kết và xem ngay các bộ phim của Inside ở chế độ thực tế ảo sống động, bao gồm cả màn hình đầu cao cấp. Trong quá trình phát triển, nhóm nhận thấy việc hiển thị văn bản trong môi trường mới này khó khăn và họ đã tạo một ví dụ bằng cách sử dụng chương trình đổ bóng để quá trình này diễn ra suôn sẻ hơn.
Gấu 71 và WebVR
Xem phim tài liệu WebVR là một API được tích hợp trong các trình duyệt kết hợp tính năng kết xuất hình ảnh nổi với tính năng theo dõi chuyển động theo thời gian thực, cho phép người dùng thưởng thức nội dung Thực tế ảo trực tuyến một cách nhanh chóng
Đường đất
Đường đất là một thử nghiệm cho phép bạn khám phá hình ảnh vệ tinh của Google Earth thông qua cử chỉ. Sử dụng kết hợp công nghệ học máy, thuật toán được tối ưu hoá và sức mạnh thẻ đồ hoạ, thử nghiệm có thể chạy hiệu quả trên trình duyệt web của điện thoại mà không cần máy chủ phụ trợ. Đây là thông tin về quá trình phát triển của chúng tôi và những phương pháp mà chúng tôi đã cố gắng áp dụng để đi đến kết quả cuối cùng.
Tuyến du thuyền Carnival
Carnival Cruise Line cung cấp dịch vụ liên lạc hấp dẫn, phù hợp với từng khách hàng qua thông báo đẩy. Tải nghiên cứu điển hình dưới dạng PDF xuống Carnival Cruise Line, một trong những công ty du lịch giải trí lớn nhất thế giới, muốn cải thiện cách
Kênh thời tiết
Công ty thời tiết, một công ty kinh doanh của IBM, phục vụ trung bình 40 tỷ yêu cầu dự báo mỗi ngày, giúp mọi người lập kế hoạch cho cuộc sống hàng ngày của mình và đưa ra quyết định sáng suốt hơn dựa trên thời tiết.
Smart Lock cho người giám hộ
Tải nghiên cứu điển hình dưới dạng PDF xuống Guardian News & Media (GNM) phát hành theguardian.com, một trong những trang web tin tức chất lượng nói tiếng Anh lớn nhất thế giới. Kể từ khi ra mắt phiên bản kỹ thuật số ở Hoa Kỳ và Úc lần lượt vào
Smart Lock cho Ali Express
Tải nghiên cứu điển hình dưới dạng PDF xuống Ra mắt vào tháng 4 năm 2010, AliExpress là một trang web thương mại bán lẻ toàn cầu nhắm đến người tiêu dùng trên toàn thế giới. Nền tảng này cho phép người tiêu dùng trên khắp thế giới mua trực tiếp từ
Nhà ở.com tăng số lượt chuyển đổi và giảm tỷ lệ thoát xuống 40% nhờ Ứng dụng web tiến bộ mới
Tải nghiên cứu điển hình dưới dạng PDF xuống Nhà ở.com là một trong những công ty khởi nghiệp hàng đầu của Ấn Độ. Dự kiến thu hút 50 triệu lượt truy cập trong năm nay, nền tảng này đã trở thành một trong những nền tảng bất động sản trực tuyến hàng
Đo lường tác động thực tế đến hiệu suất của nhân viên dịch vụ
Đo lường tác động thực tế đến hiệu suất của nhân viên dịch vụ
The Washington Post
AMP giúp Washington Post tăng tỷ lệ người dùng cũ từ tìm kiếm trên thiết bị di động lên 23% Tải nghiên cứu điển hình dưới dạng PDF xuống Với gần 55% lưu lượng truy cập đến từ thiết bị di động, The Washington Post biết rằng việc mang lại trải nghiệm
Xây dựng Ứng dụng web tiến bộ Google I/O 2016
Xây dựng PWA của Google I/O 2016 bằng các thành phần web
eXtra Electronics
United eXtra Electronics tăng doanh số bán hàng thương mại điện tử thêm 100% nhờ Thông báo đẩy trên web Tải nghiên cứu điển hình dưới dạng PDF xuống eXtra là nhà bán lẻ đồ điện tử tiêu dùng và thiết bị gia dụng hàng đầu và phát triển nhanh nhất Ả Rập
Jumia
Thông báo đẩy giúp Jumia đảo ngược việc bỏ ngang giỏ hàng và tăng số lượt chuyển đổi lên gấp 9 lần Tải nghiên cứu điển hình dưới dạng PDF xuống Jumia là một trang web thương mại điện tử hàng đầu ở Châu Phi. Hầu hết khách hàng của họ sử dụng thiết bị
BaBe
Ứng dụng web tiến bộ trên nhiều trình duyệt của BaBe cạnh tranh với hiệu suất của ứng dụng gốc. Tải nghiên cứu điển hình dưới dạng PDF xuống Ra mắt vào năm 2013, BaBe là ứng dụng tổng hợp tin tức lớn nhất tại Indonesia. Hơn một triệu người đã tải
Tiếng Konga
Konga giảm 92% mức sử dụng dữ liệu nhờ Ứng dụng web tiến bộ mới Tải nghiên cứu điển hình dưới dạng PDF xuống Ra mắt vào năm 2012, Konga là một trang web thương mại điện tử hàng đầu ở Nigeria bán mọi thứ từ sách, tủ lạnh đến điện thoại di động. Thiết
5 dặm
5 dặm giúp giảm tỷ lệ thoát xuống 50% và tăng số lượt chuyển đổi thêm 60% với Ứng dụng web tiến bộ mới Tải nghiên cứu điển hình dưới dạng PDF xuống "Bán những gì bạn có và mua những gì bạn muốn!" là phương châm của 5 dặm, một thị trường di động nơi
Trò suumo
Trang web bất động sản hàng đầu của Nhật Bản đẩy mạnh các danh sách mới bằng Thông báo đẩy trên web và nhận thấy tỷ lệ mở thông báo là 31%. Tải nghiên cứu điển hình dưới dạng PDF xuống SUUMO là trang web bất động sản hàng đầu của Nhật Bản, phục vụ
Buổi biểu diễn nghệ thuật trực tuyến
Sáu nghệ sĩ được mời vẽ, thiết kế và điêu khắc trong môi trường thực tế ảo.
Cổng Net-A-Porter
Net-A-Porter tiết kiệm thời gian phát triển nhờ Thư viện Polymer của Google NET-A-PortER đã triển khai thiết kế dựa trên thành phần trên các thuộc tính trực tuyến của mình bằng cách sử dụng thư viện Polymer của Google. Kết quả là họ tiết kiệm được
Flipkart tăng gấp ba thời gian trên trang web nhờ Ứng dụng web tiến bộ
Vào năm 2015, Flipkart, trang web thương mại điện tử lớn nhất của Ấn Độ, đã áp dụng chiến lược chỉ tập trung vào ứng dụng và tạm thời ngừng hoạt động trang web dành cho thiết bị di động. Công ty này gặp khó khăn và khó khăn hơn trong việc cung cấp trải nghiệm người dùng vừa nhanh vừa hấp dẫn như ứng dụng di động. Nhưng sau đó, Flipkart quyết định xem xét lại phương pháp phát triển của mình. Họ đã quay trở lại với web dành cho thiết bị di động nhờ sự ra mắt của các tính năng giúp web dành cho thiết bị di động chạy tức thì, hoạt động ngoại tuyến và thu hút lại người dùng.
Tạo thanh kiếm ánh sáng bằng Polymer
Cách thiết lập dự án WebGL với FPS cao bằng Polymer.
Google+
Chúng tôi đã đạt mục tiêu không bao giờ tải xuống quá 60 nghìn HTML, 60 nghìn JavaScript và 60 nghìn CSS cùng một lúc!
Ngoài giá
Beyond the Rack sẽ thu hút lại người dùng trên web dành cho thiết bị di động, nhờ đó, doanh thu trên mỗi lượt truy cập tăng 26% nhờ thông báo đẩy.
AirHorner.com
AirHorner là một Ứng dụng web tiến bộ đơn giản nhưng mạnh mẽ, cho thấy sức mạnh của Trình chạy dịch vụ và API âm thanh web để cung cấp cho bạn còi hơi của riêng bạn. Sử dụng tính năng này để gây khó chịu cho bạn bè hoặc đồng nghiệp của bạn, bất kể bạn đang trực tuyến, ngoại tuyến hay trên mạng 2G không ổn định
Nhân viên dịch vụ trong sản xuất
Tìm hiểu cách chúng tôi sử dụng thư viện worker dịch vụ để tạo ứng dụng web Google I/O 2015 nhanh và ưu tiên chế độ ngoại tuyến. Ứng dụng web Google I/O 2015 năm nay là do nhóm Quan hệ nhà phát triển của Google viết, dựa trên thiết kế của các bạn bè
Thư viện Hummingbird
hummingbird Library: Một giao diện người dùng hoàn toàn mới cho Hummingbird, một trang web khám phá và theo dõi hoạt động anime nổi tiếng. Những người hâm mộ hoạt hình (như tôi – số lượt xem trên ảnh chụp màn hình là có thật!) từ lâu đã bị ám ảnh với
Cỗ máy phiêu lưu Madeon
Madeon Adventure Machine là một quảng cáo khéo léo cho album mới của Madeon. Đây là một máy đánh trống thú vị. Adventure Machine là một ứng dụng thực sự đơn giản, nhưng nó hoạt động khá tốt. Bằng cách sử dụng Web Audio và Web Midi tuỳ chọn (vâng –
Adsy.me
Adsy.me là một cách cực nhanh và dễ dàng để tạo các trang web nhỏ dành cho thiết bị di động. Adsy.me là công cụ cho phép mọi người tạo một trang web dành cho thiết bị di động (vi mô) và ngay lập tức họ đã có được niềm tin bằng việc triển khai thử
Giả kim thuật nhỏ
Little Alchem: Một trò chơi kết hợp thú vị, phù hợp với thiết bị di động, lấy cảm hứng từ người anh lớn của trò chơi Alchemy. Little Alchemy là một ví dụ điển hình về việc khai thác tối đa lợi thế của tất cả tính năng mới nhất của nền tảng web. Tệp
Trình đọc tin tức của Hacker
Trình đọc tin tức Hacker: Một trình đọc được tối ưu hoá tuyệt vời dành cho tin tức Hacker. Là một trải nghiệm đọc đẹp mắt và được tối ưu hoá cao dành cho Hacker News, ứng dụng này hoạt động tốt và trông tuyệt vời trên thiết bị di động, máy tính bảng
Hội nghị dành cho nhà phát triển Chrome năm 2014
Trang web Hội nghị Nhà phát triển Chrome năm 2014 do Paul Lewis nội bộ chúng tôi xây dựng, trang web của CDS đã cho thấy cách xây dựng trải nghiệm web di động tuyệt vời cho khách tham dự hội nghị.
Pixmas vui vẻ
Merry Pixmas: Vui Giáng sinh với hiệu ứng chuyển đổi CSS 3D. Bản minh hoạ đẹp mắt theo chủ đề Giáng sinh hoạt động tốt trên máy tính và thiết bị di động. Phiên bản này thậm chí còn đi kèm với khả năng hỗ trợ màu giao diện hoàn toàn mới và một tệp kê
SVGOMG
SVGOMG: Một giao diện người dùng đẹp, chất liệu, thích ứng dành cho SVGO. Do Jake Archibald của riêng chúng tôi tạo ra, SVGOMG là một ví dụ gần như hoàn hảo về một công cụ có khả năng thích ứng và đáp ứng đầy đủ được viết bằng các công nghệ web. Dịch
Bộ lọc web
Bộ lọc trên web: Bộ lọc máy ảnh nhanh, nhanh và bẩn. Một ứng dụng máy ảnh dựa trên nền tảng web khá tuyệt vời, cho phép bạn áp dụng các bộ lọc theo thời gian thực. Dịch vụ này tự động lưu hình ảnh vào thiết bị cục bộ của bạn, nghĩa là hình ảnh thường
Trải nghiệm của người Hobbit 2014
Thêm lối chơi WebRTC vào trải nghiệm của người Hobbit Để kịp ra mắt bộ phim Hobbit mới "The Hobbit: The Battle of the Five Armies" (Người Hobbit: Cuộc chiến của 5 đạo quân), chúng tôi đã nỗ lực mở rộng Thử nghiệm Chrome năm ngoái, A Journey through
Xây dựng với Chrome
Đưa các viên gạch LEGO® lên web đa thiết bị Build with Chrome (Tạo bằng Chrome) là một thử nghiệm thú vị dành cho người dùng Chrome trên máy tính ban đầu được ra mắt ở Úc. Ứng dụng này được phát hành lại vào năm 2014, cung cấp dịch vụ trên toàn cầu,
Giao diện của Trung Địa
Hướng dẫn từng bước về cách phát triển trên nhiều thiết bị Trong bài viết đầu tiên về quá trình phát triển Thử nghiệm Chrome A Journey Through Middle-earth (Chuyến phiêu lưu qua Trung địa), chúng tôi đã tập trung vào việc phát triển WebGL cho thiết
Trải nghiệm của người Hobbit
Đưa Trung Địa vào cuộc sống bằng WebGL cho thiết bị di động Trước đây, việc mang lại trải nghiệm tương tác, dựa trên nền tảng web và chứa nhiều nội dung đa phương tiện cho thiết bị di động và máy tính bảng là một thách thức. Các hạn chế chính là hiệu
Nghiên cứu điển hình – Âm thanh của đua xe
Racer là một Thử nghiệm Chrome nhiều người chơi, nhiều thiết bị. Trò chơi ô tô chạy trên đường dốc theo phong cách cổ điển được chơi trên nhiều màn hình. Trên điện thoại hoặc máy tính bảng, Android hoặc iOS. Mọi người đều có thể tham gia. Không có
Nghiên cứu điển hình – Tay đua xây dựng
Racer là một Thử nghiệm Chrome dành cho thiết bị di động dựa trên web do Active Theory phát triển. Tối đa 5 người bạn có thể kết nối điện thoại hoặc máy tính bảng để đua trên mọi màn hình. Với ý tưởng, thiết kế và nguyên mẫu của Google Creative Lab
Nghiên cứu điển hình – Mê cung Inside World
World Wide Maze là một trò chơi mà bạn sử dụng điện thoại thông minh để điều hướng một quả bóng lăn qua mê cung 3D được tạo từ các trang web để cố gắng đạt được điểm đến. Trò chơi này sử dụng nhiều tính năng HTML5. Ví dụ: sự kiện DeviceOrientation
Đang tạo Roll It
Roll It là một Thử nghiệm trên Chrome tái hiện trò chơi kinh điển trên bờ biển chỉ bằng trình duyệt trên điện thoại và máy tính. Trình duyệt trên điện thoại cho phép bạn nhắm và lăn bi bằng một cú hất cổ tay, trong khi trình duyệt trên máy tính hiển
Bố cục web thế hệ tiếp theo - Rừng khổng lồ theo địa lý quốc gia
Việc sử dụng các công cụ từ CSS và bố cục trình duyệt có thể tạo ra hình ảnh trực quan tuyệt đẹp cho nội dung web. Việc sử dụng các tính năng web như bộ lọc CSS, WebGL, video HTML5, SVG, canvas và công nghệ tương lai đang phát triển như Vùng CSS,
Nghiên cứu điển hình – Tự động đổi kích thước Trò chơi HTML5
Vào mùa hè năm 2010, chúng tôi đã tạo ra Sand Trap, một trò chơi mà chúng tôi đã tham gia một cuộc thi về trò chơi HTML5 dành cho điện thoại di động. Tuy nhiên, hầu hết điện thoại di động chỉ hiển thị một phần trò chơi hoặc làm trò chơi quá nhỏ,
Nghiên cứu điển hình – Thử nghiệm Google I/O năm 2013
Để thu hút sự quan tâm của nhà phát triển trên trang web Google I/O 2013 trước khi mở đăng ký tham dự hội nghị, chúng tôi đã phát triển một loạt các trò chơi và thử nghiệm ưu tiên thiết bị di động, tập trung vào các hoạt động tương tác bằng thao tác
Nghiên cứu điển hình – Tìm đường đến xứ Oz
“Find Your Way to Oz” (Tìm đường đến xứ Oz) là một Thử nghiệm mới của Google Chrome do Disney mang đến web. Ứng dụng này cho phép bạn tham gia một hành trình tương tác qua một rạp xiếc ở Kansas, đưa bạn đến xứ sở Oz sau khi bạn bị cuốn vào một cơn
Nghiên cứu điển hình – ỨNG TÁC với Chrome
Cách chúng tôi tạo ra giao diện người dùng tuyệt vời JAM with Chrome là một dự án âm nhạc trên web do Google tạo ra. JAM with Chrome cho phép mọi người trên khắp thế giới thành lập ban nhạc và JAM theo thời gian thực bên trong trình duyệt. DinahMoe
Kiếm 100.000 sao
Xin chào! Tôi là Michael Chang, làm việc trong Nhóm nghệ thuật dữ liệu tại Google. Gần đây, chúng tôi đã hoàn thành 100.000 ngôi sao, một Thử nghiệm trên Chrome giúp hình dung các ngôi sao lân cận. Dự án được tạo bằng THREE.js và CSS3D. Trong nghiên
Nghiên cứu điển hình – ỨNG TÁC với Chrome
Cách chúng tôi tạo ra âm thanh tuyệt vời JAM with Chrome là một dự án âm nhạc trên web do Google tạo ra. JAM with Chrome cho phép mọi người trên khắp thế giới thành lập ban nhạc và chơi nhạc cùng nhau theo thời gian thực bên trong trình duyệt. Chúng
Movi Kanti Revo - Phần 1 - Xây dựng thế giới 3D
Movi.Kanti.Revo là một thử nghiệm Chrome mới về giác quan do Cirque du Soleil tạo ra và được Subatomic Systems phát triển, mang đến sự kỳ diệu của Cirque du Soleil cho web thông qua các công nghệ web hiện đại. Thử nghiệm này được tạo chỉ bằng HTML5
Nghiên cứu điển hình – SONAR, Phát triển trò chơi HTML5
Mùa hè năm ngoái, tôi làm trưởng nhóm kỹ thuật cho một trò chơi WebGL thương mại có tên là SONAR. Dự án này mất khoảng ba tháng để hoàn thành và được thực hiện hoàn toàn từ đầu bằng JavaScript. Trong quá trình phát triển SONAR, chúng tôi đã phải tìm
Nghiên cứu điển hình – Xây dựng Technitone.com
Technitone.com là sự kết hợp của WebGL, Canvas, Web Sockets, CSS3, Javascript, Flash và Web Audio API mới trong Chrome. Bài viết này sẽ đề cập đến mọi khía cạnh của quá trình sản xuất: kế hoạch, máy chủ, âm thanh, hình ảnh và một số quy trình mà
Nghiên cứu điển hình – Bouncy Mouse
Sau khi phát hành Bouncy Mouse trên iOS và Android vào cuối năm ngoái, tôi đã rút ra được một vài bài học rất quan trọng. Trong đó, quan trọng nhất là việc khó thâm nhập vào một thị trường đã có chỗ đứng. Trên thị trường iPhone đã bão hoà, việc thu
Nghiên cứu điển hình – MathBoard HTML5
MathBoard trên iPad, một ứng dụng PalaSoftware, là một ứng dụng được đánh bóng cao với nhiều ảnh động tinh tế nhưng tự nhiên và giao diện thực tế độc đáo. Mục tiêu là chuyển đổi ứng dụng iPad sang HTML5 với độ trung thực cao nhất. N2N-Apps là một
Nghiên cứu điển hình - Xây dựng hình tượng trưng trên Google của Stanisław Lem
Trang chủ Google là một môi trường hấp dẫn để bạn lập trình. Trò chơi này đi kèm với nhiều hạn chế thách thức: đặc biệt chú trọng vào tốc độ và độ trễ, phải phục vụ mọi loại trình duyệt và hoạt động trong nhiều tình huống. Vân vậy, thật bất ngờ và
Nghiên cứu điển hình – Thông tin cập nhật theo thời gian thực trong Stream lễ hội
Thông qua WebSockets và EventSource, HTML5 cho phép nhà phát triển xây dựng các ứng dụng web giao tiếp theo thời gian thực với máy chủ. Stream Congress (có trong Cửa hàng Chrome trực tuyến ) cung cấp thông tin cập nhật trực tiếp về hoạt động của Quốc
Nghiên cứu điển hình - Chuyển đổi Wordico từ Flash thành HTML5
Khi chuyển đổi trò chơi ô chữ Wordico từ Flash sang HTML5, nhiệm vụ đầu tiên của chúng tôi là quên đi mọi kiến thức đã biết về việc tạo trải nghiệm phong phú cho người dùng trong trình duyệt. Mặc dù Flash cung cấp một API toàn diện cho mọi khía cạnh
Nghiên cứu điển hình – Onslaught! Sân khấu/Vũ đài
Vào tháng 6 năm 2010, chúng tôi nhận thấy rằng "zine" phát hành tại địa phương Boing Boing đang tổ chức một cuộc thi phát triển trò chơi. Chúng tôi coi đây là lý do hoàn hảo để tạo một trò chơi nhanh chóng và đơn giản bằng JavaScript và
Nghiên cứu điển hình – Hiệu ứng lật trang từ 20thingsilearned.com
Năm 2010, F-i.com và nhóm Google Chrome đã cộng tác trên một ứng dụng web giáo dục dựa trên HTML5 có tên là 20 điều tôi học được về trình duyệt và web ( www.20thingsilearned.com ). Một trong những ý tưởng chính đằng sau dự án này là việc trình bày dự
Nghiên cứu điển hình – Gặp vấn đề với Canvas HTML5
Mùa xuân vừa qua (2010), tôi đã quan tâm đến việc hỗ trợ ngày càng tăng cho HTML5 và các công nghệ liên quan. Vào thời điểm đó, tôi và một người bạn đã thách đấu nhau trong các cuộc thi phát triển trò chơi kéo dài hai tuần để trau dồi kỹ năng lập
Nghiên cứu điển hình – HTML5 trong deviantART muro
Vào ngày 7 tháng 8 năm 2010, deviantART tổ chức sinh nhật lần thứ 10 của mình. Chúng tôi đã tổ chức sinh nhật của mình bằng cách ra mắt công cụ vẽ HTML5 có tên deviantART muro. Bạn có thể sử dụng công cụ này như một ứng dụng web độc lập cũng như một
Nghiên cứu điển hình – Tải xuống bằng tính năng kéo và thả trong Chrome
Tính năng Kéo và thả (DnD) là một trong nhiều tính năng tuyệt vời của HTML 5 và được hỗ trợ trong Firefox 3.5, Safari, Chrome và IE. Gần đây, Google đã ra mắt một tính năng mới cho phép người dùng Google Chrome kéo và thả tệp từ trình duyệt sang máy
How Ray-Ban doubled conversion rate and reduced exit rate by 13% through prerendering using the Speculation Rules API
Learn how Ray-Ban improved LCP by using the Speculation Rules API, and how it improved Ray-Ban's ecommerce platform's business performance.
How QuintoAndar reduced INP by 80%, increasing conversions by 36%
QuintoAndar significantly improved its web performance by reducing its Interaction to Next Paint (INP) by 80%, leading to a 36% increase in conversions year-over-year.
How YouTube improved video performance with the Media Capabilities API
Using the Media Capabilities API lets you better target video codecs, frame rates, and resolutions based on the capabilities of your users' devices.
Forbes
Forbes is re-defining modern web development with Progressive Web App technology.
Wego
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
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
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