Google, sayfa yüklemelerini azaltmak ve kullanıcı deneyimini iyileştirmek için yeni Chrome geliştirme araçlarını duyurdu

Yirmi yıl önce, Google bir web arama motoru olarak yola çıktı, ancak bugün web'i nasıl deneyimlediğimize ve onunla nasıl etkileşim kurduğumuza hükmediyor. Google Arama, çevrimiçi kullanımın çoğunu kendi başına yönetiyor ancak diğer ürünler de dünyanın en popüler tarayıcısı gibi. Google Chrome – ve en çok kullanılan mobil işletim sistemi – Android – Google'ı webin diğer paydaşları arasında liderliğe taşıdı. Mobil cihazları kullanarak çevrimiçi olan kullanıcıların yüzdesi arttı ve internet devinin kalıcılığı sağlamak için yükleme sürelerini kısaltmaya verdiği önem de arttı. AMP veya hızlandırılmış mobil sayfalar Google'ın web sayfalarının daha hızlı yüklenmesini sağlamak için attığı adımlardan biriydi. Geçen yıl ayrıca " olarak bilinen bir web öğesini de tanıttı.Portallar" Web sayfaları arasında "kesintisiz" geçişi optimize etmek için.

vizyonuyla"yüklemeyi ortadan kaldır," Google bugün yeni geliştirici araçlarını duyurdu. Chrome Geliştirici Zirvesi 2019 Web'i daha güvenli ve kullanıcı dostu hale getirirken aynı zamanda geliştiricilerin kullanıcı tabanlarını ve gelirlerini artırmalarına yardımcı olma şansını artırmak.

Portallar

Google bu ilerlemeyi gösterdi Portallar bu yılın başlarında Google I/O'da başlattıklarından beri bunu yaptı ve Chrome Canary'de bir bayrağın arkasında uyguladı. Hafızanızı yenilemek için Portallar, geliştiricilerin belirli içeriği veya web sayfalarının tamamını tıpkı bir iframe gibi başka bir web sayfasına yerleştirmelerine olanak tanır. Herhangi bir bekleme süresini ortadan kaldırmak için Portal veya çerçeve içindeki içerik, kullanıcılar hala ilk web sayfasında gezinirken yüklenir.

Google, belirli bir filmin açılış sayfasının (Joker örnekte) bir Portalın içine bağlanmıştır. Bir kullanıcı Joker'e dokunduğunda, sonraki sayfa zaten tamamen yüklenmiş olarak oluşturulur.

Web Paketleri

Google duyuruyor Web Paketleri Web geliştiricilerinin e-posta, USB veya FTP dahil ancak bunlarla sınırlı olmamak üzere çeşitli ortamlar aracılığıyla web içeriklerini başkalarıyla paylaşmalarına yardımcı olmak için oluşturulmuştur. Geliştiriciler, aşağıdaki gibi API'leri kullanarak paylaşılması amaçlanan web içeriğinin tamamını etkili bir şekilde önbelleğe alabilecektir: Arka Plan Periyodik Senkronizasyonu Ve İçerik İndeksleme ve ardından son kullanıcı internete bağlı olmasa bile gerekli içeriği seçerek işleyin. Web geliştiricilerinin bu işlevselliği kullanmasını sağlamak için Google, Web Paketlerini bir Chrome bayrağının arkasında kullanıma sunarken, iki API de şu şekilde kullanılabilecektir: menşe denemeleri.

Yerel benzeri web deneyimi

Pek çok kullanıcının çevrimiçi olmak için cep telefonlarını kullandığının bilincinde olan Google, dünya genelinde cihazlar arası kullanım kalıplarını da kabul ediyor. Birkaç yıldan fazla bir süredir Google baskı yapıyor Aşamalı Web Uygulamaları (PGA'lar), yükleme süresini ve veri tüketimini azaltmak amacıyla yerel Android uygulamalarının yerine geçer.

[video genişliği = "390" yükseklik = "800" mp4 = " https://static1.xdaimages.com/wordpress/wp-content/uploads/2019/11/Login_OTP_Flow_Swiggy.mp4"]

Web'deki uygulamaları yerel uygulamalarla uyumlu hale getirmek için Google, geliştiricilere yönelik üç yeni özelliği duyuruyor. Bunlar:

1. SMS AlıcısıBu, web uygulamalarının tıpkı uygulamalar gibi SMS tabanlı kimlik doğrulama kodlarını almasına olanak tanıyacak. Yukarıdaki videoda, Hint yemek siparişi hizmeti olan Swiggy'nin web sürümünün, kullanıcıya SMS yoluyla alınan doğrulama kodunu kullanmasını ne kadar sorunsuz bir şekilde önerdiğini görebilirsiniz.
2. İletişim SeçiciBu, kullanıcıların WhatsApp gibi mesajlaşma uygulamalarındaki kişi paylaşımına benzer bir şekilde kişileri web uygulamalarına yüklemelerine olanak tanıyacak.
3. Yerel Dosya Sistemi API'siBu, web uygulamalarına kullanıcının cihazındaki dosya ve klasörleri okuma ve değişiklikleri doğrudan kaydetme izni ve olanağını verecektir. Bu özelliğin potansiyel uygulamaları çevrimiçi metin düzenleyicileri, fotoğraf ve video düzenleyicileri, hatta web tabanlı IDE'leri ve daha fazlasını içerebilir.

Bu API'ler aynı zamanda Google Chrome için kaynak denemeleri olarak da mevcut olacak.

Geliştiriciler için yeni ölçümler ve rehberlik

Genel "web sağlığı" konusunu bağlamsallaştırmaya yardımcı olmak için Google, Web Almanağı ile ortaklaşa HTTP Arşivi. 85 uzmanın rehberliğinde proje, web'deki en iyi ve en kötü uygulamalara ilişkin eyleme geçirilebilir verilerle ilgili içgörü elde etmeyi ve eğilimleri görselleştirmeyi amaçlıyor.

Misyon, yaklaşık 6 milyon web sitesinin incelenmesini içeriyordu; ardından bu uzmanlar, web sitelerinde kullanıcı deneyimini iyileştirmenin yolları üzerine vardıkları sonuçları özetlediler. 20 bölüm. Bu uygulama "yıllık bir gelenek" olarak tekrarlanacak, böylece Almanak web geliştiricileri için becerikli bir rehber olmaya devam edecek.

Bununla birlikte Google, geliştiricilerin web sitelerini en iyi uygulamalara göre optimize etmelerine yardımcı olacak iki yeni ölçüm de sunuyor. Bunlar:

1. En Büyük İçerikli Boya (LCP), bir web sayfasının "algılanan" yükleme süresidir. Basitçe söylemek gerekirse, "bakış noktasında görünen en büyük öğenin" yüklenme süresidir. Bu irade geliştiricilerin herhangi bir tür öğeyi ortadan kaldırabilmesi için bir web sayfasındaki temel öğelerin ne kadar hızlı yüklendiğini ölçmek gecikme. LCP, kullanıcının sayfayla etkileşime girmesinden önceki süre için hesaplanır; dolayısıyla buradaki amaç, yükleme gecikmesini mümkün olduğunca en aza indirmektir.
2. Kümülatif Düzen Kayması (CLS), web sayfalarının kararlılığını ölçmek için kullanılır. Geliştiricilerin, sayfa yüklenirken düğmeler veya belirli bir resim gibi öğelerin görüntülenebilir kısımdaki konumunu ne sıklıkla değiştirdiğini belirlemesine yardımcı olabilir. Böylece CLS, geliştiricilerin sayfa yüklenirken öğelerin konumlarını değiştirmesi gibi sinir bozucu bir sorunu ortadan kaldırmasına yardımcı olabilir. Bu ölçüm, sayfa öğelerinin yükleme sırasında kayma eğilimini ölçen ve dolayısıyla kullanıcıları rahatsız eden "düzen değiştirme puanına" dayanır. Kullanıcılara sorunsuz bir deneyim sağlamak için düzen kaydırma puanı ideal olarak sıfır olmalı veya en azından sıfıra mümkün olduğunca yakın olmalıdır.

Geliştiricilerin web sitelerinde en iyi performansı, erişilebilirliği ve verimliliği elde etmelerine yardımcı olmak amacıyla Google, Deniz Feneri Yığın Paketleri çeşitli çerçevelere. Google, Lighthouse tarafından halihazırda desteklenen WordPress ve Next.js'nin yanı sıra aşağıdakiler için de destek ekliyor: AMP, Angular, React gibi çerçevelerin yanı sıra yalnızca e-ticarete hizmet veren CMS Magento web siteleri.

Bellek yönetimini, daha iyi gizliliği ve daha fazla kontrolü geliştirin

Google, Google Chrome ile ilgili en büyük şikayetlerden biri olan bellek tüketimini gidermek için zaman, çaba ve para harcadığını iddia ediyor. Bellek yönetimini iyileştirmeye çalışmanın yanı sıra, web'in ne olursa olsun herkes tarafından erişilebilir kalmasını sağlamak için Chrome'un performansını da sürekli olarak geliştiriyorlar "cihaz türü veya internet hızı veya satın alma gücü."

Gizlilik açısından, Google Chrome'un bir sonraki sürümü, yani ver79, çerezlerin işlenme biçimini iyileştirecektir. Buna, kullanıcıların üçüncü taraf çerezlerini daha iyi kontrol etmelerine yardımcı olmak için Gizli moddaki Yeni Sekmeler Sayfasındaki yeni bir geçiş de dahildir. Ayarlar sayfasında da bu geçişin normal modda kolayca erişilebilir olmasını sağlayacak şekilde ayarlamalar yapılacak.

Google, geliştirme çabalarını ilerletiyor Özel Korumalı Alan, çevrimiçi gizliliği geliştirmek için ortaya konan açık standartlar dizisi olarak tanımlanır. Özel Korumalı Alan, web sitelerinin, kullanıcıları reklamlar nedeniyle bunalmış veya güvensiz hissetmeden çerezleri dağıtmasına olanak sağlamayı ve aynı zamanda parmak izi almayı engellemenin yollarını bulmayı amaçlamaktadır.