İmzalı Takaslar masaüstü siteleri için kullanıma sunuldu

Sid Lall
Sid Lall
Devin Mullins
Devin Mullins

İmzalı Takaslar (SXG), gizliliği koruyan kaynak dışı önceden getirmeyi etkinleştirerek sitenizi hızlandırmanıza ve Largest Contentful Paint (LCP)'i iyileştirmenize yardımcı olabilecek bir yayınlama mekanizmasıdır. Google'daki SXG çalışma grubu, I/O 2022'de yeni SXG özellikleri ekleme ve ek platformlarda site gezinmelerini destekleme planlarını önizledi. Bugün, bu özelliklerden ilkini kullanıma sunuyoruz. Önümüzdeki aylarda daha fazla özellik kullanıma sunulacak:

  • Masaüstü site gezinmeleri için destek
  • En Çok Okunan Haberler ve Haberler'deki SXG için Google Arama desteği
  • Sunucu tarafı kişiselleştirme desteği

Bu özellikler ve sitenizdeki kullanıcı deneyimini iyileştirmek için bu özelliklerden nasıl yararlanabileceğiniz hakkında daha fazla bilgi edinmek için okumaya devam edin.

Masaüstü gezinme menüleri için destek

Bu sürümle birlikte, imzalanan değişimler artık Chromium tarayıcılarında masaüstünde kaynaktan kaynakta gezinme için kullanılabilir. Bu özellik, Android mobil için mevcut desteği temel alır ve artık sitenizin masaüstü sürümünü de önbelleğe almak ve önceden getirmek için SXG'yi kullanabileceğiniz anlamına gelir.

Bu sürümün, SXG'nin sitenizin ziyaretlerini kapsayıcılığını ortalama olarak ikiye katlamasını ve daha fazla kullanıcı için daha iyi yükleme ve performans sunmasını bekleriz1. Günümüzde mobil cihazlarda bu hız iyileştirmesi, Google Arama'dan yapılan gezinmelerde ortalama 300 ila 400 ms LCP azaltımı sağlıyor.

Bu özellikten nasıl yararlanabilirsiniz?

Sitenizin masaüstü sürümü için imzalanan exchange'leri etkinleştirmek için herhangi bir ek işlem yapmanız gerekmez. Bu özellik hem Cloudflare'ın kullanımı kolay otomatik imzalanan exchange aracında hem de açık kaynak SXG araç setinde desteklenmektedir.

Mevcut SXG Mobil Kullanıcıları: SXG, masaüstü navigasyonlarınıza otomatik olarak uygulanmaya başlar.
Yeni Kullanıcılar: Etkinleştirildiğinde SXG, varsayılan olarak hem masaüstü hem de Android mobil gezinmelerde kullanılabilir. SXG'yi sitenizde nasıl etkinleştireceğinizi öğrenmek için SXG blog yayınını ziyaret edin.

İsterseniz desteklenen medya meta etiketini kullanarak bu özelliği devre dışı bırakabilirsiniz. Buradan daha fazla bilgi edinebilirsiniz.

İmzalı Exchange'lerin etkisi hakkında daha fazla bilgi

Birkaç global marka ve site, imzalanan exchange'lerden yararlanmaya başladı. Android mobil cihazlarda SXG'yi kullanan mevcut kullanıcılara ait birkaç örnek olaya göz atalım:

Lider bir içerik dağıtım ağı (CDN) olan Cloudflare, test ettikleri 500 sitenin müşterileri için imzalanan exchange'lerin etkisini ölçmek amacıyla bir deneme yaptı:

  • %85'i LCP'de iyileşme gördü.
  • %98'i, ilk bayta geçiş süresinin (TTFB) azaldığına dikkat çekti.
  • Ortalama bu metriklerde% 20 artış.

Tanınmış bir İçerik Yönetim Sistemi (İYS) olan RebelMouse, müşterilerinin işletme ve performans metriklerinde aşağıdakiler dahil olmak üzere bir iyileşme kaydetti:

  • Narcity için LCP'de% 41 oranında iyileşme.
  • Paper Magazine için kullanıcı başına oturum sayısında% 27 artış
  • MTL blogu için yükleme süresinde% 21 düşüş.

En Çok Okunan Haberler ve Haberler için Google Arama desteği

Google Arama, imzalanan exchange'lerin gizliliği koruyan kaynaktan bağımsız önceden getirme özelliğini erken benimseyen bir platformdur. Bu özellik, bugüne kadar Arama'nın web sayfası sonuçlarındaki site gezinmelerinde kullanılabiliyordu. Temmuz 2022'den itibaren Arama, bu desteği En Çok Okunan Haberler ve Haberler'deki gezinmeleri de içerecek şekilde genişletiyor. SXG, Google Arama'daki sıralamayı veya seçim ölçütlerini etkilemese de sitenizin Core Web Vitals metriklerini (özellikle LCP) iyileştirme özelliğine sahiptir.

Bu özelliği etkinleştirmek için herhangi bir işlem yapmanız gerekmez. Özellik, hem mevcut hem de yeni kullanıcılar için otomatik olarak kullanılabilir.

"Oyun haberleri" arama terimi için Google Arama'nın En Çok Okunan Haberler ve Haberler widget'ının ekran görüntüsü.

Sunucu tarafı kişiselleştirme desteği

İmzalı Takaslar, kaynak tarafından şifrelemeyle imzalanmış içeriği önceden getirmek ve yayınlamak için bir önbelleği kullanır. Önbelleğe alınan içerikler birden fazla farklı kullanıcıya veya aynı kullanıcıya birden çok kez gönderilebilir. Geçmişte bu, SXG'nin sunucu tarafı kişiselleştirme kullanan sitelerle (yani, oturum açmış kullanıcılar için farklı HTML) uyumlu olmadığı anlamına geliyordu.

Bugün, yalnızca Chromium'da çerezsiz kullanıcıların ziyaretleri için SXG'yi seçerek etkinleştirmenize olanak tanıyan yeni bir özellik olan Dinamik SXG'yi kullanıma sunuyoruz. Oturum açmış kullanıcıların gezinme işlemleri, sunucu tarafı kişiselleştirmeyle sitenizin SXG olmayan sürümlerini sunmaya devam edecektir.

Bu durum özellikle, giriş yapan her kullanıcı için dinamik olarak benzersiz bir web sayfası hesaplayan ve bu nedenle genellikle veritabanı aramalarından kaynaklanan daha yüksek TTFB ve LCP değerlerine sahip olan siteler için etkilidir. Dinamik SXG, diğer kullanıcılara kişiselleştirilmiş bir deneyim sunma olanağınızı etkilemeden belirli kullanıcılar için sitenize yapılan ziyaretleri hızlandırmak amacıyla SXG'den yararlanma seçeneği ve esnekliği sunar.

Bu özelliği etkinleştirme

Dinamik SXG'yi etkinleştirmek için sunucu tarafı kişiselleştirme içeren sayfaların HTTP üst bilgisine bir Vary: Cookie ek açıklama eklemeniz gerekir. Sunucunuza bağlı olarak bunu nasıl yapacağınıza dair bazı örnekleri aşağıda bulabilirsiniz:

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

İmzalı Exchange'lerin, giriş widget'ı, alışveriş sepeti veya kişiselleştirilmiş haber feed'i gibi öğeleri yüklemek için kullandığınız istemci tarafı kişiselleştirmeyle uyumlu olmaya devam ettiğini unutmayın.

Sırada ne var?

Google'daki SXG çalışma grubu, topluluğun ilgi alanlarına ve geri bildirimlerine göre imzalanan exchange'lere yeni özellikler, özellikler ve platformlar eklemek için yatırım yapmaya devam ediyor. Önümüzdeki birkaç ay içinde kullanıma sunmayı planladığımız heyecan verici özellikler var. Daha fazla bilgi için Chrome Developers blogunu takip edin.

Dipnotlar

[1]: Bu, mobil cihazlardaki Chromium tarayıcılarda imzalanan Exchange ziyaretlerine ilişkin geçmiş verilere dayalı bir tahmindir. Gerçek sayılar siteye göre değişiklik gösterebilir.