Google mengumumkan alat pengembang Chrome baru untuk mengurangi pemuatan halaman dan menyempurnakan UX

Pada Chrome Dev Summit 2019, Google mengumumkan alat baru bagi pengembang untuk meningkatkan pengalaman pengguna, mengurangi waktu muat, dan meningkatkan keamanan di web.

Dua dekade yang lalu, Google dimulai sebagai mesin pencari web, namun saat ini, Google mendominasi cara kita mengakses dan berinteraksi dengan web. Google Penelusuran sendiri menguasai sebagian besar penggunaan online, namun produk lain seperti browser paling populer di dunia – Google Chrome – serta sistem operasi seluler yang paling banyak digunakan – Android – telah menempatkan Google sebagai yang terdepan di antara pemangku kepentingan web lainnya. Persentase pengguna yang online menggunakan perangkat seluler telah meningkat dan begitu pula penekanan raksasa internet ini dalam mengurangi waktu muat untuk memastikan kelekatan. AMP atau halaman seluler yang dipercepat adalah salah satu langkah yang diambil Google untuk memastikan pemuatan halaman web lebih cepat. Tahun lalu, mereka juga memperkenalkan elemen web yang dikenal sebagai "Portal" untuk mengoptimalkan peralihan "mulus" antar halaman web.

Dengan visi untuk “membuat pemuatan menghilang," Google hari ini mengumumkan alat pengembang baru di KTT Pengembang Chrome 2019 untuk menjadikan web lebih aman dan ramah pengguna sekaligus meningkatkan peluang membantu pengembang meningkatkan basis pengguna serta pendapatan mereka.

Portal

Google menunjukkan kemajuan itu Portal telah dibuat sejak diluncurkan di Google I/O awal tahun ini dan diimplementasikan di belakang bendera di Chrome Canary. Untuk menyegarkan ingatan Anda, Portal memungkinkan pengembang untuk menyematkan konten tertentu atau seluruh halaman web ke halaman web lain seperti iframe. Untuk menghilangkan waktu tunggu, konten di dalam Portal atau bingkai dimuat saat pengguna masih menjelajahi halaman web awal.

Google telah membagikan contoh layanan tiket film Fandango yang memiliki halaman arahan untuk film tertentu (Pelawak dalam contoh) terikat di dalam Portal. Saat pengguna mengetuk Joker, halaman berikutnya ditampilkan sudah terisi penuh.

Paket Web

Google mengumumkan Paket Web yang dibuat untuk membantu pengembang web berbagi konten web mereka dengan orang lain melalui berbagai media, termasuk namun tidak terbatas pada email, USB, atau FTP. Pengembang akan dapat secara efektif menyimpan cache seluruh konten web yang dimaksudkan untuk dibagikan menggunakan API seperti Sinkronisasi Berkala Latar Belakang Dan Pengindeksan Konten dan kemudian secara selektif merender konten yang diperlukan meskipun pengguna akhir tidak terhubung ke internet. Agar pengembang web dapat memanfaatkan fungsi ini, Google menyediakan Paket Web di balik bendera Chrome sementara kedua API akan tersedia sebagai uji coba asal.

Pengalaman web seperti asli

Meskipun menyadari bahwa banyak pengguna menggunakan ponsel mereka untuk online, Google juga mengakui pola penggunaan lintas perangkat di seluruh dunia. Selama lebih dari beberapa tahun, Google telah terus berupaya Aplikasi Web Progresif (PGA) sebagai pengganti aplikasi Android asli dengan tujuan mengurangi waktu pemuatan dan konsumsi data.

[lebar video = "390" tinggi = "800" mp4 = " https://static1.xdaimages.com/wordpress/wp-content/uploads/2019/11/Login_OTP_Flow_Swiggy.mp4"]

Untuk menyelaraskan aplikasi di web dengan aplikasi asli, Google mengumumkan tiga fitur baru untuk pengembang. Ini adalah:

  1. Penerima SMS, yang memungkinkan aplikasi web mengambil kode autentikasi berbasis SMS seperti yang bisa dilakukan aplikasi. Dalam video di atas, Anda dapat melihat betapa mulusnya versi web Swiggy, layanan pemesanan makanan India, menyarankan pengguna untuk memanfaatkan kode verifikasi yang diterima melalui SMS.
  2. Hubungi Pemilih, yang memungkinkan pengguna mengunggah kontak ke aplikasi web dengan cara yang mirip dengan berbagi kontak di aplikasi perpesanan seperti WhatsApp.
  3. API Sistem File Asli, yang akan memberi aplikasi web izin dan fasilitas untuk membaca file dan folder dari perangkat pengguna dan menyimpan perubahan secara langsung. Penerapan potensial fitur ini dapat mencakup editor teks online, editor foto dan video, bahkan IDE berbasis web, dan banyak lagi.

API ini juga akan tersedia sebagai uji coba asal untuk Google Chrome.

Metrik dan panduan baru untuk pengembang

Untuk membantu mengontekstualisasikan "kesehatan web" secara umum, Google telah mengumumkan sebuah proyek bernama Almanak Web dalam kemitraan dengan Arsip HTTP. Dengan bimbingan dari 85 ahli, proyek ini bertujuan untuk mencari wawasan dan memvisualisasikan tren data yang dapat ditindaklanjuti tentang praktik terbaik dan terburuk di web.

Misi tersebut melibatkan peninjauan hampir 6 juta situs web, setelah itu para ahli ini merangkum kesimpulan mereka tentang cara meningkatkan pengalaman pengguna 20 bab. Praktik ini akan diulangi sebagai "tradisi tahunan" sehingga Almanak tetap menjadi panduan yang berguna bagi pengembang web.

Bersamaan dengan ini, Google juga memperkenalkan dua metrik baru untuk membantu pengembang mengoptimalkan situs web mereka untuk praktik terbaik. Ini adalah:

  1. Cat Contentful Terbesar (LCP), yang merupakan waktu pemuatan halaman web yang "dirasakan". Sederhananya, ini adalah waktu pemuatan "elemen terbesar yang terlihat di sudut pandang". Ini akan mengukur seberapa cepat elemen kunci pada laman web dimuat sehingga pengembang dapat menghilangkan elemen apa pun kelambatan. LCP dihitung untuk waktu sebelum pengguna berinteraksi dengan halaman sehingga tujuannya di sini adalah untuk meminimalkan penundaan pemuatan sebanyak mungkin.
  2. Pergeseran Tata Letak Kumulatif (CLS), yang digunakan untuk mengukur stabilitas laman web. Ini dapat membantu pengembang menentukan seberapa sering elemen seperti tombol atau gambar tertentu mengubah lokasinya pada bagian yang terlihat saat halaman dimuat. Dengan demikian, CLS dapat membantu pengembang menghilangkan masalah frustasi ini karena elemen mengubah posisinya saat halaman dimuat. Metrik ini bergantung pada "skor pergeseran tata letak" yang mengukur kecenderungan elemen laman bergeser saat memuat, sehingga meresahkan pengguna. Skor pergeseran tata letak idealnya harus nol – atau setidaknya sedekat mungkin dengan nol – untuk memastikan pengalaman yang bebas kerumitan bagi pengguna.

Dengan tujuan membantu pengembang mencapai kinerja, aksesibilitas, dan efisiensi terbaik di situs web mereka, Google memperluas cakupannya Paket Tumpukan Mercusuar ke berbagai kerangka. Selain WordPress dan Next.js yang sudah didukung oleh Lighthouse, Google juga menambahkan dukungannya kerangka kerja seperti AMP, Angular, React, serta Magento, CMS yang khusus melayani e-commerce situs web.

Tingkatkan manajemen memori, privasi lebih baik, dan kontrol lebih besar

Google mengklaim menginvestasikan waktu, tenaga, dan uang untuk mengatasi salah satu keluhan terbesar Google Chrome, yaitu konsumsi memori. Selain berupaya meningkatkan manajemen memori, mereka juga terus meningkatkan kinerja Chrome untuk memastikan bahwa web tetap dapat diakses oleh semua orang, apa pun kondisinya.jenis perangkat atau kecepatan internet atau daya beli mereka."

Dalam hal privasi, versi Google Chrome berikutnya yaitu ver79 akan meningkatkan cara penanganan cookie. Ini termasuk tombol baru di Halaman Tab Baru dalam mode Penyamaran untuk membantu pengguna mengontrol cookie pihak ketiga dengan lebih baik. Halaman Pengaturan juga akan diubah untuk membuat tombol ini mudah diakses dalam mode reguler.

Google melanjutkan upayanya dalam pengembangan Kotak Pasir Privasi, yang didefinisikan sebagai serangkaian standar terbuka yang ditetapkan untuk meningkatkan privasi online. Privacy Sandbox ditujukan untuk memungkinkan situs web menyebarkan cookie tanpa membuat pengguna merasa kewalahan atau tidak aman karena iklan, sekaligus mencari cara untuk memblokir sidik jari.