Berita Platform Mingguan: Atribut Memuat HTML, Spesifikasi ARIA Utama, dan Bergerak Dari IFRAME ke Shadow Dom

Platform News Roundup minggu ini: Chrome memperkenalkan atribut pemuatan baru yang menyediakan spesifikasi aksesibiliti untuk pemaju web, dan penghijrahan visualisasi BBC ke Shadow Dom.

Chrome melancarkan atribut memuatkan

Chrome kini menyokong sifat pemuatan HTML untuk imej pemuatan malas dan iframes. Anda boleh menambah loading="lazy" ke<mark>延迟加载图像</mark>dan iframe (terletak di bawah viewport) dan mereka tidak akan dimuatkan sehingga skrol pengguna berdekatan.

Google mengesyorkan merawat ciri ini sebagai peningkatan progresif, atau menggunakannya di atas penyelesaian pemuatan malas berasaskan JavaScript yang sedia ada.

Ciri ini belum ditambah kepada piawaian HTML (tetapi terdapat permintaan tarik terbuka), dan halaman status Chrome menyenaraikan pelbagai pautan ke Google Docs. (Dari web.dev)

Gambaran keseluruhan spesifikasi ARIA

Spesifikasi kebolehcapaian utama untuk pemaju web:

Berkaitan: "Bersekutu dengan Panduan Amalan Pengarang Aria" oleh Simon Pieters dan Valerie Young

Shadow Dom di laman web BBC

BBC telah melaksanakan visualisasi interaktif tertanam di laman webnya dari<iframe></iframe> Berhijrah ke Shadow Dom. Ini mengakibatkan peningkatan yang signifikan dalam prestasi pemuatan ("lebih daripada 25% lebih cepat").

Shadow Dom Polyfills yang ada tidak boleh mencegah gaya dari bocor di seluruh sempadan Dom Shadow, jadi mereka memutuskan untuk kembali kepada penyemak imbas yang tidak menyokong Shadow Dom.<iframe></iframe> .

Shadow Dom [...] boleh melayani kandungan dengan cara yang sama dengan iframe, dari segi enkapsulasi, tetapi tanpa overhead negatif [...] kami ingin merangkum elemen yang kandungannya akan dipaparkan dengan lancar sebagai sebahagian daripada halaman. Shadow Dom menyediakan ini untuk kami tanpa elemen tersuai.

Kelemahan utama pendekatan baru ini adalah bahawa pertanyaan media CSS tidak lagi boleh digunakan untuk menggunakan gaya secara kondusif berdasarkan lebar kandungan (kerana kandungannya tidak lagi dimuatkan ke dalam dokumen tertanam yang berasingan).

Apabila menggunakan iframe, pertanyaan media menyediakan lebar kandungan kami; Apabila menggunakan Shadow Dom, pertanyaan media menyediakan peranti itu sendiri lebar. Ini adalah satu cabaran besar bagi kami. Kami tidak mempunyai cara untuk mengetahui saiz kandungan apabila disediakan.

(Dari Toby Cox)

Berita lain ...

• Versi seterusnya Chrome akan memperkenalkan metrik prestasi cat terbesar ; Metrik baru ini lebih tepat menggantikan lukisan pertama yang bermakna, yang mengukur apabila elemen terbesar dalam pandangannya diberikan (biasanya imej atau perenggan teks terbesar) (dari Phil Walton)
• Microsoft telah mencipta prototaip alat baru untuk melihat Web Dom dalam 3D; Alat ini kini boleh didapati secara eksperimen di Edge Preview (dari Edge Devtools)
• Perlindungan Penjejakan diaktifkan secara lalai dalam Pratonton Edge; Ia ditetapkan untuk mengimbangi mod secara lalai, yang "menghalang pelacak berniat jahat dan beberapa pelacak pihak ketiga" (dari Techdows)

Baca lebih lanjut berita dalam edisi Ahad Minggu baru saya. Lawati WebPlatform.news untuk maklumat lanjut.

Atas ialah kandungan terperinci Berita Platform Mingguan: Atribut Memuat HTML, Spesifikasi ARIA Utama, dan Bergerak Dari IFRAME ke Shadow Dom. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!