What’s new for the web platform | Keynote

-Aku Ben-aku Dion Kami adalah kepala tim Chrome[ Dion] Kami berdua telah bekerja di stage web selama bertahun-tahun Menonton situs web berevolusi dari enter tertaut sederhana menjadi Aplikasi web interaktif yang kaya saat ini sangat menarik Web telah menjadi platform komputasi tujuan umum yang efisien Miliaran pengguna di seluruh dunia[ Dion] Web telah berkembang pesat dalam satu tahun terakhir Karena epidemi memaksa kami untuk membuat lebih banyak kontak online setiap hari Lonjakan penggunaan telah memicu kegemaran untuk meningkatkan pengalaman entanglement Bagi kami, ini memperkuat pentingnya Web Dan kebutuhan kita semua untuk bekerja sama untuk membuatnya lebih baik Dalam beberapa dekade terakhir, kami telah menyaksikan naik turunnya banyak scaffold komputasi. Satu hal yang sangat jelas, pepatah lama mengatakan bahwa jika Anda tidak maju, Anda mati Memainkan peran penting dalam relevansi berkelanjutan dari stage apa pun Web telah membuat kemajuan besar dalam beberapa tahun ini Melihat ke masa depan, saya pikir laju pembangunan semakin cepat Karena itu harus mengikuti perkembangan teknologi dan masyarakat Kami akan mengadakan beberapa pertemuan di konferensi Google I/ O tahun ini Beri tahu semua orang tentang perkembangan terbaru dari Web Dalam pertemuan ini, kami akan membuat ringkasan singkat untuk semua orang Perkenalkan tema utama yang menurut kami harus diingat semua orang tahun ini Kami akan memberi tahu di mana kami dapat belajar lebih banyak dan di mana kami perlu tahu lebih banyak Kami akan mulai dengan privasi dan menjelaskan bagaimana Web telah berkembang menjadi Pengalaman penjelajahan pribadi diaktifkan secara default untuk semua pengguna Selanjutnya, kami akan memperkenalkan bagaimana Web memungkinkan generasi baru Aplikasi web yang kuat, cepat, tanpa hambatan, dan pengalaman pengguna yang luar biasa dimungkinkan Terakhir, kami akan meringkas pekerjaan yang sedang berlangsung Bantu pengembang meningkatkan efisiensi kerja dan sukses di Web Mari kita mulai dengan privasi dulu Kami akan melanjutkan topik ini dengan membahas kotak pasir Browser saat ini dibangun di sekitar metafora kotak pasir Setiap situs entanglement yang Anda kunjungi diisolasi dari sistem lainnya secara default Termasuk isolasi dari situs entanglement dan tab terbuka lainnya Seolah-olah kita dikelilingi oleh tembok virtual Seperti kotak pasir di taman Saat ini, Chrome telah berinovasi pada mode kotak pasir browser sebelumnya Yang pertama adalah mengisolasi setiap situs web ke dalam prosesnya sendiri Baru-baru ini diperluas menjadi Pisahkan setiap iframe lintas situs di halaman web ke dalam prosesnya sendiri Kami juga menggunakan metode yang sama untuk data dan pelacakan pengguna Bangun kotak pasir privasi Untuk memastikan bahwa semua informasi Anda aman di browser Sehingga identitas dan aktivitas Anda dirahasiakan di Web secara default Dua tahun lalu, kami mengumumkan peluncuran platform kotak pasir privasi sebagai inisiatif terbuka Kerja sama dengan masyarakat mewujudkan visi tersebut Pada saat yang sama membantu ekosistem network dengan hati-hati Transisi ke pattern baru dengan cara yang bijaksana Kami ingin membagikan kemajuan terbaru kami Langkah pertama kami diumumkan pada konferensi Google I/ O dua tahun lalu Itu untuk mengubah perilaku cookie di browser Chrome Buat mereka terlihat lintas situs secara default Agar hanya terlihat oleh situs yang sama tempat mereka disiapkan Sebelumnya, kami tidak tahu banyak tentang cookie Apakah untuk pihak pertama atau pihak ketiga Browser perlu mengamati bagaimana cookie digunakan dalam kondisi alami untuk menyimpulkan penggunaannya Ini juga menyebabkan masalah keamanan Karena cookie memiliki visibilitas default yang luas Oleh karena itu, ketika pihak ketiga mengamati informasi dalam cookie ini Pengguna akan terkena serangan pemalsuan permintaan lintas situs Saat ini, pengembang harus mengikuti pengujian untuk menggunakan cookie di seluruh situs Yang disebut cookie pihak ketiga Pada gilirannya, browser dapat menonaktifkan cookie tersebut dengan cara yang sangat mudah Perilaku default melindungi privasi ini Sekarang di Chrome, Edge dan akan segera diimplementasikan di Firefox Sejak itu, kami bekerja dengan ekosistem Mengembangkan serangkaian API baru yang memberikan alternatif untuk melindungi privasi Untuk mengganti kasus penggunaan saat ini yang mengandalkan cookie pihak ketiga Seperti login bersama, iklan yang dipersonalisasi, dan pelacakan konversi Untuk memperjelas bagaimana API ini memenuhi tantangan ini Mari kita lihat lebih dekat salah satu API pelaporan atribusi Oleh karena itu, aspek kunci dari bisnis web apa pun adalah bagaimana meningkatkan audiens pengguna Anda Ini biasanya membutuhkan iklan untuk meningkatkan lalu lintas Di sisi lain dari jenis pendapatan iklan, penerbit konten di Web Biasanya mengandalkan pendapatan iklan untuk mempertahankan simulate bisnis mereka Cari tahu berapa banyak pengguna yang benar-benar mengklik iklan tersebut Dan apakah pengguna tersebut selanjutnya Berlangganan buletin atau menyelesaikan pembelian Merupakan bagian penting dari pose ini Secara tradisional, pengukuran ini dilakukan Gunakan cookie pihak ketiga untuk melacak pengguna sebelum dan sesudah mengklik berbagai situs web. Jadi bagaimana kami melakukan ini tanpa melacak pengguna Masukkan laporan atribusi Dengan menggunakan API yang disarankan ini, data identifikasi pengguna tidak akan dibagikan antar situs Sebaliknya, browserlah yang melacak konversi iklan Nanti browser akan merespon setiap incident konversi Kirim laporan terenkripsi ke pengiklan Tapi itu menambah waktu tunda dan informasi gangguan ke laporan ini Dengan demikian, upaya yang menghambat lebih lanjut untuk mengidentifikasi pengguna Teknik ini sering disebut sebagai privasi diferensial Metode ini memungkinkan kedua belah pihak Masih bisa mengukur keefektifan kampanye iklan mereka Dan pahami perilaku yang dapat didorong oleh iklan Dan tidak perlu melacak pengguna di seluruh situs Laporan atribusi sekarang menjadi bagian dari proyek kotak pasir privasi Salah satu dari banyak proposition API baru Sekarang, ini dapat digunakan sebagai eksperimen untuk asal Chrome Gunakan dengan beberapa API lainnya Dan di tahun ini, kami akan meningkatkan rilisnya Saat kami bekerja dengan semua pengguna di seluruh ekosistem Saat memperkenalkan API baru ini ke programme network Kami juga sedang melakukan persiapan untuk menghapus cookie pihak ketiga secara bertahap Dan menerapkan langkah-langkah perlindungan untuk mencegah bentuk pelacakan rahasia lainnya Pada pertemuan teknis hari ini Kami akan menjelaskan secara rinci bagaimana menangani cookie Anda sendiri Proyek Kotak Pasir Privasi Merupakan pengembangan utama dari programme Web Privasi diaktifkan secara default sambil mempertahankan kasus penggunaan network utama Perlu waktu untuk membuat perubahan besar dan mendasar pada Web Tapi kami berkomitmen untuk pekerjaan ini Dan biarkan perubahan menguntungkan pengguna web global Web telah berkembang menjadi scaffold aplikasi yang kuat Siapapun dengan browser modern Semua bisa mendapatkan pengalaman terdepan dalam memuat cepat dan pengoperasian yang mulus Dan perangkat seperti Chromebook Menunjukkan cara menjadikan Internet murah, aman dan sederhana Tanpa perlu menjadi ahli dalam memelihara sistem operasi yang mendasarinya Selama bertahun-tahun, kami telah berkomitmen Pastikan web adalah platformnya Hadirkan semua kemampuan yang diperlukan untuk pengalaman komputasi sallowing canggih Sejak terakhir kali kami berbicara dengan Anda di konferensi I/ O Web telah memperoleh serangkaian fitur baru yang penting Kami ingin menyoroti beberapa fitur ini untuk Anda Satu sphere yang telah kami teliti adalah membiarkan pengguna Dapat dengan mudah diintegrasikan kembali ke dalam aplikasi web dengan mulus Beberapa tahun yang lalu, kita dapat dengan mudah menggunakan aplikasi entanglement sebagai ikon Tambahkan ke peluncur asli untuk perangkat seluler dan desktop Ini juga salah satu fitur stage favorit saya Kami ingin berbicara tentang bagaimana kami memperdalam Integrasi antara aplikasi entanglement dan sistem operasi yang mendasarinya Dengan fungsi pintasan aplikasi baru Aplikasi web dapat berjalan di sistem operasi yang mendukung fitur ini Menampilkan tindakan cepat, seperti Android Chrome OS, Windows, dan macOS Dengan Badging API Aplikasi web dapat memberikan pengingat halus kepada pengguna bahwa mereka memiliki kesempatan untuk menghias ikon aplikasi Libatkan kembali Segera, kami akan merilis Chrome Origin Eksperimen API baru lainnya, yaitu penangkapan tautan deklaratif Aktifkan aplikasi web yang diinstal untuk menjadi Secara otomatis dimulai saat pengguna mengklik tie-up yang sesuai Ini juga mencegah beberapa contoh aplikasi yang sama dibuka pada waktu yang sama Jangan sampai Anda memiliki 10 invoice yang semuanya merupakan aplikasi entanglement yang sama Kami juga baru-baru ini meningkatkan antarmuka pemasangan aplikasi network Chrome Di perangkat desktop, sekarang kami akan menampilkan ikon bilah alamat Dan berikan bantuan dalam produk untuk menjelaskan fitur ini kepada pengguna Di Android, kami membuat kotak dialog terlihat lebih kaya dan lebih acquainted bagi pengguna Ini juga memungkinkan pengembang untuk dengan mudah Gunakan gambar dan teks ubahsuaian untuk mengisi kotak dialog.Ini semua ditentukan dalam enter manifes aplikasi network. Ini adalah cara kami untuk meningkatkan integrasi Web dan sistem operasi Kami juga menambahkan integrasi sistem operasi lainnya Seperti API Penempatan Jendela Multi-Layar Ini memungkinkan aplikasi network menemukan semua tampilan yang terhubung Dan kontrol posisi jendela di layar ini Ini untuk aplikasi presentasi dan konferensi video berbasis entanglement saat ini Apakah fungsi yang sangat nyaman Sekarang, aplikasi web akhirnya dapat menggunakan sistem folder untuk mengakses API Membaca dan menulis sistem register lokal pengguna mengaktifkan Gravit Designer Dan aplikasi seperti PhotoBee dapat memberikan pengalaman pengguna yang lebih mulus Pertahankan status ke disk dan proses file yang ada Kami juga sedang mengembangkan API pemrosesan record baru Ini akan memungkinkan aplikasi web untuk mendaftar sebagai penangan untuk tipe record Memungkinkan pengguna untuk membuka register secara langsung di aplikasi web melalui browser register sistem operasi Kami berharap dapat merilis versi eksperimental API ini akhir tahun ini Sekarang mari kita bicara tentang periferal, seperti keyboard tujuan khusus Pengontrol game, piano digital, headphone, dll. Saat ini, Web telah dapat berkomunikasi dengan Bluetooth selama beberapa waktu pada perangkat MIDI Namun, sekarang ada beberapa API baru yang mendukung koleksi perangkat ini yang lebih luas Banyak dari mereka menggunakan protokol HID untuk komunikasi Web sekarang menyediakan API untuk ini di Web HID Pengontrol Joy-Con Nintendo adalah contoh perangkat yang mendukung protokol ini Untuk pengontrol gaya pegangan API Gamepad standar industri sekarang juga didukung oleh entanglement Ini memungkinkan aplikasi seperti Stadia untuk bermain tanpa kompromi di browser Anda juga dapat menggunakan pegangan untuk mengontrol gaya dinosaurus Chrome yang berbeda Web sekarang juga mendukung port serial menggunakan API Serial Web Ini sebenarnya membuka salah satu kasus penggunaan baru favorit saya, Piper Make Ini adalah writer berbasis blok yang memungkinkan Anda menulis Raspberry Pi Pico Anda hanya perlu mencolokkan perangkat ke komputer mana pun untuk membuka browser, lalu Anda dapat memulai Tidak perlu menginstal perangkat lunak atau membuang driver Semua ini karena Serial Web Sekarang dengan ini dan fitur network baru lainnya Anda dapat menggunakan browser untuk pengguna di mana saja Hadirkan integrasi yang dalam dan pengalaman yang mulus Saat Google Maps pertama kali dirilis 15 tahun lalu Sebagai aplikasi web yang sangat berpengaruh, ini memiliki tempat khusus di hati kami Peta terus berinovasi di Web Beberapa tahun yang lalu, mereka mengadopsi WebGL untuk mendukung grafik akselerasi perangkat keras Dan memberikan UI Maps yang lebih canggih dalam prosesnya Tahun lalu, tim Maps mengesahkan Maps JavaScript API Fungsi peta yang dipercepat WebGL yang sama diaktifkan di aplikasi entanglement Tahun ini, tim memiliki beberapa hal baru untuk dibagikan dengan Anda Silakan bergabung dengan saya untuk menyambut Travis McPhail Dia adalah supervisor teknik tim dan akan memberi kami pengantar mendetail Kami akan selalu terkejut bagaimana Anda menggunakan keahlian Anda Kreativitas dan pemahaman Google tentang dunia nyata Ciptakan semua jenis pengalaman luar biasa Untuk benar-benar menata ulang peta Dalam semangat ini Dalam pidato utama pengembang hari ini, kami mengumumkan versi Beta dari dua fitur baru Dapat memberi Anda pengalaman kontrol peta dasar yang belum pernah terjadi sebelumnya Miringkan dan putar dan WebGLOverlayView Dengan fungsi ini, Anda dapat mengoperasikan peta dalam ruang tiga dimensi untuk pertama kalinya Pada saat yang sama gunakan yang kami gunakan untuk membuat peta dasar Fungsi hebat yang terkait dengan konteks WebGL yang sama Ini adalah pertama kalinya dalam sejarah Anda tidak hanya dapat membangun di peta Anda juga bisa menggunakannya untuk membangun Mari kita lihat sekilas cara kerjanya Untuk menyederhanakan operasi, saya menggunakan three.js Perpustakaan grafik web populer menampilkan objek 3D di peta Saya telah menyiapkan aplikasi network dasar yang dapat dimuat ke Semenanjung Yucatn Meksiko Peta yang berpusat pada lokasi Saya menggunakan ID peta sehingga saya dapat menggunakan peta vektor Dan terapkan beberapa gaya kustom Hal pertama yang perlu saya lakukan adalah dengan memperluas google.maps.WebglOverlayView Untuk menjalankan WebGLOverlayView Fitur tambahan WebGL memperlihatkan sekumpulan pengait Dalam siklus hidup yang terkait dengan konteks making WebGL dari peta dasar Hari ini, kami akan membuat semuanya sesederhana mungkin Dan hanya fokus pada tiga di antaranya Yang pertama adalah onAdd () dipanggil ketika sebuah instance dari fitur tambahan dibuat Yang kedua adalah onContextRestored() Dipanggil ketika konteks rendering dikaitkan Yang ketiga adalah onDraw() Inilah yang sebenarnya ditampilkan oleh peta dan hal lie yang Anda tentukan Di onAdd (), saya akan mengatur semua yang dibutuhkan vistum Tanpa akses langsung Merender konteks Pertama, izinkan saya membuat adegan three.js baru Saya juga membuat kamera untuk mewakili port tampilan pemandangan Dalam contoh ini, ini adalah kamera perspektif Selanjutnya, pemandangan membutuhkan setidaknya satu sumber cahaya Sehingga setiap objek yang dirender di tempat kejadian dapat diterangi Dalam contoh ini, cahaya sekitar digunakan untuk menerangi semua objek secara merata dalam pemandangan kita Sekarang saya siap untuk menambahkan objek 3D saya menggunakan GLTFLoader Setelah objek dimuat, saya akan menskalakan dan memutarnya Lakukan dengan benar Lalu saya menambahkannya ke tempat kejadian Di onContextRestored() saya mengonfigurasi three.js WebGLRenderer Dan berikan konteks making peta dan informasi tentang viewport Setelah objek di-render, saya juga ingin menganimasikan kamera Untuk menyediakan pengguna dengan tampilan dinamis dari objek Saya memanggil moveCamera dalam fungsi setAnimationLoop dari penyaji Saya juga menambahkan sedikit kemiringan, orientasi, dan zoom di setiap bingkai Menghasilkan gerakan spiral ke bawah yang baik Oke, saatnya merender Kamera three.js membutuhkan matriks proyeksi agar tahu caranya Koordinat lintang dan bujur di dunia 3D peta Koordinat 2D ditampilkan ke layar Saya tidak tahu apa yang kalian pikirkan Saya juga tidak suka transformasi matriks Jadi untuk menghemat banyak operasi matematika, kami memberi Anda objek transformator Ini memiliki fungsi fromLatLngAltitude untuk membuat matriks ini untuk Anda Saya meneruskannya ke koordinat horizontal dan vertikal yang saya inginkan agar modelnya muncul Dan setel nilai kembali ke camera.projectionMatrix Yang tersisa hanyalah menghapus status GL dan memberi tahu WebGLOverlayView Saya ingin memanggil requestRedraw() Gambar ulang pada speciman WebGLOverlayView dan interpret adegan tersebut Akhirnya, saya membuat speciman kelas saya Dan setel contoh peta yang ingin saya terapkan Inilah hasil akhirnya Lumayan untuk beberapa menit pemrograman, kan Miringkan, putar, dan WebGLOverlayView Ini hanyalah cara terbaru kami untuk memenuhi janji kami Kami sudah memiliki lebih banyak rencana dan tidak sabar untuk melihat semua metode yang Anda buat Bayangkan kembali peta dan beri tahu kami apa yang akan terjadi selanjutnya Giliranmu, Dion Terima kasih, Travis Saat WebGL muncul beberapa tahun lalu Ini membawa tingkat kinerja grafis yang sama sekali baru ke web Kami saat ini bekerja sama dengan komunitas grafis dan entanglement di WebGPU Ini adalah API grafik generasi baru yang dirancang dari bawah ke atas Dapat membuka tingkat kinerja grafis yang sama sekali baru di Web Dapatkan inspirasi dari API position rendah seperti Vulcan, Metal, dan Direct 3D 12 WebGPU masih dalam tahap percobaan dan membawa harapan yang menggembirakan untuk masa depan Teknologi kinerja utama lainnya adalah Perakitan Web Ini memberikan standar untuk menyusun kode ke dalam format yang cepat dan efisien Format ini dapat dijalankan di browser melalui mesin JavaScript baru seperti V8 Kami baru-baru ini menerapkan dukungan untuk instruksi prosesor SIMD di V8 Kinerja Perakitan Web telah sangat ditingkatkan Ini membuat jenis aplikasi tertentu berjalan lebih cepat Google Meet memberikan contoh SIMD yang andal Sama seperti aplikasi konferensi video lainnya, Meet harus sangat berhati-hati Anggaran kinerjanya Antara memproses video untuk meningkatkan kualitas video dan mempertahankan aliran latensi rendah yang mulus Ada ketegangan yang konstan Uji sumber percobaan SIMD menggunakan V8 Temui tim di browser mereka Peningkatan kinerja 200% pada pipeline pemrosesan media Dan ini juga memberi mereka anggaran Sehingga mereka dapat menyediakan sebagian besar pengguna Fungsi background blur didukung oleh TensorFlow Kami berencana merilis SIMD untuk semua pengguna Chrome dalam beberapa bulan mendatang Sekarang, Perakitan Web juga sering digunakan untuk membawa basis kode non-JavaScript ke Web Dan buka kuncinya sebagai kasus penggunaan baru Misalnya, pengembang di belakang mesin sinkronisasi offline-first Replicache Mampu mengkompilasi kode Rust ke Web Assembly Izinkan pengembang web untuk menggabungkannya dengan mulus ke dalam aplikasi network Untuk menyederhanakan migrasi kode V8 menambahkan dukungan utas ke Perakitan Web pada awal 2019 Tetapi itu hanya berfungsi pada sistem operasi desktop Hari ini kami dengan senang hati memberi tahu Anda semua dari Chrome 88 yang dirilis pada bulan Januari tahun ini Chrome untuk Android mendapatkan utas Perakitan Web Kami juga telah meningkatkan pengalaman debugging Rakitan Web V8 Dukungan untuk breakpoint dan pemeriksaan variabel di Chrome DevTools Kami sangat menantikan untuk melihat hasil yang telah dibuat semua orang menggunakan pustaka runtime universal Ini dapat berjalan bebas dari kesalahan pada klien atau server dan sangat cepat Ini adalah Web Assembly Tim V8 juga telah bekerja keras Dapatkan lebih banyak kinerja JavaScript dari mesinnya Oleh karena itu, selain menafsirkan JavaScript, V8 juga mengkompilasi kode secara dinamis Untuk eksekusi yang lebih efisien Tim telah menerapkan kompiler baru yang disebut Sparkplug Tentu saja, terkadang cara terbaik untuk meningkatkan kinerja eksekusi kode Tidak menjalankan kode apa pun Dengan semangat ini, kami merilis fitur Chrome baru untuk beberapa pengguna awal tahun ini Pelambatan pengatur waktu yang intensif Saat tab browser berjalan di latar belakang selama lebih dari lima menit Selama invoice ini tidak memutar audio atau video apa pun, Chrome akan melambat Seberapa sering itu menjalankan kode JavaScript berbasis timer pada label itu Kami juga memberikan dukungan untuk properti CSS baru yang disebut visibilitas konten Terapkan konsep ini ke CSS Saat Anda menyetel atribut ini ke otomatis pada elemen Jika konten pohon elemen saat ini tidak terlihat di tampilan pengguna Kemudian Anda akan mengizinkan browser untuk melewati proses interpreting konten dari pohon elemen Ini dapat sangat meningkatkan kecepatan situs intensif konten Sekarang, banyak inovasi telah muncul di platform Web Secara signifikan meningkatkan kinerja runtime aplikasi network Anda Selain memperluas fungsionalitas dan kinerja Web Platform ini juga berkembang untuk memberikan pengalaman instan dan mulus kepada pengguna Di Chrome 87 dirilis pada November tahun lalu Kami telah menambahkan apa yang disebut cache mundur/ maju ke versi Android Chrome, yang disebut sebagai BFCache BFCache akan menyimpan beberapa halaman dalam memori setelah Anda meninggalkannya Oleh karena itu, jika pengguna mengklik mundur atau maju, halaman akan segera ditampilkan Ternyata seperlima navigasi di perangkat seluler dilakukan dengan cara ini Maju atau mundur melalui tumpukan sejarah Jadi fitur ini berdampak besar Meskipun BFCache Chrome saat ini dapat dijalankan di Android Tetapi itu memiliki beberapa batasan dan kami berencana untuk mengembangkannya Stage desktop Chrome Cara dwell kami memperluas pengalaman instan adalah Tinjau kembali konsep halaman yang telah dirender sebelumnya Pra-rendering berarti sebelum pengguna mengklik tie-up Muat semua sumber daya entanglement dan bahkan render teknologi DOM Sehingga halaman tersebut dapat langsung ditampilkan Sulit untuk dilakukan Karena pramuat halaman ini juga akan memiliki efek samping Jika halaman melakukan sesuatu seperti logout atau memutar audio Kemudian itu juga akan mulai bermain dengan cara yang misterius Selain itu, jika operasi lintas situs dilakukan, beberapa informasi pengguna mungkin bocor. Namun jika pre-rendering dilakukan dengan baik Ini akan memberi pengguna pengalaman klik instan yang hebat ini Oleh karena itu, kami sedang meneliti metode baru Untuk mencapai pra-rendering yang aman dan pribadi Salah satu metode melibatkan API pra-rendering baru, yang akan memungkinkan pengembang untuk Bereksperimenlah dengan pramuat di situs yang sama akhir tahun ini Transisi adalah aspek penting lainnya dari pengalaman pengguna Pastikan saat pengguna menjelajahi entanglement dan langsung menuju ke tujuan mereka Mampu mentransformasikan relevansi kontekstualnya Februari lalu, Chrome 80 menambahkan fitur yang menarik, sederhana, dan berpengaruh Gulir teks Dengan menambahkan jenis ekspresi baru di akhir URL Browser dapat memposisikan viewport ke elemen teks tertentu Dan sorot entah bagaimana Kami akan segera merilis versi API yang dapat menggulir dan menampilkan gambar Kami juga mempelajari jenis elemen lainnya Dengan API konversi dokumen baru Hadir di Chrome sebagai eksperimen Kami juga membangun dukungan untuk banyak transisi grafis antar elemen Saat memungkinkan pengguna untuk berpindah di antara status aplikasi network Rasakan pengalaman yang mulus Kami juga berupaya membuat keamanan web lebih mulus Salah satu fitur yang sangat saya minati adalah Sandi satu kali lintas perangkat untuk network Kata sandi satu kali adalah kode digital yang dikirimkan kepada Anda oleh beberapa situs untuk memungkinkan Anda masuk Fitur ini memungkinkan Anda untuk menerima kata sandi sekali pakai di ponsel Android Anda Dan kemudian secara otomatis mentransfernya ke perangkat lie Misalnya, di browser Chrome yang dijalankan di laptop Semua fitur web baru ini menarik Namun seiring laju pengembangan web yang semakin cepat Saat kami, sebagai pengembang web, melacak semuanya Kompleksitas yang dihadapi semakin meningkat Kami bekerja keras untuk memudahkan pengembang menggunakan Web Dan berkolaborasi dengan ekosistem yang lebih luas Untuk memahami dan menyelesaikan poin nyeri utama dari pulpit Untuk saran terbaru kami tentang pengembangan network, silakan kunjungi web.dev Situs ini mencakup tutorial terperinci dan berita terbaru tentang topik utama Ini juga menyediakan akses ke alat review situs web Lighthouse kami Sekarang, dengan Lighthouse, Anda dapat melihat performa, aksesibilitas, SEO, dan aspek lainnya Dapatkan laporan lengkap tentang cara meningkatkan situs network Kami terus memperbarui panduan Lighthouse untuk melakukan yang terbaik untuk memberi Anda wawasan terbaik Kami menemukan tiga indikator kinerja untuk Lighthouse Dampak pada pengalaman pengguna sangat signifikan Kami menyebutnya Core Web Vitals Secara umum, mereka mengukur seberapa cepat situs menampilkan konten utama Seberapa responsif situs entanglement terhadap interaksi pertama Dan tingkat penyesuaian tata letak situs Setiap situs di Web akan Core Web Vitals Digunakan sebagai Bintang Utara untuk meningkatkan kinerja dan akan melaporkan hasil yang menggembirakan Misalnya, penerbit Italia GEDI Menemukan bahwa rasio pentalan halaman artikel selulernya meningkat 8% Placeholder merek Untuk menyisihkan ruang untuk iklan di slot iklan di halaman Untuk meningkatkan stabilitas tata letak dan kemudian lulus Tunda pemuatan beberapa kode JavaScript sebelum halaman terlihat Peningkatan kecepatan memuat halaman persepsi Konten entanglement dan pulpit bisnis juga berinvestasi di Core Web Vitals Untuk meningkatkan kinerja semua situs yang dihosting Misalnya, Shopify dan Wix telah menerapkan dasbor di konsol manajemen mereka Tempatkan kinerja di bagian atas dan tengah pemilik situs Komunitas WordPress juga telah merilis beberapa fitur tambahan yang berorientasi pada kinerja Seperti pemuatan gambar dan iframe yang lambat Kami juga memperbarui Site Kit, plugin WordPress resmi Google Ini mendukung pengukuran Core Web Vitals Ini juga memberi pengembang saran khusus untuk perbaikan Google Search juga mengumumkan bahwa Core Web Vitals akan segera menjadi Salah satu penentu peringkat halaman entanglement di hasil penelusuran Kami pikir ini sangat menarik Karena itu membawa lebih banyak manfaat bagi pengembang Core Web Vitals Investasi ini tidak hanya akan memberikan pengalaman yang lebih baik bagi pengguna Anda Juga akan membantu mereka menemukan situs Anda dengan cara ini Kami menghabiskan banyak waktu mendengarkan pendapat pengembang Termasuk melalui pertemuan skala kecil dan survei pengembang skala besar Salah satu tema yang sering kita dengar adalah Pentingnya kompatibilitas lintas browser bagi pengembang Oleh karena itu, tahun ini kami baru saja mengumumkan partisipasi kami Rencana lintas industri yang disebut Compat2 021 Rencananya adalah untuk memperbaiki Lima poin masalah kompatibilitas browser utama Yang mengejutkan, semua ini terkait dengan CSS Berbicara tentang CSS, kami telah melihat kebangkitan yang menarik di field ini Kami bahkan memiliki taman Zen modern kami sendiri CSS Flexbox dan Grid telah diadopsi oleh pengembang sebagai perbaikan utama dalam membuat tata letak halaman Dan pelajaran yang didapat dari kerangka kerja CSS selama bertahun-tahun( seperti Sass) Juga telah diintegrasikan ke dalam programme, seperti bersarang Selain kueri penampung Saya rasa ini adalah fitur CSS yang sallowing Anda butuhkan Anda akan dapat membuat lembar gaya yang lebih modular dan dapat digunakan kembali Caranya adalah dengan mengaktifkan aturan yang bertindak secara alami dalam konteks lokal Bukan aturan global Saat ini, salah satu fitur Chrome yang paling populer adalah rangkaian alat pengembang yang ada di dalamnya Ini memberi Anda toolkit yang sangat kuat Dapat digunakan sebagai alat bantu untuk pengembangan network Anda Dalam setahun terakhir kami telah meningkatkan DevTools dengan serangkaian peningkatan baru Termasuk peningkatan peringatan pemilih warna baru dan permintaan lint eksekusi PWA Fitur tambahan dari proses debug Core Web Vitals Dedicated CSS Flexbox Visualisasi enclose yang hilang, dukungan untuk CSS dan JavaScript, dll. DevTools juga merupakan platform karena mendukung ekstensi Contoh ekstensi baru adalah ekstensi Chrome Angular DevTools Ini menyediakan aplikasi Angular Debugging unik dan dukungan analisis kinerja Lihat konferensi Chrome DevTools kami untuk mempelajari lebih lanjut tentang semua ini Dan pelajari lebih lanjut tentang fitur DevTools baru Web berkembang secara mendasar, sehingga tidak akan hilang Ini menjadi pribadi secara default melalui API baru yang melindungi privasi pengguna Pada saat yang sama, itu akan terus mendapatkan fitur-fitur baru yang canggih Perluas kemungkinan di scaffold Untuk memberikan pengalaman pengguna yang lebih baik Terakhir, seiring berkembangnya Web, kami akan berkomitmen untuk bekerja sama dengan Anda dalam ekosistem Untuk memastikan Anda memiliki semua alat dan panduan yang Anda butuhkan untuk berhasil Anda dapat melihat banyak konferensi lainnya di I/ O tahun ini Kami menyoroti banyak dari pertemuan ini khususnya hari ini Jadi untuk studi mendalam tentang banyak perbaikan di seluruh platform Web Terima kasih semua telah meluangkan waktu untuk menonton.Kami berharap dapat melihat Anda semua menggunakan kemampuan evolusi terkini dari Web Hasil dibangun Jika Anda menonton pembicaraan ini selama minggu I/ O, silakan hubungi kami di Adventure Terima kasih semua.

Add a Comment

Your email address will not be published. Required fields are marked *