![](https://web.dev/static/images/case-studies-header.png?authuser=8&%3Bhl=tr&hl=tr)
Örnek olaylar
Gerçek kullanıcı verileriyle temel çizgiyi kullanılabilir hale getirme
RUMvision, referans bilgileriyle RUM verilerini nasıl birleştirdi?
CSS kapsayıcı sorgularının gücünden yararlanma: Netflix ekibinden alınan dersler
Bu örnek olayda, Netflix'te kapsayıcı sorgularını kullanmanın avantajları açıklanmaktadır.
Tokyu, geçiş anahtarlarıyla oturum açma işlemini 12 kat hızlandırdı
Japonya'daki bir demiryolu şirketi olan Tokyu, geçiş anahtarlarıyla oturum açma işlemini 12 kat hızlandırarak her gün binlerce yolcuya nasıl yardımcı oldu?
Google E-Tablolar'ın hesaplama çalışanını JavaScript'ten WasmGC'ye taşımasının nedeni
Google E-Tablolar'daki hesaplamalar başlangıçta sunucuda, ardından JavaScript'te istemcide ve şimdi de istemcide WebAssembly Çöp Toplama'da yapılıyordu. Bu örnek olayın nasıl ve neden olduğu açıklanmaktadır.
Daha az sorun, daha fazla kontrol: Google Meet, ses ve görüntü izinlerini nasıl iyileştirdi?
Bu örnek olay incelemesinde, Google Meet ekibinin izinleri nasıl iyileştirdiği ve bunun kullanıcılar üzerindeki etkisi açıklanmaktadır. net bir şekilde tanımlamalısınız.
BILIBILI, MediaPipe'in cihaz üzerinde web yapay zeka çözümünden yararlanarak video akışı kullanıcı deneyimini iyileştirir ve oturum süresini %30'dan fazla artırdı
Web'in, müşterilerin fiziksel ürünleri anlamasına ve keşfetmesine yardımcı olmak için sürükleyici 3D deneyimleri nasıl etkinleştirdiğini öğrenin.
Disney+ Hotstar'ın INP'yi% 61 azaltarak salon cihazlarında haftalık kart görüntüleme sayısını nasıl %100 artırdı?
Akıllı TV ve set üstü kutu cihazlara yönelik bir uygulama olan Disney'in Hotstar'ın INP'yi azaltma çabaları sayesinde izleyici etkileşimini nasıl önemli ölçüde artırdığını keşfedin.
Google donanımıyla web'de etkileşimli 3D: Yeni nesil ürün eğitimi deneyimleri
Web'in, müşterilerin fiziksel ürünleri anlamasına ve keşfetmesine yardımcı olmak için sürükleyici 3D deneyimleri nasıl etkinleştirdiğini öğrenin.
PubTech'in Kullanıcı Rızası Yönetim Platformu'nun müşterileri web sitelerinde INP'yi %64'e kadar azaltıp reklam görüntülenebilirliğini %1,5'e kadar nasıl iyileştirdiğini öğrenin.
PubTech'in Kullanıcı Rızası Yönetim Platformu'nun müşterileri web sitelerinde INP'yi %64'e kadar azaltıp reklam görüntülenebilirliğini %1,5'e kadar nasıl iyileştirdiğini öğrenin.
Goodnotes her yerde
Goodnotes mühendislik ekibi, son iki yıldır başarılı iPad not alma uygulamasını diğer platformlara taşımak için bir proje üzerinde çalışıyor. Bu örnek olayda, yılın 2022'de iPad uygulamasının web teknolojileriyle desteklenen web, ChromeOS, Android ve Windows'a nasıl geçiş yaptığı ve WebAssembly'nin ekibin on yılı aşkın süredir üzerinde çalıştığı Swift kodunu yeniden kullanarak nasıl kullandığı ele alınıyor.
CapCut, WebAssembly ve WebCodecs kullanarak tam işlevli bir web uygulaması geliştirerek organik trafiği% 83 artırdı
Mobil cihazlarda kullanılabilen en popüler video düzenleme uygulamalarından birinin nasıl tamamen işlevsel bir web sürümü oluşturduğunu öğrenin.
İçerik önerisi sağlayıcısı Taboola, LoAF'yi kullanarak yayıncı iş ortağı web siteleri için INP'yi nasıl% 36'ya kadar iyileştirdi?
İçerik önerisi sağlayıcısı Taboola, LoAF'yi kullanarak yayıncı iş ortağı web siteleri için INP'yi nasıl% 36'ya kadar iyileştirdi?
Çiziciler için web'in gücü: pixiv, çizim uygulamaları için web teknolojilerini nasıl kullanıyor?
pixiv, illüstratörlerin ve illüstrasyon tutkunlarının içerikleri aracılığıyla birbirleriyle iletişim kurabileceği bir online topluluk hizmetidir. Kullanıcıların kendi çizimlerini yayınlamasına olanak tanır. Dünya genelinde 84 milyondan fazla
Tokopedia, makine öğreniminden yararlanarak satıcı web uygulamasını iyileştirerek operasyonel maliyetleri nasıl azalttı?
Bu yayında Mitra Tokopedia'nın, makine öğreniminden yararlanarak satıcı web uygulamasını iyileştirerek operasyonel maliyetleri nasıl azalttığı açıklanmaktadır.
Trendyol, INP'yi %50 azaltarak tıklama oranında nasıl% 1 artış sağladı?
Bu örnek olay incelemesinde, Trendyol tarafından PageSpeed Insights (PSI), Chrome Geliştirici Araçları ve scheduler.yield API gibi Google araçlarından yararlanarak React'te INP'nin hata ayıklaması ve iyileştirilmesine yönelik adım adım iş akışı açıklanmaktadır.
Kiwix PWA, kullanıcıların çevrimdışı kullanım için internetten Gigabaytlarca veriyi nasıl depolamasına olanak tanıyor?
Bu örnek olay incelemesinde, kâr amacı gütmeyen bir kuruluş olan Kiwix'in, kullanıcıların çevrimdışı kullanım için büyük internet arşivlerini indirip depolamasını sağlamak amacıyla Progresif Web Uygulaması (PWA) teknolojisini ve File System Access API'yi nasıl kullandığı incelenmektedir.
Yahoo! JAPAN, geçiş anahtarlarının benimsenme oranını% 11'e çıkardı ve SMS OTP maliyetlerini azalttı
Yahoo! JAPAN' geçiş anahtarlarının benimsenmesini ve kullanıcı deneyimini iyileştirmeye yönelik yaklaşımını benimsiyor.
Önceden getirme özelliğinin, Terra'nın reklam tıklama oranını% 30 artırmasına ve Largest Contentful Paint'i hızlandırmasına nasıl yardımcı olduğunu öğrenin.
Önceden getirme, yakın gelecekte ihtiyaç duyulması muhtemel kaynakları ve hatta sayfaların tamamını indirerek sayfa yüklemeyi hızlandırmak için kullanılan bir tekniktir. Araştırmalar, daha hızlı yükleme sürelerinin daha yüksek dönüşüm oranları ve daha iyi kullanıcı deneyimi sağladığını göstermiştir.
Geri-ileri Önbellek Yahoo! JAPAN News, Mobil Cihazlarda Geliri% 9 Artırdı
Yahoo! Japonya'daki en popüler haber platformlarından biri olan JAPAN News, önbelleğin isabet oranını artırmak için büyük bir çaba sarf etti ve bunun sonucunda önemli kullanıcı deneyimi ve iş geliştirmeleri elde etti. Daha ayrıntılı olarak belirtmek gerekirse, yaptıkları A/B testinin sonuçları, bfcache kullanan sayfaların reklam gelirinde% 9'luk bir artış sağladığını gösterdi.
INP'yi düzeltmeyle ilgili Economic Times arayışı
TBT'yi 30 kez azaltıp Next.js'ye geçmek, The Ecomonic Times'ın INP'yi yaklaşık dört kat azaltmasına yardımcı olarak hemen çıkma oranında% 50'lik bir düşüş ve sayfa görüntüleme sayısında% 43'lük bir artış sağladı.
redBus, web sitesi' Next Paint ile Etkileşimi (INP) iyileştirdi ve satışlarını nasıl %7 artırdı?
INP optimizasyonları redBus'ın satışlarını yaklaşık %7 artırmasına yardımcı oldu
Slow Roads, tarayıcıda 3D'nin şaşırtıcı özelliklerini öne çıkararak hem oyuncuların hem de geliştiricilerin ilgisini nasıl çekiyor?
Bu basit sürüş oyununun prosedürel olarak üretilmiş sonsuz sahnesiyle WebGL'nin potansiyelini keşfedin. Slow Roads, süreçsel olarak oluşturulan sonsuz bir manzaraya odaklanan gündelik bir sürüş oyunudur. Tümü tarayıcıda bir WebGL uygulaması olarak
Daha iyi bir web oluşturma: Daha hızlı bir YouTube
Bu, Daha İyi Bir YouTube Web'i Oluşturma konulu yeni serimizin 1. bölümüdür.
Rakuten 24'ün Önemli Web Verileri'ne yaptığı yatırım, ziyaretçi başına geliri% 53,37 ve dönüşüm oranını nasıl %33,13 artırdı?
Rakuten 24, gerçek kullanıcıların Web Verileri'ni ölçen iyi bir Largest Contentful Paint (LCP) sayesinde de dönüşüm oranında %61,13 artış sağlayabileceğini belirledi.
GoDaddy Web Siteleri ve Pazarlama hizmeti müşterilerin Önemli Web Verileri'ni nasıl %75 iyileştirdi?
GoDaddy'nin milyonlarca sitenin web sitesi performansını iyileştirerek iyi PageSpeed Insights ve Önemli Web Verileri puanları elde etmesine yardımcı olmak üzere uyguladığı değişikliklerin bir örnek olayı.
Lüks ürün satıcısı Farfetch, Core Web Vitals için daha yüksek dönüşüm oranları elde ediyor
Lüks perakendeci Farfetch'ün Önemli Web Verileri'ni iyileştirmeye yönelik yatırımı, nasıl daha iyi iş sonuçları sağladı?
Yahoo! JAPAN' şifresiz kimlik doğrulaması sorguları %25 azalttı ve oturum açma süresini 2,6 kat hızlandırdı
Yahoo! JAPAN, şifresiz bir kimlik sistemi elde etti. Yaklaşımlarını ve çabalarının sonuçlarını öğrenin.
RebelMouse, Önemli Web Verileri'ni optimize ederek bağlılığı ve etkileşimi nasıl artırdı?
Önemli Web Verileri'nde yüksek performans puanlarının tam etkisini ve avantajlarını ölçen bir örnek olay.
Adobe Experience Manager'da WorkBox ile modern bir web deneyimi
Progresif Web Uygulamaları, modern web'in yapabildiklerini kullanır. Adobe, bu özellikleri Adobe Experience Manager'a getirmek için Workbox'ı kullandı.
MishiPay's PWA, işlemleri 10 kat artırdı ve sıraya koyma işleminden 2,5 yıl tasarruf etti
MishiPay'in PWA'nın işlemleri 10 kat artırdığını ve 2,5 yıllık sıraya koyma süresini nasıl azalttığını öğrenin.
The Economic Times, Önemli Web Verileri eşiklerini nasıl geçip toplamda% 43 daha iyi bir hemen çıkma oranına ulaştı?
The Economic Times web sitesindeki Önemli Web Verileri'ni optimize etmek, kullanıcı deneyimini önemli ölçüde iyileştirdi ve web sitesinin tamamındaki hemen çıkma oranını önemli ölçüde azalttı.
Terra, Koyu Mod sayesinde kullanıcı etkileşimini nasıl artırdı?
Bu makalede, Terra'nın"koyu mod " kohortunun boyutunu belirlemekten özel bir koyu tema uygulamaya ve son olarak bu uygulamanın ana TPG'leri üzerindeki etkisini ölçmeye kadar yolculuğunu analiz edeceğiz.
QuintoAndar sayfa performansını iyileştirerek dönüşüm oranlarını ve oturum başına sayfa sayısını nasıl artırdı?
Önemli Web Verileri'ni optimize etmeye ve Next.js'ye geçmeye odaklanan bir proje, dönüşüm oranlarında% 5, oturum başına sayfa sayısında ise% 87 artış sağladı.
Kapwing: Web için güçlü video düzenleme
Kapwing gibi şirketler, güçlü API'ler (IndexedDB ve WebCodecs gibi) ve performans araçlarını kullanarak tüm bu video içeriklerini doğrudan web'de oluşturmayı mümkün kılıyor.
SVGcode: Kafes resimleri SVG vektör grafiklerine dönüştüren bir PWA
Renkli veya tek renkli bit eşlem resimleri (PNG, JPG, JPEG, WEBP, AVIF, GIF,...) renkli veya tek renkli vektör resimlere (SVG) dönüştürün.
Mail.ru ana sayfasındaki Önemli Web Verileri'nin iyileştirilmesi, dönüşüm oranlarında ortalama% 10 artış sağladı
Mail.ru ana sayfasındaki Önemli Web Verileri'ni iyileştirmek için birkaç ay boyunca gerçekleştirilen çalışmalar, Cumulative Layout Shift (CLS) metriğinde 75.yüzdelik dilimde% 60'lık bir artış sağlayarak, ortalama oturum süresini% 2,7 ve temel bölümlerin dönüşüm oranlarını %10'dan fazla artırdı.
Renault, Largest Contentful Paint'i ölçüp optimize ederek hemen çıkma ve dönüşüm oranlarını nasıl iyileştirdi?
Bu gönderide, Renault ve küresel veri iş ortağı elli beş, Önemli Web Verileri'ni ölçme ve optimize etme konusunda nasıl bir yaklaşım sergilediğini açıklıyor. Ekip, açılış sayfalarında gerçekleşen 10 milyon ziyaretten elde ettiği verileri analiz etti, Largest Contentful Paint ile dönüşümler arasında güçlü bir ilişki olduğunu belirledi ve optimizasyon çalışmalarını iki katına çıkardı. Bu veri noktalarını inceleyip ekiplerin optimizasyonlar için nasıl organize olduğunu anlarız.
Swappie, Önemli Web Verileri'ne odaklanarak mobil gelirini nasıl% 42 artırdı?
Bu örnek olay incelemesinde, Swappie ekibinin, web uygulamasını Önemli Web Verileri için optimize ederek dönüşümleri ve geliri nasıl artırdığı açıklanmaktadır.
Önemli Web Verileri'nin iş üzerindeki etkisi
Bu makale, kullanıcıları ve işletmeleri için olumlu etki yaratmış şirketlerden örnekler üzerinden geçerek Önemli Web Verileri'nin temel işletme metrikleriyle ilişkisini anlamanıza yardımcı olacaktır.
Önemli Web Verileri'ni kullanmak, Netzwelt'in reklamcılık gelirlerini nasıl %18 artırdı?
Alman haber yayıncısı Netzwelt'ın, kullanıcı deneyimini ve reklam gelirlerini iyileştirmek için Önemli Web Verileri'ni nasıl optimize ettiğini öğrenin.
Blibli'nin PWA'sı, önceki mobil web sitesine kıyasla kullanıcı başına 10 kat daha fazla gelir sağlıyor
Blibli, hemen çıkma oranında% 42 azalma, mobil dönüşüm oranında 8 kat artış ve oturum başına sayfa sayısını 2,5 kat artırmayı nasıl başardı?
Telegraph Media Group'ta Cumulative Layout Shift'i İyileştirme
Birleşik Krallık'ın önde gelen haber web sitesi Telegraph'ın 75. yüzdelik dilim CLS'sini birkaç ay içinde 0,25'ten 0,1'e% 250 oranında iyileştirmeyi nasıl başardı?
Turuncu: Yeni PWA, mobil cihazlarda% 52 daha iyi dönüşüm sağlıyor
Yeni PWA aynı zamanda eski siteye göre ortalama% 30 daha hızlı yüklenme süresine sahip ve hemen çıkma oranını% 12, oturum derinliğini ise %18 iyileştirdi.
Mainline Menswear, PWA'yı uygulayarak dönüşüm oranında% 55 artış elde etti
Progresif Web Uygulaması (PWA) uygulayan Mainline Menswear, uygulamayı önbelleğe alma ve çevrimdışı özelliklerle yükleyen kullanıcılar için% 55 dönüşüm oranı artışı elde ediyor.
Zalando, Lighthouse CI ile performans geri bildirim süresini 1 günden 15 dakikaya nasıl düşürdü?
Zalando'daki web ekibi, Lighthouse CI entegre edilmesinin performansa yönelik proaktif bir yaklaşım sağladığını ve otomatik durum denetimlerinin performans gerilemelerini önlemek için geçerli kaydı ana şubeyle karşılaştırabildiğini gördü.
Lowe'un web sitesi en hızlı performans gösteren e-ticaret web siteleri arasındadır
Lowe's Site Speed Ekibi, otomatik bir performans testi ve izleme sistemi oluşturarak istekleri performans bütçelerine göre test eder ve üretime geçen performans regresyonlarını önler.
Vodafone: LCP'de% 31'lik iyileşme, satışları %8 artırdı
Vodafone, özel olarak Web Verileri'ni optimize etmeye odaklanan bir A/B testi gerçekleştirerek LCP'deki% 31'lik iyileşmenin% 8 daha fazla satış, ziyaret edilen potansiyel müşteri oranında% 15 ve alışveriş sepetindeki ziyaret oranında% 11 iyileşme sağladığını gördü.
Wix, altyapısını geliştirerek web sitesi performansını nasıl iyileştirdi?
Milyonlarca sitenin web sitesi yükleme performansını iyileştirmek ve iyi PageSpeed Insights ve Önemli Web Verileri puanları almanın yolunu açmak için Wix'te sunulan bazı önemli değişiklikleri gösteren örnek olay.
CLS optimizasyonları Yahoo! JAPAN Haberler'in oturum başına sayfa görüntüleme sayısı %15 arttı
Önemli Web Verileri'ni izlemek için Search Console ve Lighthouse'u kullanarak CLS puanını 0, 2 optimize etme fırsatları keşfettiler. Bu da oturum başına sayfa görüntüleme sayısında% 15 artış, oturum süresinde% 13 artış ve hemen çıkma oranında yüzde 1, 72 oranında düşüş sağladı.
Agrofy: LCP'de% 70'lik iyileşme, yükten vazgeçme oranında% 76 azalmayla ilişkili olarak
Agrofy'nin Önemli Web Verileri'ne odaklanarak yükten vazgeçme oranını nasıl iyileştirdiğini öğrenin.
Excalidraw Electron'un kullanımdan kaldırılarak yerine web sürümünün kullanıma sunulması
Excalidraw, elle çizilmiş gibi diyagramlar oluşturmanıza olanak tanıyan, ortak çalışmaya dayalı sanal bir beyaz tahtadır. Excalidraw projesinde, Excalidraw için bir Elektron sarmalayıcı olan Excalidraw Masaüstü'nü kullanımdan kaldırmaya karar verdik. Uygulama yerine, excalidraw.com'da bulabileceğiniz ve her zaman bulabileceğiniz web sürümünü kullanıma sunduk. Dikkatli bir analizden sonra, üzerine inşa etmek istediğimiz geleceğin Progresif Web Uygulaması (PWA) olduğuna karar verdik.
Clipchamp'ın video düzenleyici PWA yüklemeleri aylık% 97 oranında büyüme gösteriyor
PWA'lar, WebAssembly ve ChromeOS, web tabanlı video düzenleyicinin 12 milyon kullanıcıya daha iyi performans ve daha ilgi çekici bir deneyim sunmasına nasıl yardımcı oluyor?
PWA kullanıcılarının Gravit Designer PRO'yu satın alma olasılığı 2,5 kat daha yüksek
Ayrıca PWA kullanıcıları diğer tüm yükleme türlerinden% 24 daha fazla aktiftir ve diğer tüm platformlardan% 31 daha fazla düzenli kullanıcı haline gelir ve bu oran daha yüksektir.
JD.ID; önbelleğe alma stratejileri, kurulum ve push bildirimleri sayesinde mobil dönüşüm oranını% 53 artırdı
JD.ID, genel mobil dönüşüm oranını (mobil DO) nasıl %53, yüklü kullanıcıların mobil dönüşüm oranını %200 ve günlük etkin kullanıcı sayısını %26 nasıl artırdı?
Rakuten 24’ün PWA'ya yaptığı yatırım, kullanıcıları elde tutma oranını %450 artırdı
Web uygulamasını yüklenebilir hale getirmek; trafiği, ziyaretçileri elde tutma oranını, müşteri başına satışları ve dönüşümleri artırdı.
NDTV, Önemli Web Verileri için optimizasyon yaparak LCP'de% 55 artış elde etti
PageSpeed Insights, web.dev/measure ve WebPageTest gibi araçları kullanan NDTV ekibi, iyileştirme yapılabilecek alanları analiz etti ve işletme başarısına ulaşmak için Önemli Web Verileri'ne yatırım yaptı.
Web performansına odaklanıldığında Tokopedia'nın tıklama oranı nasıl %35 arttı?
İşletmenizin başarıya ulaşması için web performans gösterge tablosu oluşturma ve JavaScript'i, kaynakları ve ana sayfayı optimize etme.
ZDF, çevrimdışı ve koyu modla nasıl video PWA oluşturdu?
ZDF'nin çevrimdışı destek, yüklenebilirlik ve koyu mod gibi modern özelliklerle progresif web uygulamasını (PWA) nasıl geliştirdiğini öğrenin.
Goibibo'nun PWA'sı dönüşümleri nasıl %60 artırdı?
Hindistan'ın en büyük online seyahat şirketi olan Goibibo'nun PWA ile iOS/Android uygulamaları arasında güvenilir kullanıcı deneyimleri oluşturarak dönüşümlerde nasıl% 60 artış elde ettiğini öğrenin.
Mercado Libre, Web Verileri için nasıl optimize edildi? (TBT/FID)
FID'yi optimize etmek amacıyla, proxy metrik olarak TBT'yi kullanarak Mercado Libre'ın ön uç mimari ekibi tarafından yapılan çalışmaların özeti.
Milisaniyelik farklar milyonlar kazandırır
4 hız metriğinde 0,1 saniyelik iyileştirme, tüm satın alma dönüşüm hunisindeki ilerleme oranlarını iyileştirebilir.
Wake Lock API örnek olayı: BettyCrocker.com'daki satın alma amacı göstergelerinde% 300 artış
Yemek pişirme sitesi BettyCrocker.com'un Wake Lock API'sini uygulama deneyimlerini gösteren örnek olay.
Google, eski devamlı doğrulama ile reklam performansını nasıl iyileştirdi?
Bu örnek olay incelemesinde, Google'ın eski, yeniden doğrulama ile üçüncü taraf reklam komut dosyasının performansını optimize ederek temel reklam işletme metriklerini nasıl artırdığı açıklanmaktadır.
eBay.com'da hızlı alışveriş
Bu örnek olay incelemesinde, eBay'in web ve uygulama deneyimlerinin performansını optimize ederek temel işletme metriklerini nasıl artırdığı açıklanmaktadır.
OYO Lite: Web ve Android uygulamalarının en iyilerini sunan bir TWA
Bir konaklama işletmesinin, kullanıcı etkileşimini önemli ölçüde artırmak ve dosya boyutunu düşük tutmak için web içeriğini kullanan bir Android uygulaması nasıl geliştirdiği.
AirSHIFT'ın React uygulamasının çalışma zamanı performansını iyileştirmesinin beş yolu
AirSHIFT ekibi, React uygulamasının çalışma zamanı performansını optimize etmek için tablo sanallaştırma, RUM verileri, geç yükleme, web çalışanları, performans bütçeleri ve hackathon'ları nasıl kullandı.
Truebil, web'i nasıl büyüme kanalı haline getirdi?
Bu örnek olay incelemesinde, Truebil ekibinin web uygulamasını hız ve güvenilirlik için optimize ederek dönüşümleri ve etkileşimi nasıl artırdığı açıklanmaktadır.
OpenSooq internete yatırım yaparak etkileşimi nasıl artırdı?
OpenSooq ekibinin en iyi uygulamalardan yararlanarak güvenli ve ilgi çekici bir pazar yeri progresif web uygulaması oluşturmayı öğrenin.
Service Worker'lar Google Arama'ya geliyor
Google'da hemen hemen tüm konularla arama yaptığınızda anlamlı ve alakalı sonuçların yer aldığı bir sayfa görürsünüz. Bu arama sonuçları sayfasının, hizmet çalışanı adı verilen güçlü bir web teknolojisi tarafından sunulabileceğini büyük olasılıkla fark etmemişsinizdir.
Google Earth'ü web'e nasıl taşıyoruz?
WebAssembly ile Google Earth'e tarayıcılar arası erişimi iyileştirme
Nikkei, çok sayfalı PWA'sıyla yeni bir kalite ve performans düzeyine ulaştı
140 yılı aşkın bir yayıncılık geçmişine sahip olan Nikkei, Japonya'daki en güvenilir medya işletmelerinden biridir. Nikkei, daha iyi bir kullanıcı deneyimi sunmak ve işlerini web'de hızlandırmak için progresif web uygulamasını Kasım 2017'de başarıyla kullanıma sundu. Yeni platformdan muhteşem sonuçlar elde ediyor.
George.com, yeni Progresif Web Uygulaması (PWA) ile mobil müşteri deneyimini iyileştiriyor
George.com, ASDA Walmart'ın parçası olan, İngiltere'nin önde gelen bir giyim markasıdır. Sitesini Progresif Web Uygulaması (PWA) sürümüne yükselten marka, mobil dönüşümde yüzde 31 artış elde etti. Mobil alışveriş deneyimine ilişkin müşteri
BookMyShow’un yeni Progresif Web Uygulaması, dönüşümlerde% 80 artış sağladı
BookMyShow, ayda 50 milyon ziyaretçi ile Hindistan'ın en büyük bilet firması. Progresif Web Uygulaması (PWA) kullanarak mobil web sitelerinin iyileştirilmiş bir sürümünü geliştirdiler, hızı optimize ettiler ve veri kısıtlamalarını kaldırdılar. Bunun sonucunda dönüşümlerde %80 artış elde ettiler.
Ele.me, çok sayfalı progresif web uygulaması (pwa) sayesinde performans yükleme sürelerini iyileştiriyor
Ele.me, Çin anakarasındaki en büyük yemek siparişi ve teslimat şirketidir. Progresif Web Uygulaması'nı (PWA) çok sayfalı bir uygulama olarak oluşturarak mobil web deneyimini iyileştirdiler. Böylece stabil olmayan bağlantılarda uygulamayı daha hızlı ve güvenilir hale getirirken müşterilerine en iyi hizmeti sunmak için operasyonel ihtiyaçlarını karşıladılar.
WebVR'de Dans Tonite Oyunu
Dance Tonite, LCD Soundsystem grubu ve hayranlarıyla sürekli olarak değişen bir VR ortak çalışmasıdır. WebVR'de yerleşik olarak bulunan proje, sanal gerçeklik olan ve olmayan platformlar arasında yürütülür ve kullanıcılara cihazlarındaki deneyimde farklı bir rol sunar. Projenin yaratıcıları Jonathan Puckey, Moniker ve Google'ın Veri Sanatları Ekibi’nin yaratıcı kararları ve gelişmiş optimizasyon teknikleri, 3DoF için 60 FPS'ye ve 6DoF için 90 FPS'ye yakın yüksek kaliteli bir performans sağladı. Ayrıca, tek bir kod tabanı kullanarak tüm platformlarda ilgi çekici bir kullanıcı deneyimi sağladı.
Jumia, dönüşüm oranında% 33 artış ve PWA'daki kullanıcı sayısında 12 kat artış elde etti
Jumia''s PWA'nın trafiği, yerel uygulamasındaki trafiği 12 kattan fazla geride bıraktı ve bu sayı artmaya devam ediyor. Jumia ayrıca hemen çıkma oranında% 50'lik bir düşüş gözlemledi.
OLX, Progresif Web Uygulaması ile mobil web'de yeniden etkileşimi% 250 artırdı
OLX'te Progresif Web Uygulaması oluşturmak etkileşimi% 250 artırdı ve etkileşimli sayfa süresi %23 azalttı
Ola, Progresif Web Uygulaması ile bir milyar Hintli için mobiliteyi teşvik ediyor
Ola, bir milyar Hintliye hareket etme misyonuyla Hindistan'ın önde gelen taksi toplayıcısıdır. Şirket, yaklaşık 600 bin sürücü iş ortağından oluşan bir ağla Hindistan'da 100'den fazla şehre ulaşıyor. Hindistan'ın en değerli startup'larından biri olan
Mynet, mobil web deneyimini 4 kat hızlandırarak AMP tabanlı PWA ile gelirini% 25 artırdı
Mynet her ay haber, video, oyun, finans, bilgilendirici ve eğlence içerik ve hizmetleriyle sitesine 34 milyondan fazla ziyaretçi getiriyor. İçerik için Accelerated Mobile Pages (AMP) kullanan bir Progresif Web Uygulaması'nı (PWA) kullanıma sunduktan
Lancôme mobil web sitesini PWA olarak yeniden oluşturarak dönüşümlerini %17 artırdı
Lüks kozmetik markası Lancôme hem trafiği hem de yeniden etkileşimi artırmak amacıyla, mobil web'de uygulamaya benzer hızlı bir deneyim sunmak için Progresif Web Uygulaması'nı (PWA) kullanıma sundu
Infobae, Progresif Web Uygulaması sayesinde mobil sitesinde geçirilen zamanı iki kattan fazla artırdı
Infobae, güvenilir olmayan ağlarda güvenilir performans sunmak için Service Worker'dan yararlandı. Web sayfası kalitesini ölçmeyi sağlayan otomatik bir araç olan Lighthouse'da sınıfının en iyisi olan PWA, 93/100 performans puanına ulaştı.
Twitter Lite PWA, Etkileşimi Önemli Şekilde Artırıyor ve Veri Kullanımını Azaltıyor
Twitter Lite Progresif Web Uygulaması; hızlı yükleme, kullanıcı etkileşimi ve daha düşük veri tüketimine yönelik açık hedeflerle daha sağlam bir deneyim sunmak için modern web'in ve yerel özelliklerin en iyi özelliklerini bir araya getirir
0 sa s1
0h h1, kendini mobil cihazda hissettiren eğlenceli (ve bağımlılık yapıcı) bir oyun. Web teknolojisinin sonsuz olanaklarını her zaman sevmişimdir ve bu teknolojiden bu kadar uzun süre önce yararlandığım için kendimi şanslı hissediyorum. Çünkü
MakeMyTrip.com'un yeni PWA'sı, dönüşüm oranlarında 3 kat artış sağlıyor
Progresif Web Uygulamasını kullanıma sunduktan sonra MakeMyTrip.com şirketinin mobil web'deki dönüşüm oranı üç katına çıktı ve sayfa yüklenme hızı %38 arttı.
Voot'ta Progresif Web Uygulaması
Voot.com, medya progresif web uygulamasını Hindistan'da kullanıma sunuyor. Uygulamanın birkaç gün içinde kullanıcı başına oturum süresi% 39 ve kullanıcı başına günlük görüntüleme sayısı %15 arttı. Voot, Hindistan'ın hem yerel bir uygulama hem de
PWA olarak Noel Baba İzleyici
Siteyi görüntüleyin Santa Tracker 2016 tatil sezonu için hızla çevrimdışı bir Progresif Web Uygulaması'na yükseltildi. Mevcut sahne tasarımımız da yardımcı oldu. Noel Baba Radarı, Google'da yeni yıl geleneğidir. Her yıl, Aralık ayı boyunca yeni yıl
Bear 71 ve WebVR
Belgeseli izleyin WebVR, stereo oluşturmayı gerçek zamanlı kafa izleme özelliğiyle birleştirerek internette sanal gerçeklik içeriğinin tadını çıkarmanın hızlı ve kolay bir yolunu sağlayan, tarayıcılarda yerleşik olarak bulunan bir API'dir. WebVR ile
WebVR Lab'deki Temel Etkileşimler
Laboratuvarı Görüntüle Web sitesi tasarımcıları, cep telefonu, tablet, bilgisayar, farklı ekran çözünürlükleri ve piksel oranları gibi farklı cihazlarda çalışacak bir web sitesi oluşturma, duyarlı tasarım fikrine aşinadır. WebVR, duyarlı tasarım
WebVR'de Metin Oluşturma
Sanal gerçeklikte hikaye anlatmak için bir platform var ve sanal gerçeklik her yerde kullanılabilir. Buna web de dahildir. WebVR sayesinde izleyiciler bir web sitesine gidip bir bağlantıyı tıklayarak, uçsuz bucaksız VR ekranlarında filmlerini anında izleyebiliyor. Başa takılan gelişmiş ekranlar da buna dahil. Geliştirme sürecinde ekip, bu yeni ortamda metin oluşturmanın zor olduğunu fark etti ve bu sürecin daha sorunsuz olması için gölgelendiricilerin kullanıldığı bir örnek oluşturdu.
WebVR için Matterport VR
Siteyi görüntüleyin WebVR desteği sunan Matterport, sürükleyici sanal gerçeklikte gerçek dünyadaki yerleri keşfetmeyi kolaylaştırıyor. İndirilecek uygulama olmadığından WebVR, ayrılma sayısını azaltır ve iş ortaklarının kullanıcıları kendi web
Sabit Hatlar
Kara Çizgileri, Google Earth uydu görüntülerini hareket aracılığıyla keşfetmenize olanak tanıyan bir denemedir. Makine öğrenimi, optimize edilmiş algoritmalar ve grafik kartı gücünün bir kombinasyonu kullanılarak deneme, arka uç sunucularına gerek kalmadan telefonunuzun web tarayıcısında verimli bir şekilde çalışabilir. Bu, geliştirme sürecimize ve bizi nihai sonuca ulaştırmaya çalıştığımız çeşitli yaklaşımlara bir bakıştır.
Hava Durumu Kanalı
Bir IBM Business olan Weather Company, her gün ortalama 40 milyar tahmin isteğiyle kullanıcıların günlük hayatlarını planlamasına ve hava durumuna göre daha iyi kararlar almasına yardımcı oluyor.
Karnaval Yolculuğu Şirketi
Carnival Cruise Line, push bildirimleriyle müşterilerine kişiselleştirilmiş ve etkileşimli bir iletişim hizmeti sunuyor. Örnek olayı PDF olarak indirin Dünyanın en büyük eğlence seyahati şirketlerinden biri olan Carnival Cruise Line, müşterileriyle
Veli için Smart Lock
Örnek olayı PDF olarak indirin Guardian News & Media (GNM), dünyanın İngilizce konuşulan kalitesindeki en büyük haber web sitelerinden biri olan theguardian.com web sitesini yayınlar. ABD ve Avustralya dijital sürümlerini sırasıyla 2011 ve
AliExpress için Smart Lock
Örnek olayı PDF olarak indirin Nisan 2010'da kullanıma sunulan AliExpress, dünya çapındaki tüketicileri hedefleyen küresel bir perakende ticaret sitesidir. Platform, dünyanın her yerinden tüketicilerin ürünlere rekabetçi fiyatlarla erişerek Çin'deki
Housing.com yeni PWA ile dönüşümleri artırırken hemen çıkma oranını% 40 azalttı
Örnek olayı PDF olarak indirin Housing.com, Hindistan'ın en iyi startup'larından biridir. Bu yıl 50 milyon ziyaret alma hedefine ulaşan şirket, Hindistan'ın önde gelen online emlak platformlarından biri haline geldi. Bir Progresif Web Uygulaması
Hizmet Çalışanlarının Gerçek Dünyadaki Performans Etkisini Ölçme
Hizmet Çalışanlarının Gerçek Dünyadaki Performans Etkisini Ölçme
Washington Post
AMP, Washington Post'un mobil aramadan geri gelen kullanıcı oranını %23 artırmasına yardımcı oldu Örnek olayı PDF olarak indirin Trafiğinin yaklaşık% 55'i mobil cihazlardan gelen The Washington Post, mobil cihazlarda mükemmel bir okuma deneyimi
Google I/O 2016 Progresif Web Uygulaması Oluşturma
Web bileşenlerini kullanarak Google I/O 2016 PWA'sını oluşturma
eXtra Elektronik
United eXtraElectronic, Web Push Bildirimleri ile e-ticaret satışlarını% 100 artırdı. Örnek olayı PDF olarak indirin eXtra, Suudi Arabistan'ın lider ve en hızlı büyüyen tüketici elektroniği ve ev aleti perakendecisidir. Suudi Arabistan, Umman ve
Jumia Dili
Push Bildirimleri, Jumia'nın alışveriş sepetini terk etme oranını tersine çevirmesine ve dönüşümleri 9 kat artırmasına yardımcı oldu Örnek olayı PDF olarak indirin Jumia, Afrika'da lider bir e-ticaret web sitesidir. Müşterilerinin çoğu, aynı zamanda
BaBe
BaBe'nin tarayıcılar arası Progresif Web Uygulaması, yerel uygulamanın performansıyla rekabet ediyor. Örnek olayı PDF olarak indirin 2013'te kullanıma sunulan BaBe, Endonezya'nın en büyük haber toplama uygulamasıdır. Bir milyondan fazla kişi
Konga
Konga yeni Progresif Web Uygulaması sayesinde veri kullanımını% 92 azalttı Örnek olayı PDF olarak indirin 2012 yılında faaliyete geçen Konga, Nijerya'nın önde gelen e-ticaret web sitelerinden biri. Kitaptan buzdolabına ve cep telefonuna kadar her
8 km
Yeni Progresif Web Uygulaması (Progresif Web Uygulaması) sayesinde 5miles, hemen çıkma oranını% 50 azaltıp dönüşümleri% 60 artırdı. Örnek olayı PDF olarak indirin "Elinize ulaşan şeyi satın, istediklerinizi satın alın!" sloganı 5 kilometrelik
Suumo Dili
Japonya'nın en büyük emlak sitesi, web push bildirimleriyle yeni girişleri güçlendiriyor ve bildirimler için% 31 açma oranı elde ediyor. Örnek olayı PDF olarak indirin SUUMO, Japonya'nın en büyük emlak sitesi ve ülke nüfusunun yaklaşık% 11'ine hizmet
Sanal Sanat Oturumları
Sanal gerçeklikte resim, tasarım ve heykel yapmak üzere altı sanatçı davet edildi.
Ağ Porter
Net-A-Porter, Google'ın Polymer Kitaplığıyla geliştirme süresinden tasarruf ediyor NET-A-PORTER, Google'ın Polymer kitaplığını kullanarak çevrimiçi mülklerinde bileşen tabanlı bir tasarım uyguladı. Sonuç olarak, geliştirme süresinden büyük tasarruf
Flipkart, Progresif Web Uygulaması ile sitede geçirilen süreyi üç kat artırdı
Hindistan'ın en büyük e-ticaret sitesi Flipkart, 2015'te yalnızca uygulamaya yönelik bir strateji benimsedi ve mobil web sitesini geçici olarak kapattı. Şirket, mobil uygulamalarınınki kadar hızlı ve ilgi çekici bir kullanıcı deneyimi sunmanın giderek daha zor olduğunu fark etti. Ancak Flipkart daha sonra geliştirme yaklaşımını yeniden düşünmeye karar verdi. Mobil web'in anında çalışmasını, çevrimdışı çalışmasını ve kullanıcılarla yeniden etkileşim kurmasını sağlayan özelliklerin kullanıma sunulmasıyla mobil web'e geri döndüler.
Polimer ile Işın Kılıcı Oluşturma
Polymer ile yüksek FPS WebGL projesi oluşturma.
Google+
Hedefimize, bir seferde 60 bin HTML, 60 bin JavaScript ve 60 bin CSS'den fazla indirmeme hedefimize ulaştık!
Rafın ötesinde
Beyond the Rack, mobil web üzerinden kullanıcılarla yeniden etkileşim kurarak push bildirimleri sayesinde ziyaret başına geliri% 26 artırdı.
AirHorner.com
AirHorner, size kendi hava kornanızı vermek için Service Worker'ların ve Web Audio API'nin gücünü gösteren, basit ama güçlü bir Progresif Web Uygulamasıdır. Çevrimiçi, çevrimdışı veya kesintili bir 2G ağı kullanıyor olmanız fark etmeksizin, bu özelliği arkadaşlarınızı veya iş arkadaşlarınızı rahatsız etmek için kullanabilirsiniz.
Üretimde Hizmet Çalışanları
Google I/O 2015 web uygulamasını hızlı ve öncelikli olarak çevrimdışı hale getirmek için hizmet çalışanı kitaplıklarını nasıl kullandığımızı öğrenin. Bu yılki Google I/O 2015 web uygulaması, Google'ın Geliştirici İlişkileri Ekibi tarafından,
Sinek Kuşu Kütüphanesi
Hummingbird Library: Popüler bir anime izleme ve keşif sitesi olan Hummingbird'ün yepyeni arayüzü. Anime hayranları (benim gibi, ekran görüntüsünün izlenme sayısı gerçek bir sayıdır!) izledikleri içeriği takip etme konusunda saplantılar yürütüyorlar.
Madeon Macera Makinesi
Madeon Adventure Machine, Madeon'un eğlenceli bir davul makinesi olan yeni albümünün akıllıca bir tanıtımıdır. Adventure Machine gerçekten basit bir uygulama, ancak işlevini oldukça iyi yerine getiriyor. Web Audio ve isteğe bağlı olarak Web Midi'yi
Adsy.me
Adsy.me, mobil mikro siteler oluşturmanın son derece hızlı ve kolay bir yoludur. Adsy.me, herkesin mobil (mikro) web sitesi oluşturmasına olanak tanıyan bir araçtır. Şirket, kendi test sürümünü yiyerek hemen güvenimi kazandı: Bütün araç, son derece
Küçük Simya
Little Alchem: Büyük kardeşi Alchemy'den esinlenen eğlenceli, mobil uyumlu bir kombinasyon oyunu. Little Alchemy, web platformunun en yeni özelliklerinden en iyi şekilde yararlanmanın mükemmel bir örneği. Yüklendiğinde tam ekran başlatmak için web
Bilgisayar Korsanlığı Haberleri Okuyucu
Hacker News Okuyucu: Hacker News için harika şekilde optimize edilmiş bir okuyucu. Hacker News için güzel ve son derece optimize edilmiş bir okuma deneyimi olan bu uygulama, mobil cihazlarda, tabletlerde ve masaüstü bilgisayarlarda iyi çalışır ve
Mutlu Pixmas
Merry Pixmas: 3D CSS Dönüşümleri ile yılbaşı eğlencesi. Masaüstünde ve mobil cihazlarda iyi çalışan, Noel temalı güzel bir demo. Hatta yepyeni tema rengi desteği ve tam ekranı başlatan bir ana ekran deneyimi için web manifesti de içerir. Uzman ipucu:
Chrome Geliştirici Zirvesi 2014
Chrome Dev Summit 2014 web sitesini kendi bünyesinde oluşturan ve CDS web sitesi, konferans ziyaretçileri için nasıl mükemmel bir mobil web deneyiminin nasıl sağlanacağını gösterdi.
SVGOMG (SVGOMG)
SVGOMG: SVGO için güzel, materyal ve duyarlı bir ön uç. Jake Archibald tarafından geliştirilen SVGOMG, web teknolojileriyle yazılmış, tamamen duyarlı ve yetenekli bir araca mükemmel bir örnektir. Materyal Tasarıma sahip çok güzel bir görünüme sahip
Web Filtresi
Web Filtreleri: Hızlı, hızlı ve kirli kamera filtreleri. Gerçek zamanlı olarak filtre uygulamanıza olanak veren, oldukça harika bir web tabanlı kamera uygulamasıdır. Görüntüyü otomatik olarak yerel cihazınıza kaydeder. Bu da, görüntünün genellikle
Hobbit Deneyimi 2014
Hobbit deneyimine WebRTC oyun deneyimi ekleme Yeni Hobbit filmi "Hobbit: Beş Ordunun Savaşı"nın gösterime girmesiyle birlikte, geçen yılki Chrome denemesi Orta Dünya'da Bir Yolculuk 'u yeni içeriklerle genişlettik. Bu seferki temel odak noktası,
Chrome ile geliştirin
LEGO® tuğlalarını çok cihazlı web'e taşıma İlk olarak Avustralya'da kullanıma sunulan, masaüstü Chrome kullanıcıları için eğlenceli bir deneme olan Build with Chrome, 2014'te dünya genelinde kullanıma sunuldu. Bu sürümde, THE LEGO® MOVIE™ ile
Orta Dünya'nın Önyüzü
Çoklu cihaz geliştirmeyle ilgili bir adım adım açıklamalı kılavuz Orta Dünya'da Bir Yolculuk adlı Chrome deneysel çalışmasının geliştirilmesiyle ilgili ilk makalemizde mobil cihazlar için WebGL geliştirmeye odaklandık. Bu makalede, HTML5 ön uçunun
Hobbit Deneyimi
Orta Dünya'yı Mobil WebGL ile Hayata Getirmek Geçmişte, mobil cihazlara ve tabletlere etkileşimli, web tabanlı, çok fazla multimedya içeren deneyimler sunmak zordu. Temel kısıtlamalar performans, API kullanılabilirliği, cihazlardaki HTML5 sesindeki
Örnek Olay - Yarışçı Kazanma
Racer, Active Theory tarafından geliştirilmiş web tabanlı bir mobil Chrome denemesi. 5'e kadar arkadaş, telefonlarını veya tabletlerini bağlayarak her ekranda yarışabilir. Google Creative Lab'den aldığımız konsept, tasarım ve prototipi ve Plan8'den
Örnek Olay - The Sounds of Racer
Racer, çok oyunculu ve çok cihazlı bir Chrome denemesidir. Ekranlar arasında oynanan retro tarzı bir slot araba oyunu. Android veya iOS işletim sistemli telefonlarda ya da tabletlerde Herkes katılabilir. Uygulama yok. İndirmeye gerek yok. Yalnızca
Örnek Olay - Inside World Wide Labirent
World Wide Maze, web sitelerinden oluşturulan 3D labirentlerde hedef noktalara ulaşmaya çalışırken akıllı telefonunuzu kullanarak yuvarlanan bir topu yönlendirdiğiniz bir oyundur. Oyunda HTML5 özellikleri bolca kullanılıyor. Örneğin,
Rulo Oluşturma
Roll It, klasik bir sahil oyunu olan "topu yuvarla"yı yalnızca telefonunuzdaki ve bilgisayarınızdaki tarayıcıda oynayabileceğiniz bir Chrome denemesi dir. Telefonunuzdaki tarayıcı, bileğinizi bir hareketle topu nişan almanıza ve atmanıza olanak
Yeni Nesil Web Düzeni - National Geographic Forest Giant
CSS ve tarayıcı düzenindeki araçları kullanarak web içeriği için çarpıcı görselleştirmeler oluşturabilirsiniz. CSS filtreleri, WebGL, HTML5 video, SVG, tuval gibi web özelliklerini ve CSS bölgeleri, CSS şekilleri ve CSS özel filtreleri gibi gelişen
Örnek Olay - Google I/O 2013 Denemesi
Konferans kaydı açılmadan önce Google I/O 2013 web sitesine geliştirici ilgisini çekmek için dokunma etkileşimlerine, üretken sese ve keşfetmenin keyfine odaklanan bir dizi mobil öncelikli deneme ve oyun geliştirdik. Kodun potansiyelinden ve oyunun
Örnek Olay - HTML5 Oyunlarını Otomatik Olarak Yeniden Boyutlandırma
2010 yazında, cep telefonları için HTML5 oyunlarıyla ilgili bir yarışmaya katıldığımız Kum Tuzağı oyununu oluşturduk. Ancak çoğu cep telefonu, oyunu yalnızca bir kısmını gösteriyordu veya çok küçük bir ekranda gösteriyordu. Bu da oyunu oynanamaz hale
Örnek Olay - Oz'a Giden Yolu Bulun
"Oz Büyücüsü'ne Giden Yolu Bul", Disney tarafından web'e sunulan yeni bir Google Chrome denemesi. Kansas'taki bir sirkte etkileşimli bir yolculuğa çıkarak büyük bir fırtınaya kapılır ve Oz diyarına ulaşırsınız. Amacımız, kullanıcıların güçlü bir bağ
Örnek olay - Chrome JAM
Kullanıcı arayüzünü nasıl mükemmelleştirdik? JAM with Chrome, Google tarafından oluşturulan web tabanlı bir müzik projesidir. Chrome ile JAM, dünyanın her yerinden kullanıcıların grup oluşturmasına ve tarayıcıda gerçek zamanlı olarak JAM yapmasına
100.000 Yıldız Kazanma
Merhaba! Adım Michael Chang. Google'ın Veri Sanatları Ekibi'nde çalışıyorum. Yakın yıldızları görselleştiren bir Chrome denemesi olan 100.000 Yıldız 'ı kısa süre önce tamamladık. Proje, THREE.js ve CSS3D ile oluşturulmuştur. Bu örnek olay
Örnek olay - Chrome JAM
Sesleri nasıl mükemmel hale getirdik? JAM with Chrome, Google tarafından oluşturulan web tabanlı bir müzik projesidir. Chrome ile JAM, dünyanın her yerinden kullanıcıların grup oluşturmasına ve tarayıcıda gerçek zamanlı olarak jam yapmasına olanak
Movi Kanti Revo - 1. Bölüm - 3D Dünyayı İnşa Etme
Movi.Kanti.Revo, Cirque du Soleil tarafından tasarlanan ve Subatomic Systems tarafından geliştirilen yeni bir duyusal Chrome denemesi. Cirque du Soleil'in büyüsünü modern web teknolojileri aracılığıyla web'e taşıyor. Deneme yalnızca HTML5
Örnek Olay: SONAR, HTML5 Oyun Geliştirme
Geçtiğimiz yaz, SONAR adlı ticari bir WebGL oyununda teknik yönetici olarak çalıştım. Projenin tamamlanması yaklaşık üç ay sürdü ve tamamen sıfırdan JavaScript'te yazıldı. SONAR'ı geliştirirken yeni ve test edilmemiş HTML5 ortamındaki çeşitli
Örnek Olay - Technitone.com sitesini oluşturma
Technitone.com, WebGL, Canvas, Web Soketleri, CSS3, JavaScript, Flash ve Chrome'daki yeni Web Audio API 'nin bir birleşimidir. Bu makalede, prodüksiyonun her yönüne değineceğiz: plan, sunucu, sesler, görseller ve etkileşimli tasarımlar için
Örnek Olay - Bouncy Mouse
Geçen yılın sonunda iOS ve Android'de Bouncy Mouse'u yayınladıktan sonra birkaç önemli ders öğrendim. Bunların en önemlisi, yerleşik bir pazara girmenin zor olmasıydı. Tamamen doygun iPhone pazarında ilgi çekmek çok zordu. Daha az doygun Android
Örnek Olay: HTML5 MathBoard
PalaSoftware uygulaması olan iPad'de MathBoard, birçok ince ancak doğal animasyona ve benzersiz bir gerçekçi görünüme ve tarza sahip son derece iyi tasarlanmış bir uygulamadır. Hedef, iPad uygulamasının HTML5'e en yüksek doğrulukla aktarılmasıydı.
Örnek Olay - Stanisław Lem Google doodle'ını oluşturma
Google ana sayfası, içinde kodlamak için etkileyici bir ortamdır. Bu durum, birçok zor kısıtlamayı beraberinde getirir: özellikle hız ve gecikmeye odaklanmak, her tür tarayıcıya uyum sağlamak ve çeşitli durumlarda çalışmak ve evet, şaşırtmak ve
Örnek Olay - Akış Kongresi'nde Gerçek Zamanlı Güncellemeler
HTML5, WebSockets ve EventSource aracılığıyla geliştiricilerin bir sunucuda gerçek zamanlı olarak iletişim kuran web uygulamaları oluşturmasını sağlar. Stream Congress ( Chrome Web Mağazası 'nda kullanılabilir), ABD Kongresi'nin işleyişiyle ilgili
Örnek Olay - Wordico'yu Flash'tan HTML5'e dönüştürme
Wordico adlı bulmaca oyunumuzu Flash'tan HTML5'e dönüştürdüğümüzde ilk işimiz, tarayıcıda zengin bir kullanıcı deneyimi oluşturma hakkında bildiğimiz her şeyi unutmaktır. Flash, vektör çizimden poligon isabet algılamaya ve XML ayrıştırmaya kadar
Örnek Olay - Onslaught! Arena
Haziran 2010'da, yerel bir yayıncılık "zindanı" olan Boing Boing 'un oyun geliştirme yarışması düzenlediği dikkatimizi çekti. Bu durumu, JavaScript ve <canvas> 'te hızlı ve basit bir oyun geliştirmek için mükemmel bir fırsat olarak gördük ve
Örnek Olay - 20thingsilearned.com'dan Sayfa Çevirme Efekti
2010 yılında F-i.com ve Google Chrome ekibi, Tarayıcı ve Web Hakkında Öğrendiğim 20 Şey ( www.20thingsilearned.com ) adlı HTML5 tabanlı bir eğitim web uygulaması üzerinde birlikte çalıştı. Bu projenin temel fikirlerinden biri, en iyi şekilde bir
Örnek Olay: HTML5 Tuval ile İlgili Sorunları Çözme
Geçtiğimiz baharda (2010) HTML5 ve ilgili teknolojilere yönelik hızla artan desteğe ilgi duymaya başladım. O zamanlar bir arkadaşımla birlikte, programlama ve geliştirme becerilerimizi geliştirmek ve sürekli birbirimize attığımız oyun fikirlerini
Örnek Olay - deviantART muro'da HTML5
deviantART, 7 Ağustos 2010'da 10. doğum gününü kutladı. DeviantART muro adlı HTML5 çizim aracını kullanıma sunarak doğum günümüzü kutladık. Bu araç, hem bağımsız bir web uygulaması olarak hem de forum yorumlarına resim eklemek için hafif bir çizim
Örnek Olay - Chrome'da Sürükleyip Bırakarak İndirme
HTML 5'in birçok harika özelliğinden biri olan sürükle ve bırak (DnD), Firefox 3.5, Safari, Chrome ve IE'de desteklenir. Google kısa süre önce Google Chrome kullanıcılarının tarayıcıdan masaüstüne dosya sürükleyip bırakmasına olanak tanıyan yeni bir
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