![](https://web.dev/static/images/case-studies-header.png?authuser=8&%3Bhl=id&hl=id)
Studi kasus
Membuat Dasar Pengukuran dapat ditindaklanjuti dengan data pengguna sebenarnya
Cara RUMvision menggabungkan informasi Dasar Pengukuran dengan data RUM mereka.
Memaksimalkan kemampuan kueri penampung CSS: pelajaran dari tim Netflix
Studi kasus ini menjelaskan manfaat mengadopsi kueri penampung di Netflix.
Cara Tokyu mencapai login 12 kali lebih cepat dengan kunci sandi
Cari tahu cara Tokyu, perusahaan kereta api di Jepang, mencapai proses login yang 12 kali lebih cepat dengan kunci sandi, yang membantu ribuan komuter setiap hari.
Alasan Google Spreadsheet mentransfer pekerja penghitungannya dari JavaScript ke WasmGC
Penghitungan di Google Spreadsheet awalnya dilakukan di server, lalu di klien dalam JavaScript, dan kini di klien di WebAssembly Garbage Collection. Studi kasus ini menjelaskan bagaimana dan mengapa.
Lebih sedikit hambatan, lebih banyak kontrol: Cara Google Meet meningkatkan izin audio dan video
Studi kasus ini menjelaskan bagaimana tim Google Meet meningkatkan izin dan dampaknya terhadap pengguna. kepuasan pelanggan.
BILIBILI memanfaatkan solusi AI web di perangkat MediaPipe untuk meningkatkan UX streaming video dan menambah durasi sesi sebesar +30%
Pelajari cara web memungkinkan pengalaman 3D yang imersif untuk membantu pelanggan memahami dan menjelajahi produk fisik.
Cara Disney+ Hotstar meningkatkan jumlah penayangan kartu mingguan sebesar 100% di perangkat ruang keluarga dengan mengurangi INP sebesar 61%
Pelajari cara Disney Hotstar, aplikasi untuk smart TV dan perangkat dekoder, meningkatkan interaksi penonton secara signifikan melalui upaya mereka untuk mengurangi INP-nya.
3D interaktif di web dengan hardware Google: Pengalaman edukasi produk generasi berikutnya
Pelajari cara web memungkinkan pengalaman 3D yang imersif untuk membantu pelanggan memahami dan menjelajahi produk fisik.
Cara Platform Pengelolaan Izin PubTech mengurangi INP di situs pelanggan mereka hingga 64%, sekaligus meningkatkan visibilitas iklan hingga 1,5%
Cara Platform Pengelolaan Izin PubTech mengurangi INP di situs pelanggan mereka hingga 64%, sekaligus meningkatkan visibilitas iklan hingga 1,5%
Catatan bagus di mana saja
Selama dua tahun terakhir, tim teknik Goodnotes telah mengerjakan proyek untuk menghadirkan aplikasi pencatat iPad yang sukses ke platform lain. Studi kasus ini membahas bagaimana aplikasi iPad 2022 tahun ini menjangkau web, ChromeOS, Android, dan Windows yang didukung oleh teknologi web dan WebAssembly menggunakan kembali kode Swift yang sama yang telah dikerjakan tim selama lebih dari sepuluh tahun.
Cara penyedia rekomendasi konten Taboola menggunakan LoAF untuk meningkatkan INP hingga 36% untuk situs partner penayangnya.
Cara penyedia rekomendasi konten Taboola menggunakan LoAF untuk meningkatkan INP hingga 36% untuk situs partner penayangnya.
CapCut meningkatkan traffic organik sebesar 83% dengan membangun aplikasi web yang berfungsi penuh menggunakan WebAssembly dan WebCodecs
Salah satu aplikasi pengeditan video paling populer yang tersedia untuk perangkat seluler berhasil menciptakan versi web yang berfungsi penuh.
Kecanggihan web untuk ilustrator: Cara pixiv menggunakan teknologi web untuk aplikasi menggambar mereka
pixiv adalah layanan komunitas online bagi ilustrator dan penggemar ilustrasi untuk berkomunikasi satu sama lain melalui konten mereka. Fitur ini memungkinkan pengguna memposting ilustrasi mereka sendiri. Aplikasi ini memiliki lebih dari 84 juta
Cara Tokopedia mengurangi biaya operasional dengan meningkatkan kualitas aplikasi web penjual mereka menggunakan Machine Learning
Postingan ini menjelaskan cara Mitra Tokopedia mengurangi biaya operasional dengan meningkatkan kualitas aplikasi web penjual mereka menggunakan Machine Learning.
Cara Trendyol mengurangi INP sebesar 50%, yang menghasilkan peningkatan rasio klik-tayang sebesar 1%
Studi kasus ini menjelaskan alur kerja langkah demi langkah proses debug dan meningkatkan INP di React yang digunakan oleh Trendyol dengan memanfaatkan alat Google seperti PageSpeed Insights (PSI), Chrome DevTools, dan scheduler.Yield API.
Cara PWA Kiwix memungkinkan pengguna menyimpan data dalam Gigabyte dari Internet untuk penggunaan offline
Studi kasus ini mempelajari bagaimana Kiwix, sebuah organisasi nirlaba, menggunakan teknologi Progressive Web App dan File System Access API untuk memungkinkan pengguna mengunduh dan menyimpan arsip Internet dalam jumlah besar untuk digunakan secara offline.
Bagaimana ID Bisnis Yahoo! JAPAN meningkatkan penggunaan kunci sandi menjadi 11% dan mengurangi biaya OTP SMS
Pelajari fitur Yahoo! JAPAN untuk meningkatkan penggunaan kunci sandi dan pengalaman pengguna.
Cara pengambilan data membantu Terra meningkatkan rasio klik-tayang iklan sebesar 30% dan mempercepat Largest Contentful Paint.
Pengambilan data adalah teknik yang digunakan untuk mempercepat pemuatan halaman dengan mendownload resource—atau bahkan seluruh halaman—yang mungkin akan diperlukan dalam waktu dekat. Penelitian telah menunjukkan bahwa waktu muat yang lebih cepat menghasilkan rasio konversi yang lebih tinggi dan pengalaman pengguna yang lebih baik.
Bagaimana Back-forward Cache Membantu Yahoo! JAPAN News Meningkatkan Pendapatan sebesar 9% di Perangkat Seluler
Yahoo! JAPAN News, salah satu platform berita paling populer di Jepang, mendorong upaya bersama untuk meningkatkan rasio hit bfcache mereka dan berhasil memperoleh peningkatan pengalaman pengguna serta peningkatan bisnis yang signifikan. Secara khusus, hasil pengujian A/B yang mereka lakukan menunjukkan bahwa halaman yang menggunakan bfcache mengalami peningkatan pendapatan iklan sebesar 9%.
Pencarian Economic Times untuk memperbaiki INP
Menurunkan TBT sebanyak 30 kali dan bermigrasi ke Next.js membantu The Ecomonic Times mengurangi INP hampir empat kali lipat, sehingga menghasilkan penurunan rasio pantulan sebesar 50% dan peningkatan pageview sebesar 43%.
Cara redBus meningkatkan Interaksi situs mereka dengan Next Paint (INP) dan meningkatkan penjualan sebesar 7%
Pengoptimalan INP membantu redBus meningkatkan penjualan sekitar 7%
Bagaimana Slow Roads menarik minat gamer dan developer, menyoroti kemampuan 3D yang luar biasa di browser
Temukan potensi WebGL dengan pemandangan tak terbatas dan yang dihasilkan secara prosedural dari game mengemudi kasual ini. Slow Roads adalah game mengemudi kasual dengan penekanan pada pemandangan yang dihasilkan secara prosedural,
Membangun web yang lebih baik: YouTube yang lebih cepat
Ini adalah Bagian 1 dari serial baru kami tentang Membangun Web YouTube yang Lebih Baik.
Bagaimana investasi Rakuten 24 dalam Core Web Vitals meningkatkan pendapatan per pengunjung sebesar 53,37% dan rasio konversi sebesar 33,13%
Dengan mengukur Data Web pengguna sebenarnya, Rakuten 24 juga menemukan bahwa Largest Contentful Paint (LCP) yang baik dapat menyebabkan peningkatan rasio konversi sebesar 61,13%.
Bagaimana Situs + layanan Pemasaran GoDaddy meningkatkan Data Web Inti pelanggan sebesar 75%
Sebuah studi kasus tentang perubahan yang diterapkan GoDaddy untuk meningkatkan performa situs bagi jutaan situs, membantu situs tersebut mencapai skor PageSpeed Insights dan Data Web Inti yang baik.
Retailer mewah, Farfetch memperoleh rasio konversi yang lebih tinggi untuk Data Web Inti yang lebih baik
Bagaimana investasi retailer mewah, Farfetch' dalam meningkatkan Data Web Inti mendorong hasil bisnis yang lebih baik.
Yahoo! Yahoo! JAPAN mengurangi pertanyaan sebesar 25% dan mempercepat waktu login sebesar 2,6x
Yahoo! JAPAN memiliki sistem identitas tanpa sandi. Pelajari pendekatan mereka dan konsekuensi dari upaya tersebut.
Cara RebelMouse meningkatkan loyalitas dan engagement dengan mengoptimalkan Data Web Inti
Studi kasus yang mengukur dampak penuh dan manfaat skor performa tinggi di Data Web Inti.
Pengalaman web modern pada Adobe Experience Manager dengan WorkBox
Progressive Web App memanfaatkan apa yang dapat dilakukan web modern. Adobe menggunakan Workbox untuk menghadirkan kemampuan tersebut ke Adobe Experience Manager.
PWA MishiPay meningkatkan transaksi 10 kali dan menghemat antrian selama 2,5 tahun
Pelajari bagaimana PWA MishiPay meningkatkan transaksi 10 kali dan menghemat 2,5 tahun antrian.
Cara The Economic Times melewati nilai minimum Data Web Inti dan mencapai rasio pantulan yang 43% lebih baik secara keseluruhan
Mengoptimalkan Data Web Inti di situs The Economic Times meningkatkan pengalaman pengguna secara signifikan dan mengurangi rasio pantulan secara signifikan di seluruh situs.
Cara Terra meningkatkan interaksi pengguna berkat Mode Gelap
Dalam artikel ini, kami akan menganalisis perjalanan Terra mulai dari mengidentifikasi ukuran kohor “mode gelap”, hingga menerapkan tema gelap kustom, dan akhirnya mengukur dampak implementasi ini pada KPI utama mereka.
Cara QuintoAndar meningkatkan rasio konversi dan halaman per sesi dengan meningkatkan performa halaman
Sebuah project yang berfokus pada pengoptimalan Data Web Inti dan migrasi ke Next.js menghasilkan peningkatan rasio konversi sebesar 5% dan peningkatan halaman per sesi sebesar 87%.
Kapwing: Pengeditan video yang canggih untuk web
Perusahaan seperti Kapwing memungkinkan pembuatan semua konten video ini langsung di web, dengan menggunakan API yang canggih (seperti IndexedDB dan WebCodecs) serta alat performa.
SVGcode: PWA untuk mengonversi gambar raster menjadi grafik vektor SVG
Mengonversi gambar bitmap monokrom atau warna (PNG, JPG, JPEG, WEBP, AVIF, GIF,...) ke gambar vektor monokrom atau berwarna (SVG).
Meningkatkan Data Web Inti di halaman beranda Mail.ru menghasilkan peningkatan rata-rata rasio konversi sebesar 10%
Beberapa bulan upaya untuk meningkatkan Data Web Inti di halaman beranda Mail.ru menghasilkan peningkatan sebesar 60% pada persentil ke-75 dalam Pergeseran Tata Letak Kumulatif (CLS), yang meningkatkan waktu sesi rata-rata sebesar 2,7% dan rasio konversi bagian inti lebih dari 10%.
Cara Renault meningkatkan rasio pantulan dan konversinya dengan mengukur dan mengoptimalkan Largest Contentful Paint
Postingan ini menjelaskan bagaimana Renault dan partner data globalnya yang berusia lima puluh lima tahun melakukan pendekatan pengukuran dan pengoptimalan Data Web Inti. Tim menganalisis data dari 10 juta kunjungan di halaman landingnya, menemukan korelasi yang kuat antara Largest Contentful Paint dan konversi, dan meningkatkan upaya pengoptimalannya. Kita akan melihat titik data ini dan memahami bagaimana tim mengorganisir langkah-langkah pengoptimalan.
Cara Swappie meningkatkan pendapatan seluler sebesar 42% dengan berfokus pada Data Web Inti
Studi kasus ini menjelaskan bagaimana tim Swappie meningkatkan konversi dan pendapatan dengan mengoptimalkan aplikasi web mereka untuk Data Web Inti.
Dampak bisnis Data Web Inti
Artikel ini akan membantu Anda memahami bagaimana Data Web Inti berkorelasi dengan metrik bisnis utama dengan menjelajahi contoh perusahaan yang telah melihat dampak positif bagi pengguna dan bisnis mereka.
Bagaimana komitmen pada Data Web Inti meningkatkan pendapatan iklan Netzwelt sebesar 18%
Pelajari cara Netzwelt, penerbit berita Jerman, mengoptimalkan Data Web Inti untuk meningkatkan pengalaman pengguna dan pendapatan iklan.
PWA Blibli menghasilkan pendapatan 10x lebih banyak per pengguna dibandingkan situs seluler mereka sebelumnya
Cara Blibli mencapai penurunan rasio pantulan sebesar 42%, peningkatan rasio konversi seluler 8 kali lipat, dan peningkatan halaman 2,5 kali lebih banyak per sesi.
Meningkatkan Pergeseran Tata Letak Kumulatif di Telegraph Media Group
Bagaimana Telegraph, situs berita terkemuka di Inggris berhasil meningkatkan CLS persentil ke-75 mereka sebesar 250% dari 0,25 menjadi 0,1 dalam beberapa bulan.
Orange: PWA baru mengonversi 52% lebih baik di perangkat seluler
PWA baru juga memiliki waktu pemuatan rata-rata 30% lebih cepat daripada situs lama dan telah meningkatkan rasio pantulan sebesar 12% dan kedalaman sesi 18%.
Mainline Menswear menerapkan PWA dan mengalami peningkatan rasio konversi sebesar 55%
Mainline Menswear menerapkan Progressive Web App (PWA) dan mengalami peningkatan rasio konversi sebesar 55% untuk pengguna yang menginstal aplikasi dengan kemampuan caching dan offline.
Cara Zalando mengurangi waktu masukan performa dari 1 hari menjadi 15 menit dengan Lighthouse CI
Tim web di Zalando menemukan bahwa integrasi Lighthouse CI memungkinkan pendekatan proaktif terhadap performa, dengan pemeriksaan status otomatis yang dapat membandingkan commit saat ini dengan cabang utama untuk mencegah regresi performa.
Situs web Lowe adalah salah satu situs web e-commerce dengan kinerja tercepat
Dengan membangun sistem pengujian dan pemantauan performa otomatis, Tim Kecepatan Situs Lowe's menguji permintaan pull terhadap anggaran performa, dan mencegah regresi performa masuk ke produksi.
Vodafone: Peningkatan 31% LCP meningkatkan penjualan sebesar 8%
Dengan menjalankan pengujian A/B yang secara khusus berfokus pada pengoptimalan Data Web, Vodafone menemukan bahwa peningkatan LCP sebesar 31% menghasilkan peningkatan penjualan sebesar 8%, peningkatan rasio prospek sebesar 15%, dan peningkatan rasio kunjungan sebesar 11% pada keranjang mereka.
Cara Wix meningkatkan performa situs dengan mengembangkan infrastrukturnya
Sebuah studi kasus tentang beberapa perubahan besar yang diperkenalkan di Wix guna meningkatkan performa pemuatan situs untuk jutaan situs, sehingga memudahkan mereka untuk menerima skor Data Web Inti dan PageSpeed Insights yang baik.
Cara pengoptimalan CLS meningkatkan JAPAN News per sesi sebesar 15%
Dengan menggunakan Search Console dan Lighthouse untuk memantau Data Web Inti, mereka menemukan peluang untuk mengoptimalkan skor CLS sebesar 0,2 yang menghasilkan peningkatan kunjungan halaman sebesar 15% per sesi, durasi sesi 13% lebih lama, dan penurunan poin rasio pantulan sebesar 1,72.
Agrofi: Peningkatan 70% LCP berkorelasi dengan penurunan pengabaian beban sebesar 76%
Baca cara Agrofy meningkatkan rasio pengabaian pemuatannya dengan berfokus pada Data Web Inti.
Menghentikan penggunaan Excalidraw Electron dan mendukung versi web
Excalidraw adalah papan tulis kolaboratif virtual yang memungkinkan Anda dengan mudah membuat sketsa diagram yang terasa digambar dengan tangan. Pada project Excalidraw, kami memutuskan untuk menghentikan penggunaan Excalidraw Desktop, wrapper Electron untuk Excalidraw, untuk mendukung versi web yang dapat—dan selalu dapat—ditemukan di excalidraw.com. Setelah melakukan analisis yang cermat, kami memutuskan bahwa Progressive Web App (PWA) adalah masa depan yang ingin kami kembangkan.
Pengguna PWA 2,5x lebih cenderung membeli Gravit Designer PRO
Pengguna PWA juga 24% lebih aktif daripada semua jenis penginstalan lainnya, menjadi pengguna berulang 31% lebih banyak daripada semua platform lain, dan banyak lagi.
Penginstalan PWA editor video Clipchamp mengalami pertumbuhan bulanan sebesar 97%
Cara PWA, WebAssembly, dan ChromeOS membantu editor video berbasis web memberikan performa yang lebih baik dan pengalaman yang lebih menarik bagi 12 juta pengguna.
JD.ID meningkatkan rasio konversi selulernya sebesar 53% dengan strategi caching, penginstalan, dan notifikasi push
Cara JD.ID meningkatkan rasio konversi seluler (mCVR) secara keseluruhan sebesar 53%, mCVR untuk pengguna yang menginstal sebesar 200%, dan pengguna aktif harian sebesar 26%.
Investasi Rakuten 24 dalam PWA meningkatkan retensi pengguna sebesar 450%
Membuat aplikasi web mereka dapat diinstal menghasilkan peningkatan traffic, retensi pengunjung, penjualan per pelanggan, dan konversi.
NDTV mencapai peningkatan LCP sebesar 55% dengan mengoptimalkan Data Web Inti
Dengan menggunakan alat seperti PageSpeed Insights , web.dev/measure, dan WebPageTest, tim NDTV menganalisis potensi area peningkatan dan berinvestasi dalam Data Web Inti untuk mencapai kesuksesan bisnis.
Bagaimana fokus pada performa web meningkatkan rasio klik-tayang Tokopedia sebesar 35%
Membuat dasbor performa web dan mengoptimalkan JavaScript, resource, dan halaman beranda untuk meraih kesuksesan bisnis.
Cara ZDF membuat PWA video dengan mode offline dan mode gelap
Pelajari cara ZDF membuat progressive web app (PWA) dengan fitur modern seperti dukungan offline, kemampuan penginstalan, dan mode gelap.
Cara PWA Goibibo meningkatkan konversi sebesar 60%
Pelajari bagaimana Goibibo, perusahaan perjalanan online teratas di India, mencapai peningkatan konversi sebesar 60% dengan menciptakan pengalaman pengguna yang andal antara PWA mereka dan aplikasi iOS/Android.
Cara Mercado Libre mengoptimalkan Data Web (TBT/FID)
Ringkasan pekerjaan yang dilakukan oleh tim arsitektur frontend Mercado Libre untuk mengoptimalkan FID, menggunakan TBT sebagai metrik proxy.
Milidetik menghasilkan jutaan
Peningkatan 0,1 detik pada 4 metrik kecepatan dapat meningkatkan rasio progres di seluruh funnel pembelian.
Studi kasus Wake Lock API: Peningkatan 300% dalam indikator niat membeli di BettyCrocker.com
Studi kasus pengalaman situs memasak BettyCrocker.com dalam mengimplementasikan Wake Lock API.
Cara Google meningkatkan performa iklan dengan validasi yang tidak berlaku saat validasi ulang
Studi kasus ini menjelaskan cara Google meningkatkan metrik bisnis iklan yang penting dengan mengoptimalkan performa skrip iklan pihak ketiga yang sudah tidak berlaku saat memvalidasi ulang.
Belanja hemat di eBay.com
Studi kasus ini menjelaskan cara eBay meningkatkan metrik bisnis utama dengan mengoptimalkan performa pengalaman web dan aplikasi mereka.
OYO Lite: TWA dengan aplikasi web dan Android terbaik
Cara startup perhotelan membangun aplikasi Android yang mengandalkan konten web untuk meningkatkan interaksi pengguna secara drastis dan menjaga ukuran file tetap rendah.
Lima cara AirSHIFT meningkatkan performa runtime aplikasi React mereka
Bagaimana tim AirSHIFT menggunakan virtualisasi tabel, data RUM, pemuatan lambat, pekerja web, anggaran performa, dan hackathon untuk mengoptimalkan performa runtime aplikasi React mereka.
Cara Truebil menjadikan web sebagai saluran pertumbuhan
Studi kasus ini menjelaskan cara tim Truebil meningkatkan konversi dan engagement dengan mengoptimalkan kecepatan dan keandalan aplikasi web mereka.
Cara OpenSooq meningkatkan engagement dengan berinvestasi di web
Pelajari cara tim OpenSooq menggunakan praktik terbaik untuk membuat progressive web app marketplace yang andal dan menarik.
Cara kami menghadirkan Google Earth ke web
Meningkatkan akses lintas browser ke Google Earth dengan WebAssembly
Menghadirkan pekerja layanan ke Google Penelusuran
Telusuri hampir semua topik di Google, dan Anda akan disajikan dengan halaman hasil yang bermakna dan relevan. Apa yang mungkin tidak Anda sadari adalah bahwa halaman hasil pencarian ini mungkin dilayani oleh teknologi web yang ampuh yang disebut pekerja layanan.
Nikkei mencapai tingkat kualitas dan performa yang baru dengan PWA multi-halaman mereka
Dengan sejarah penerbitan lebih dari 140 tahun, Nikkei adalah salah satu bisnis media paling kredibel di Jepang. Untuk memberikan pengalaman pengguna yang lebih baik dan mempercepat bisnis mereka di web, Nikkei berhasil meluncurkan Progressive Web App pada November 2017, dan mereka melihat hasil yang luar biasa dari platform baru tersebut.
George.com meningkatkan pengalaman pelanggan seluler dengan Progressive Web App baru
George.com adalah merek pakaian terkemuka di Inggris, bagian dari ASDA Walmart. Setelah mengupgrade situs mereka ke Progressive Web App (PWA), brand ini memperoleh peningkatan konversi seluler sebesar 31 persen. Dengan ekspektasi konsumen seputar
Progressive Web App baru dari BookMyShow mendorong peningkatan konversi sebesar 80%
BookMyShow adalah perusahaan penjualan tiket terbesar di India, dengan 50 juta pengunjung per bulan. Mereka mengembangkan versi situs seluler yang lebih baik menggunakan Progressive Web App (PWA), yang mengoptimalkan kecepatan dan meniadakan kendala data, yang menghasilkan peningkatan konversi sebesar 80%.
Ele.me meningkatkan waktu muat performa dengan Progressive Web App multi-halaman
Ele.me adalah perusahaan pemesanan dan pengiriman makanan terbesar di China daratan. Mereka membangun Progressive Web App (PWA) sebagai aplikasi multi-halaman untuk meningkatkan pengalaman web selulernya, sehingga menjadikannya lebih cepat dan lebih andal dalam koneksi yang tidak stabil, sekaligus mengakomodasi kebutuhan operasional mereka untuk melayani pelanggan dengan sebaik-baiknya.
Dance Tonite di WebVR
Dance Tonite adalah kolaborasi VR yang terus berubah dengan band LCD Soundsystem dan penggemarnya. Dibangun di WebVR, project ini berfungsi di seluruh platform, dengan dan tanpa VR, sehingga pengguna memiliki peran yang berbeda dalam pengalaman bergantung pada perangkat mereka. Kreator project Jonathan Puckey, Moniker, serta keputusan kreatif dan teknik pengoptimalan lanjutan Google Data Arts Team memungkinkan performa berkualitas tinggi–hampir 60 FPS untuk 3DoF dan 90 FPS untuk 6DoF–serta pengalaman pengguna yang menarik di semua platform menggunakan satu codebase.
Infobae meningkatkan waktu yang dihabiskan di situs seluler dua kali lipat dengan Progressive Web App
Infobae memanfaatkan pekerja layanan untuk memberikan performa yang bisa diandalkan pada jaringan yang tidak bisa diandalkan. PWA mereka yang terbaik di kelasnya mencapai skor performa 93/100 di Lighthouse, sebuah alat otomatis untuk mengukur kualitas halaman web.
PWA baru MakeMyTrip.com memberikan peningkatan 3X pada rasio konversi
Setelah meluncurkan Progressive Web App, rasio konversi MakeMyTrip.com di web seluler meningkat tiga kali lipat, sementara kecepatan pemuatan halamannya meningkat sebesar 38%.
0 j h1
0h h1 adalah game seru (dan membuat ketagihan) yang terasa pas di perangkat seluler. Saya selalu menyukai kemungkinan tak terbatas dari teknologi web, dan saya beruntung karena telah memakainya bertahun-tahun yang lalu, karena tahun-tahun terakhir
Lancôme membuat ulang situs selulernya sebagai PWA, meningkatkan konversi sebesar 17%
Untuk mendorong traffic dan re-engagement, merek kosmetik mewah Lancôme meluncurkan Progressive Web App (PWA) untuk menghadirkan pengalaman seperti aplikasi yang cepat di web seluler
PWA Twitter Lite Secara Signifikan Meningkatkan Engagement dan Mengurangi Penggunaan Data
Progressive Web App Twitter Lite menggabungkan fitur native dan web modern terbaik untuk memberikan pengalaman yang lebih andal, dengan sasaran eksplisit untuk pemuatan instan, engagement pengguna, dan konsumsi data yang lebih rendah
Jumia melihat peningkatan rasio konversi 33%, pengguna 12X lebih banyak di PWA
Traffic ke PWA Jumia telah melampaui traffic aplikasi native mereka lebih dari 12 kali lipat dan masih meningkat. Jumia juga mengalami penurunan rasio pantulan sebesar 50%
OLX meningkatkan re-engagement di web seluler sebesar 250% dengan Progressive Web App
Untuk OLX, pembuatan Progressive Web App meningkatkan interaksi sebesar 250% dan mengurangi waktu halaman untuk interaktif sebesar 23%
Ola mendorong mobilitas bagi satu miliar penduduk India dengan Progressive Web App
Ola adalah agregator taksi terkemuka di India, dengan misi berkelanjutan untuk mendorong mobilitas bagi satu miliar warga India. Perusahaan ini menjangkau lebih dari 100 kota di India dengan jaringan yang terdiri dari 600 ribu partner pengemudi.
Mynet mempercepat pengalaman web seluler mereka hingga 4X lipat, sehingga meningkatkan pendapatan sebesar 25% dengan PWA berbasis AMP
Setiap bulan, Mynet menghadirkan lebih dari 34 juta pengunjung ke situs mereka dengan konten dan layanan berita, video, game, keuangan, informasi, dan hiburan. Setelah meluncurkan Progressive Web App (PWA) yang menggunakan Accelerated Mobile Pages
Progressive Web App di Voot
Voot.com meluncurkan Progressive Web App media mereka di India. Dalam hari penerapan, waktu sesi per pengguna meningkat 39% dan tampilan harian per pengguna sebesar 15%. Voot adalah salah satu produk video on-demand teratas di India, yang tersedia
Pelacak Sinterklas sebagai PWA
Lihat situs Pelacak Sinterklas dengan cepat diupgrade ke Progressive Web App offline untuk musim liburan 2016, sebagian besar berkat desain suasana kami yang sudah ada. Pelacak Sinterklas adalah tradisi liburan di Google. Setiap tahun, Anda dapat
Interaksi Inti di Lab WebVR
Lihat Lab Desainer situs terbiasa dengan ide desain responsif, yaitu membuat situs agar berfungsi di berbagai perangkat, seperti ponsel, tablet, dan komputer, serta berbagai resolusi layar dan rasio piksel. WebVR memperkenalkan tantangan baru pada
Merender Teks di WebVR
Di dalam adalah platform untuk bercerita dalam virtual reality dan tersedia di mana pun VR berada. Ini termasuk web. Dengan memanfaatkan WebVR, penonton dapat membuka situs, mengklik link, dan langsung menonton film Spaces dalam VR yang imersif - termasuk layar yang dipasang di kepala kelas atas. Selama proses pengembangan, tim menemukan bahwa rendering teks sulit di lingkungan baru ini, dan mereka membuat contoh menggunakan shader untuk membuatnya proses yang lebih lancar.
Bear 71 dan WebVR
Tonton dokumenter WebVR adalah API yang terdapat pada browser yang menggabungkan rendering stereo dengan pelacakan gerakan kepala real-time, memungkinkan cara yang cepat dan mudah untuk menikmati konten VR secara online. Dengan WebVR, pembuat konten
Matterport VR untuk WebVR
Lihat situs Dengan menambahkan dukungan WebVR, Matterport mempermudah penjelajahan tempat-tempat dunia nyata dalam virtual reality yang imersif. Jika tidak ada aplikasi yang didownload, WebVR akan mengurangi pengguna yang berpaling dan memungkinkan
Jalur Tanah
Garis Tanah adalah eksperimen yang memungkinkan Anda menjelajahi citra satelit Google Earth melalui gestur. Dengan menggunakan kombinasi machine learning, algoritma yang dioptimalkan,dan daya kartu grafis, eksperimen dapat berjalan secara efisien di browser web ponsel Anda tanpa memerlukan server backend. Ini adalah pembahasan tentang proses pengembangan kami dan berbagai pendekatan yang kami coba lakukan untuk mengantarkan kami ke hasil akhir.
Weather Channel
The Weather Company, sebuah IBM Business, melayani rata-rata 40 miliar permintaan prakiraan setiap hari, membantu orang-orang merencanakan kehidupan mereka sehari-hari dan membuat keputusan yang lebih baik berdasarkan cuaca.
Jalur Pesiar Karnaval
Carnival Cruise Line menyediakan layanan komunikasi yang menarik dan dipersonalisasi untuk pelanggannya dengan notifikasi push. Download Studi Kasus PDF Carnival Cruise Line, salah satu perusahaan perjalanan rekreasi terbesar di dunia, ingin
Smart Lock untuk Wali
Download Studi Kasus PDF Guardian News & Media (GNM) memublikasikan theguardian.com, salah satu situs berita berkualitas berbahasa Inggris terbesar di dunia. Sejak meluncurkan edisi digitalnya di Amerika Serikat dan Australia pada tahun 2011 dan
Smart Lock untuk AliExpress
Download Studi Kasus PDF AliExpress adalah marketplace retail global yang diluncurkan pada April 2010 dan ditargetkan untuk konsumen di seluruh dunia. Platform ini memungkinkan konsumen dari seluruh dunia untuk membeli langsung dari grosir dan
Housing.com meningkatkan konversi dan menurunkan rasio pantulan sebesar 40% dengan PWA baru
Download Studi Kasus PDF Housing.com adalah salah satu startup terkemuka di India. Telah menerima 50 juta kunjungan tahun ini, platform ini telah menjadi salah satu platform properti online terkemuka di India. Setelah membuat Housing Go, sebuah
Mengukur Dampak Performa Dunia Nyata dari Pekerja Layanan
Mengukur Dampak Performa Dunia Nyata dari Pekerja Layanan
The Washington Post
AMP membantu Washington Post meningkatkan pengguna yang kembali dari penelusuran seluler sebesar 23% Download Studi Kasus PDF Dengan hampir 55% traffic mereka yang berasal dari perangkat seluler, The Washington Post tahu bahwa memberikan pengalaman
Membuat Progressive Web App Google I/O 2016
Membuat PWA Google I/O 2016 menggunakan komponen web
Elektronik eXtra
United eXtra Electronics meningkatkan penjualan e-commerce sebesar 100% dengan Notifikasi Push Web Download Studi Kasus PDF eXtra adalah retailer elektronik konsumen dan peralatan rumah tangga yang terdepan dan berkembang paling pesat di Arab Saudi.
Juma
Notifikasi Push membantu Jumia mengembalikan pengabaian keranjang dan meningkatkan konversi sebesar 9X Download Studi Kasus PDF Jumia adalah situs e-commerce terkemuka di Afrika. Sebagian besar pelanggan mereka menggunakan perangkat seluler, yang
BaBe
Progressive Web App lintas browser BaBe menyaingi kinerja aplikasi asli. Download Studi Kasus PDF Diluncurkan pada tahun 2013, BaBe merupakan aplikasi agregator berita terbesar di Indonesia. Aplikasi ini telah didownload oleh lebih dari satu juta
Konga
Konga memangkas penggunaan data 92% dengan Progressive Web App baru Download Studi Kasus PDF Diluncurkan pada tahun 2012, Konga adalah situs e-commerce terkemuka di Nigeria, yang menjual segalanya mulai dari buku, kulkas, hingga ponsel. Perangkat
5 mil
5miles mengurangi rasio pantulan sebesar 50% dan meningkatkan konversi sebesar 60% dengan Progressive Web App baru Download Studi Kasus PDF “Jual apa yang Anda dapatkan dan beli apa yang Anda inginkan!” adalah moto 5miles, marketplace seluler tempat
Suumo
Situs real estate teratas di Jepang meningkatkan listingan baru dengan Notifikasi Push web dan mendapatkan rasio pembukaan 31% untuk notifikasi. Download Studi Kasus PDF SUUMO adalah situs real estate terbaik di Jepang, yang melayani hampir 11%
Sesi Seni Virtual
Enam seniman diundang untuk melukis, mendesain, dan memahat di VR.
Flipkart meningkatkan waktu di situs tiga kali lipat dengan Progressive Web App
Pada tahun 2015, Flipkart, situs e-commerce terbesar di India, menerapkan strategi khusus aplikasi dan menonaktifkan situs selulernya untuk sementara. Perusahaan merasa lebih sulit untuk memberikan pengalaman pengguna yang sama cepat dan menariknya dengan aplikasi seluler mereka. Namun, Flipkart memutuskan untuk memikirkan kembali pendekatan pengembangan mereka. Mereka tertarik kembali ke web seluler karena diperkenalkannya fitur-fitur yang membuat web seluler berjalan seketika, bekerja secara offline, dan melibatkan kembali pengguna.
Membuat Lightsaber dengan Polimer
Cara menyiapkan project WebGL FPS tinggi dengan Polymer.
Google+
Kami sudah mencapai tujuan untuk tidak pernah mendownload lebih dari 60 ribu HTML, 60 ribu JavaScript, dan 60 ribu CSS sekaligus.
Lebih dari sekadar rakitan
Beyond the Rack melibatkan kembali pengguna di web seluler, meningkatkan pendapatan per kunjungan sebesar 26% dengan notifikasi push.
AirHorner.com
AirHorner adalah Progressive Web App sederhana namun canggih yang menunjukkan kecanggihan Service Worker dan Web Audio API untuk memberi Anda air horn sendiri. Gunakan aplikasi ini untuk mengganggu teman atau rekan kerja Anda, tidak peduli apakah Anda sedang online, offline, atau menggunakan jaringan 2G yang tidak stabil
Pekerja Layanan dalam Produksi
Pelajari cara kami menggunakan library pekerja layanan untuk membuat aplikasi web Google I/O 2015 cepat, dan offline-first. Aplikasi web Google I/O 2015 tahun ini ditulis oleh tim Developer Relations Google, berdasarkan desain dari teman-teman
Perpustakaan Kolibri
Hummingbird Library: Frontend baru yang menyegarkan untuk Hummingbird, situs pelacak dan penemuan smartwatch anime yang populer. Penggemar anime (seperti saya – jumlah penayangan di screenshot itu nyata) telah lama terobsesi untuk melacak apa yang
Madeon Adventure Machine
Madeon Adventure Machine adalah promosi cerdas untuk album baru Madeon yang merupakan mesin drum yang menyenangkan. Adventure Machine adalah aplikasi yang sangat sederhana, tetapi cara ini melakukan tugasnya dengan cukup baik. Dengan memanfaatkan
Adsy.me
Adsy.me adalah cara super cepat dan mudah untuk membuat mikrositus seluler. Adsy.me adalah alat yang memungkinkan siapa saja membuat situs seluler (mikro), dan mereka langsung mendapatkan kepercayaan saya dengan memakan dogfood mereka sendiri:
Alkimia Kecil
Little Alchem: Game kombinasi seru dan mobile-friendly yang terinspirasi oleh saudaranya yang lebih besar, Alchemy. Little Alchemy adalah contoh terbaik penggunaan semua kemampuan terbaru platform web secara maksimal. Aplikasi ini menggunakan manifes
Pembaca Berita Peretas
Hacker News Reader: Pembaca luar biasa yang dioptimalkan untuk Hacker News. Pengalaman membaca yang indah dan sangat dioptimalkan untuk Hacker News, aplikasi ini berfungsi dengan baik dan terlihat bagus di perangkat seluler, tablet, dan desktop.
Chrome Dev Summit 2014
Situs Chrome Dev Summit 2014 dibuat secara internal oleh Paul Lewis, situs CDS yang menunjukkan cara membuat pengalaman web seluler yang memuaskan bagi pengunjung konferensi.
Selamat Pixmas
Merry Pixmas: Keseruan Natal dengan Transformasi CSS 3D. Demo bertema Natal yang menarik dan berfungsi dengan baik di desktop dan perangkat seluler. Aplikasi ini bahkan dilengkapi dengan dukungan warna tema baru, dan manifes web untuk
Filter Web
Filter Web: Filter kamera yang cepat, cepat, dan kotor. Aplikasi kamera berbasis web yang cukup keren yang memungkinkan Anda menerapkan filter secara real time. Google Play Store akan otomatis menyimpan gambar ke perangkat lokal Anda, yang berarti
SVGOMG
SVGOMG: Frontend yang menarik, material, responsif untuk SVGO. Dibangun oleh Jake Archibald kami sendiri, SVGOMG adalah contoh yang hampir sempurna dari alat yang sepenuhnya responsif dan mumpuni yang ditulis dengan teknologi web. Layanan ini
Pengalaman Hobbit 2014
Menambahkan gameplay WebRTC ke Hobbit Experience Menjelang rilis film Hobbit baru “The Hobbit: The Battle of the Five Armies”, kami telah berupaya memperluas Eksperimen Chrome tahun lalu, Perjalanan melalui Middle-earth dengan beberapa konten baru.
Membangun dengan Chrome
Membawa balok LEGO® ke Web Multi-Perangkat Build with Chrome, eksperimen yang menyenangkan untuk pengguna Chrome desktop yang awalnya diluncurkan di Australia, dirilis ulang pada tahun 2014 dengan ketersediaan global, kolaborasi dengan THE LEGO®
Front-end Middle-earth
Panduan pengembangan multiperangkat Dalam artikel pertama kami tentang pengembangan Eksperimen Chrome A Journey Through Middle-earth, kami berfokus pada pengembangan WebGL untuk perangkat seluler. Dalam artikel ini, kita akan membahas tantangan,
Pengalaman Hobbit
Menghidupkan Middle-Earth dengan WebGL Seluler Secara historis, menghadirkan pengalaman interaktif, berbasis web, dan multimedia yang berat ke perangkat seluler dan tablet merupakan tantangan. Batasan utamanya adalah performa, ketersediaan API,
Studi Kasus - The Sound of Racer
Racer adalah Eksperimen Chrome multi-perangkat dan multi-pemain. Game mobil slot bergaya retro yang dimainkan di berbagai layar. Di ponsel atau tablet, Android atau iOS. Siapa saja dapat bergabung. Tidak ada aplikasi Tidak ada download. Hanya web
Studi Kasus - Pembalap
Racer adalah Eksperimen Chrome seluler berbasis web yang dikembangkan oleh Active Theory. Hingga 5 teman dapat menghubungkan ponsel atau tablet mereka untuk berlomba di setiap layar. Dengan konsep, desain, dan prototipe dari Google Creative Lab serta
Studi Kasus - Inside World Wide Maze
World Wide Maze adalah game yang mengharuskan Anda menggunakan smartphone untuk memandu bola yang bergulir melalui labirin 3D yang dibuat dari situs untuk mencoba mencapai titik sasarannya. Game ini menampilkan penggunaan fitur HTML5 yang berlimpah.
Membuat Roll It
Roll It adalah Eksperimen Chrome yang menghadirkan kembali permainan papan klasik hanya menggunakan browser di ponsel dan komputer Anda. Browser di ponsel memungkinkan Anda membidik dan menggulirkan bola dengan menggerakkan pergelangan tangan,
Tata Letak Web Generasi Berikutnya - National Geographic Forest Giant
Menggunakan alat dari CSS dan tata letak browser dapat memungkinkan visualisasi yang menakjubkan untuk konten web. Menggunakan fitur web seperti filter CSS, WebGL, video HTML5, SVG, kanvas, dan teknologi masa depan yang berkembang seperti Wilayah
Studi Kasus - Mengubah Ukuran Game HTML5 Secara Otomatis
Pada musim panas 2010, kami membuat Sand Trap, game yang kami masukkan dalam kompetisi game HTML5 untuk ponsel. Namun, sebagian besar ponsel hanya menampilkan sebagian game atau membuat game terlalu kecil sehingga tidak dapat dimainkan sama sekali.
Studi Kasus - Eksperimen Google I/O 2013
Untuk membangun minat developer di situs Google I/O 2013 sebelum pendaftaran konferensi dibuka, kami mengembangkan serangkaian eksperimen dan game yang berfokus pada interaksi sentuh, audio generatif, dan kesenangan penemuan. Pengalaman interaktif
Studi Kasus - Temukan Jalanmu ke Oz
“Find Your Way to Oz” adalah Eksperimen Google Chrome baru yang dihadirkan ke web oleh Disney. Dengan alat ini, Anda dapat melakukan perjalanan interaktif melalui sirkus Kansas, yang akan membawa Anda ke negeri Oz setelah tersapu badai besar. Tujuan
Studi kasus - JAM dengan Chrome
Cara kami membuat UI menjadi keren JAM with Chrome adalah project musik berbasis web yang dibuat oleh Google. JAM dengan Chrome memungkinkan orang-orang dari seluruh dunia membentuk band dan JAM secara real time di dalam browser. DinahMoe mendorong
Memberikan 100.000 Bintang
Halo! Nama saya Michael Chang dan saya bekerja di Tim Data Arts di Google. Baru-baru ini, kami menyelesaikan 100.000 Bintang, sebuah Eksperimen Chrome yang memvisualisasikan bintang di sekitar. Project ini dibuat dengan THREE.js dan CSS3D. Dalam
Studi kasus - JAM dengan Chrome
Cara kami membuat audio yang keren JAM with Chrome adalah project musik berbasis web yang dibuat oleh Google. JAM dengan Chrome memungkinkan orang-orang dari seluruh dunia membentuk band dan bermusik secara real time di dalam browser. Kami di
Movi Kanti Revo - Bagian 1 - Membangun Dunia 3D
Movi.Kanti.Revo adalah eksperimen Chrome sensorik baru yang dibuat oleh Cirque du Soleil dan dikembangkan oleh Subatomic Systems yang menghadirkan keajaiban Cirque du Soleil ke web melalui teknologi web modern. Eksperimen ini dibuat hanya menggunakan
Studi Kasus - SONAR, Pengembangan Game HTML5
Musim panas lalu, saya bekerja sebagai pimpinan teknis pada game WebGL komersial bernama SONAR. Proyek ini memerlukan waktu sekitar tiga bulan untuk diselesaikan, dan dilakukan sepenuhnya dari awal dalam JavaScript. Selama pengembangan SONAR, kami
Studi Kasus - Membuat Technitone.com
Technitone.com adalah perpaduan WebGL, Canvas, Web Sockets, CSS3, JavaScript, Flash, dan Web Audio API baru di Chrome. Artikel ini akan membahas setiap aspek produksi: rencana, server, suara, visual, dan beberapa alur kerja yang kami manfaatkan untuk
Studi Kasus - Bouncy Mouse
Setelah memublikasikan Bouncy Mouse di iOS dan Android pada akhir tahun lalu, saya mendapatkan beberapa pelajaran yang sangat penting. Salah satu tantangan utamanya adalah sulitnya masuk ke pasar yang sudah mapan. Di pasar iPhone yang sangat jenuh,
Studi Kasus - MathBoard HTML5
MathBoard di iPad, aplikasi PalaSoftware, adalah aplikasi yang sangat rapi dengan banyak animasi yang halus tetapi alami serta tampilan dan nuansa realistis yang unik. Tujuannya adalah untuk melakukan port fidelitas tertinggi aplikasi iPad ke HTML5.
Studi Kasus - Membuat Doodle Google Stanisław Lem
Beranda Google adalah lingkungan yang menarik untuk kode di dalamnya. Fitur ini hadir dengan banyak batasan yang menantang: fokus khusus pada kecepatan dan latensi, yang harus mengakomodasi semua jenis browser dan bekerja dalam berbagai situasi,
Studi Kasus - Pembaruan Real-time di Kongres Streaming
Melalui WebSockets dan EventSource, HTML5 memungkinkan developer membuat aplikasi web yang berkomunikasi secara real time dengan server. Stream Congress (tersedia di Chrome Web Store ) memberikan info terbaru secara live tentang cara kerja Kongres
Studi Kasus - Mengonversi Wordico dari Flash ke HTML5
Saat mengonversi game teka-teki silang Wordico dari Flash ke HTML5, tugas pertama kami adalah melupakan semua yang kami ketahui tentang cara menciptakan pengalaman pengguna yang kaya di browser. Meskipun Flash menawarkan satu API komprehensif untuk
Studi Kasus - Serangan! Arena
Pada Juni 2010, kami mengetahui bahwa "zine" publikasi lokal Boing Boing mengadakan kompetisi pengembangan game. Kami melihat ini sebagai alasan yang sangat bagus untuk membuat game yang cepat dan sederhana dalam JavaScript dan <canvas>, jadi
Studi Kasus - Efek Balik Halaman dari 20thingsilearned.com
Pada tahun 2010, F-i.com dan tim Google Chrome berkolaborasi dalam aplikasi web pendidikan berbasis HTML5 yang disebut 20 Things I Learned about Browsers and the Web ( www.20thingsilearned.com ). Salah satu ide utama di balik project ini adalah bahwa
Studi Kasus - Terjebak dengan Kanvas HTML5
Pada musim semi lalu (2010), saya tertarik dengan dukungan yang meningkat dengan cepat untuk HTML5 dan teknologi terkait. Pada saat itu, saya dan seorang teman saling tantangan dalam kompetisi pengembangan game selama dua minggu untuk
Studi Kasus - HTML5 di deviantART muro
Pada 7 Agustus 2010, deviantART merayakan ulang tahunnya yang ke-10. Kami merayakan ulang tahun kami dengan meluncurkan alat menggambar HTML5 yang disebut deviantART muro. Alat ini dapat digunakan sebagai aplikasi web mandiri serta alat
Studi Kasus - Download Tarik lalu Lepas di Chrome
Tarik lalu lepas (DnD) adalah salah satu dari banyak fitur hebat HTML 5, dan didukung di Firefox 3.5, Safari, Chrome, dan IE. Google baru-baru ini meluncurkan fitur baru yang memungkinkan pengguna Google Chrome menarik lalu melepas file dari browser
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