Signed HTTP Exchanges diluncurkan untuk situs desktop

Sid Lall
Sid Lall
Devin Mullins
Devin Mullins

Signed Exchange (SXG) adalah mekanisme pengiriman yang dapat membantu mempercepat situs Anda dan meningkatkan Largest Contentful Paint (LCP) dengan mengaktifkan pengambilan data lintas origin yang menjaga privasi. Di I/O 2022, kelompok kerja SXG di Google melihat pratinjau rencana untuk menambahkan fitur SXG baru dan mendukung navigasi situs di platform tambahan. Hari ini, kami mengumumkan rangkaian pertama fitur ini, dan lebih banyak lagi yang akan menyusul dalam beberapa bulan ke depan:

  • Dukungan untuk navigasi situs desktop
  • Dukungan Google Penelusuran untuk SXG dari Berita Utama dan Berita
  • Dukungan untuk personalisasi sisi server

Baca terus untuk mempelajari lebih lanjut tentang fitur ini dan cara memanfaatkannya untuk meningkatkan pengalaman pengguna di situs Anda.

Dukungan untuk navigasi desktop

Dengan rilis ini, Signed HTTP Exchange kini akan tersedia untuk navigasi lintas origin desktop di browser Chromium. Hal ini dibuat berdasarkan dukungan yang ada untuk perangkat seluler Android dan berarti bahwa kini Anda dapat menggunakan SXG untuk meng-cache dan mengambil data versi desktop situs Anda.

Kami memperkirakan1 bahwa rilis ini, rata-rata, akan menggandakan cakupan SXG kunjungan situs Anda, sehingga memungkinkan peningkatan pemuatan dan performa bagi lebih banyak pengguna. Saat ini di perangkat seluler, rata-rata peningkatan kecepatan ini adalah antara 300 hingga 400 milidetik pengurangan LCP untuk navigasi dari Google Penelusuran.

Cara memanfaatkan fitur ini

Anda tidak perlu melakukan tindakan tambahan apa pun untuk mengaktifkan Signed HTTP Exchange untuk versi desktop situs Anda. Fitur ini sudah didukung di alat Pertukaran Bertanda Tangan Otomatis dan toolkit SXG open source yang mudah digunakan dari Cloudflare.

Pengguna SXG Seluler Lama: SXG akan otomatis mulai diterapkan ke navigasi desktop Anda.
Pengguna Baru: Jika diaktifkan, SXG akan tersedia untuk navigasi desktop dan Seluler Android, secara default. Kunjungi postingan blog SXG untuk mempelajari cara mengaktifkannya untuk situs Anda.

Anda dapat memilih untuk tidak mengikuti proses ini jika ingin menggunakan tag meta media yang didukung. Pelajari lebih lanjut di sini.

Pelajari dampak Signed HTTP Exchange lebih lanjut

Beberapa brand dan situs global telah mendapatkan manfaat dari Signed HTTP Exchange. Mari kita lihat beberapa studi kasus untuk pengguna SXG saat ini di perangkat seluler Android:

Cloudflare, Jaringan Distribusi Konten (CDN) terkemuka, menjalankan eksperimen untuk mengukur dampak Signed HTTP Exchange bagi pelanggannya pada 500 situs yang mereka uji:

  • 85% mengalami peningkatan LCP.
  • 98% yang diamati mengurangi Time to First Byte (TTFB).
  • Peningkatan 20% median di seluruh metrik ini.

RebelMouse, Sistem Pengelolaan Konten (CMS) terkemuka, mencatat peningkatan dalam metrik bisnis dan performa untuk pelanggan mereka, termasuk:

  • Peningkatan LCP sebesar 41% untuk Narcity.
  • 27% peningkatan sesi per pengguna untuk Paper Magazine.
  • Penurunan waktu pemuatan sebesar 21% untuk blog MTL.

Dukungan Google Penelusuran untuk Berita Utama dan Berita

Google Penelusuran adalah pengguna awal pengambilan data lintas origin yang menjaga privasi dari Signed HTTP Exchanges, yang hingga saat ini telah tersedia untuk navigasi situs dari Hasil Halaman Web Penelusuran. Mulai Juli 2022, Penelusuran memperluas dukungan ini untuk juga menyertakan navigasi dari Berita Utama dan Berita. Perhatikan bahwa meskipun SXG tidak memengaruhi kriteria pemilihan atau peringkat di Google Penelusuran, SXG memiliki kemampuan untuk meningkatkan Data Web Inti situs Anda, khususnya LCP.

Fitur ini tidak memerlukan tindakan tambahan dari Anda untuk mengaktifkannya dan akan tersedia secara otomatis untuk pengguna lama dan baru.

Screenshot widget Berita dan Berita Utama Google Penelusuran untuk istilah penelusuran 'berita game'.

Dukungan untuk personalisasi sisi server

Signed HTTP Exchange menggunakan cache untuk mengambil data dan menayangkan konten yang telah ditandatangani secara kriptografis oleh origin. Konten yang disimpan dalam cache dapat dikirim ke beberapa pengguna yang berbeda atau kepada pengguna yang sama beberapa kali. Sebelumnya, hal ini berarti SXG belum kompatibel dengan situs yang menggunakan personalisasi sisi server—yaitu, HTML yang berbeda untuk pengguna yang login.

Hari ini, kami menambahkan Dynamic SXG—fitur baru yang memungkinkan Anda mengaktifkan SXG secara selektif untuk kunjungan dari pengguna tanpa cookie hanya di Chromium. Navigasi login, dengan personalisasi sisi server, akan terus menayangkan versi non-SXG situs Anda.

Hal ini sangat berpengaruh bagi situs yang secara dinamis menghitung halaman web unik untuk setiap pengguna yang login, sehingga sering kali cenderung memiliki TTFB dan LCP yang lebih tinggi yang berasal dari pencarian database. SXG Dinamis memberi Anda opsi dan fleksibilitas untuk memanfaatkan SXG guna mempercepat kunjungan ke situs Anda bagi pengguna tertentu tanpa memengaruhi kemampuan Anda untuk memberikan pengalaman yang dipersonalisasi kepada orang lain.

Cara mengaktifkan fitur ini

Untuk mengaktifkan SXG Dinamis, Anda harus menambahkan anotasi Vary: Cookie ke header HTTP halaman yang berisi personalisasi sisi server. Berikut beberapa contoh cara melakukannya, berdasarkan server Anda:

  • Apache: Header add Vary Cookie
  • nginx: add_header Vary Cookie
  • Ekspres: res.append('Vary', 'Cookie')

Perhatikan bahwa Signed HTTP Exchange tetap kompatibel dengan personalisasi sisi klien apa pun yang Anda gunakan untuk memuat elemen seperti widget login, keranjang belanja, atau feed berita yang dipersonalisasi.

Langkah selanjutnya

Grup kerja SXG di Google terus berinvestasi dalam menambahkan fitur, kemampuan, dan platform baru ke Signed HTTP Exchange, berdasarkan minat dan masukan komunitas. Kami memiliki beberapa fitur mendatang yang menarik dan telah direncanakan dalam beberapa bulan ke depan. Pantau terus blog Developer Chrome untuk mempelajari lebih lanjut.

Catatan kaki

[1]: Ini adalah perkiraan berdasarkan data historis untuk kunjungan Signed HTTP Exchange di browser Chromium di perangkat seluler. Jumlah sebenarnya kemungkinan akan berbeda menurut situs.