Siteler arası ön yüklemeyle Largest Contentful Paint'i (LCP) hızlandırma
Android için Chrome 103'ten itibaren Chrome, Google Arama ve diğer katılımcı web sitelerinden yapılan giden gezinmeleri ortalama% 30 oranında hızlandırmak için gizli ön getirme proxy'si özelliğini kademeli olarak kullanıma sunacaktır. Bu gizli ön getirme proxy'si özelliği, kullanıcı gezinene kadar kullanıcı bilgilerini hedef web sitesine göstermeden kaynaktan bağımsız içeriğin önceden getirilmesine olanak tanır.
Bu özelliğin işleyiş şekli, sitelerinizin Largest Contentful Paint (LCP) performansını önemli ölçüde iyileştirmeye nasıl yardımcı olabileceği veya yönlendiren web sitelerinin, siteler arası gezinmeleri hızlandırarak kullanıcılarına hedeflerine ulaşmalarına nasıl yardımcı olabileceği hakkında bilgi edinmek için okumaya devam edin.
Özel Önceden Getirme Proxy'sinin işleyiş şekli
Güvenli iletişim kanalı
Bu özellik, Chrome ile önceden getirilecek içeriği barındıran sunucu arasında güvenli bir iletişim kanalı oluşturmak için CONNECT proxy'sini kullanır. Bu güvenli iletişim kanalı, proxy'nin veri aktarımını denetlemesini engeller. Gizli ön getirme proxy'sinin, güvenli bir iletişim kanalı oluşturmak için ana makine adını görmesi zorunlu olsa da URL'lerin tamamını veya kaynakların kendisini görmediği unutulmamalıdır.
CONNECT proxy aracılığıyla web sitelerini önceden getirme, kullanıcı bilgilerinin sızmasını önler.Ayrıca, güvenli iletişim kanalı uçtan uca şifrelendiği için aracılar, ana makine adlarını veya önceden getirilen sitelerin içeriğini gözlemleyemez. Son olarak, proxy doğası gereği hedef sunucunun kullanıcının IP adresini görmesini engeller.
Kullanıcı kimliğinin belirlenmesini engelleme
Daha önce ayrıntılı olarak açıklanan ağ özelliklerinin yanı sıra, sunucuların ön getirme sırasında kullanıcıyı cihazında daha önce depolanan bilgiler aracılığıyla tanımlamasını da önlemeliyiz. Bu nedenle Chrome, Gizli Ön Getirme Proxy'sinin kullanımını şu anda kullanıcının çerez veya başka bir yerel durumunun olmadığı web siteleriyle kısıtlıyor. Özel Ön Aktarma Proxy'si aracılığıyla yapılan ön aktarım istekleriyle ilgili kısıtlamalar aşağıda verilmiştir:
- Çerezler: Ön getirme isteklerinin çerez taşımasına izin verilmez.
- Bir kaynak için çerez varsa Chrome, kimlik bilgisi olmadan getirme işlemi yapar ancak yanıtı kullanmaz (daha sonra Önbelleğe alma bölümüne bakın).
- Önceden getirme isteğine verilen yanıtlar çerez içerebilecek olsa da, bu çerezler yalnızca kullanıcı önceden getirilen sayfaya gittiğinde kaydedilir.
- Parmak izi: Parmak izi almak için kullanılabilecek diğer yüzeyler de ayarlanır. Örneğin, önceden getirme proxy'si tarafından gönderilen
User-Agentüstbilgisi yalnızca sınırlı bilgi taşır.
Gelecekte, aynı gizlilik özelliklerini korurken Özel Ön Alma Proxy'yi çerez veya yerel durum içeren bağlantılara genişletmeyi umuyoruz. Daha ayrıntılı bilgi için Sırada ne var? bölümüne bakın.
Önbelleğe alma
Chrome, önbellekte olsalar bile kaynakları önceden alır ancak ETag veya If-Modified-Since gibi koşullu üstbilgileri taşımaz (bunlar, çerez olmadan bile izleme için kullanılabilecek sunucu tarafından ayarlanan değerler içerir). Bu önceden getirme işlemi, istemcinin önbellek durumunun önceden getirilen web sitesine sızdırılmasını önlemek için yapılır. Buna ek olarak, Chrome yalnızca kullanıcı önceden getirilen web sitesine gitmeye karar verirse önbelleğe alınmış bir kaynağı önbelleğe kaydeder.
Özel ön getirme proxy'sini kullanmaya başlama
Web sitesi sahipleri için
Kullanıcının çerez veya yerel durumu olmadığı bağlantılarda özel önceden getirme proxy'sinden yararlanmaya başlamak için web sitesi sahiplerinin herhangi bir işlem yapması gerekmez. Denemelerimize göre bu, çoğu web sitesi için önemli bir fırsattır. Ayrıca, ilk kez gelen ziyaretçileri veya seyrek gelen ziyaretçileri çok hızlı bir yükleme deneyimiyle etkilemek her zaman iyi bir fikirdir. Geçmiş denemelerde, önceden getirilen gezinmelerde Largest Contentful Paint'in% 20 ila% 30 daha hızlı olduğunu gördük.
Gelecekte, gizlilik özelliklerini koruyarak bu özelliği çerez veya yerel durum içeren bağlantılara da sunmayı umuyoruz. Çerezlerle ilgili sorun, kullanıcı deneyimini tahmin edilmesi zor şekillerde değiştirmek için kullanılabilecek olmalarıdır. Bu nedenle, web sitesi sahiplerinin büyük olasılıkla çerez içeren bağlantılar için Özel Ön Getirme Proxy'sinden yararlanmak üzere sitelerini etkinleştirmesi veya düzenlemesi gerekecektir.
Somut olarak, önceden getirme isteklerinin kimlik bilgileri olmadan kalsa da, kullanıcı söz konusu web sayfasına gittiğinde web sayfası çerezlere ve diğer yerel durumlara erişim elde eder. Geliştiriciler, çerezlere veya yerel duruma dayalı kişiselleştirmeyi ve değişiklikleri geri eklemek için bu durumdan yararlanabilir. Geliştiriciler, belirli kaynakların çerez olmadan ön beslemesi ve olduğu gibi kullanılmasının (yani herhangi bir çereze bağlı olmayan kaynakların) sorunsuz olduğunu da belirtebilir. Daha fazla bilgi edinmek ve planımız hakkında bilgi almak için lütfen Sonraki adımlar bölümüne göz atın.
Coğrafi konuma bağlı içerik veya hizmetler
Web siteniz, kullanıcının IP adresine göre pazarlar arasında farklı davranıyorsa (örneğin, farklı içerik veya seçmeli erişim) Private Prefetch Proxy'nin ön getirme isteklerini nasıl işleyeceğinizi merak edebilirsiniz. Özel Önceden Getirme Proxy'sinin dünyanın dört bir yanına dağılmış çeşitli sunucular tarafından desteklendiğini ve proxy IP'sinin coğrafi olarak kullanıcının önceden getirme işlemini başlattığı ülkeye ayrılacağını bilmeniz önemlidir.
Bunları göz önünde bulundurarak şunları yapmanızı öneririz:
- Bir
Sec-Purpose: Prefetch; anonymous-client-ipHTTP üstbilgisinin varlığıyla Özel Önceden Getirme Proxy'sinden gelen önceden getirme isteklerini tanımlayın. - İsteği IP adresi aracılığıyla gönderen Özel Önceden Getirme Proxy'sinin coğrafi konumunu arayın. Kullanıma sunulan coğrafi bölgelerin ve ilgili IP adreslerinin güncel listesi için bu kaynağa göz atın.
- Kaynakları, bu belirli coğrafi konuma bağlı pazara göre yayınlayın.
Trafik kontrol
Geçmiş denemelerden, bu özelliğin genellikle ana kaynaklar (ör. HTML belgeleri) için% 2'den daha az ek istek sağladığını biliyoruz. Bununla birlikte, dikkatli bir kullanıcıysanız Özel Ön Alma Proxy'sinin ne kadar trafiği iletmesi gerektiğini kontrol etmek için trafik tavsiyesinin kesirli sayı alanını kullanabilirsiniz. 0,3 (%30) gibi küçük bir oranla başlayıp aşağıdaki JSON'u bir /.well-known/traffic-advice dosyasına ekleyerek bu oranı application/trafficadvice+json MIME türüyle sunulması gereken 1,0'a (%100) kademeli olarak artırabilirsiniz:
[{
"user_agent": "prefetch-proxy",
"fraction": 0.3
}]
fraction alanı, 0,0 (hiçbir ön getirme yok) ile 1,0 (ön getirme isteklerinin% 100'ü iletiliyor) arasında değişen bir kayan noktadır.
Aşağıdaki yapılandırmayla bunu tamamen devre dışı bırakmak da mümkündür:
[{
"user_agent": "prefetch-proxy",
"disallow": true
}]
/.well-known/traffic-advice dosyası istemci tarafından değil, proxy tarafından getirilir ve normal HTTP önbelleği semantiklerine göre proxy'de önbelleğe alınır. Daha fazla esneklik için (örneğin, aniden yoğun erişim olduğunda) 503 durum koduyla ve yanıta Cache-Control: no-store başlığını ayarlayarak önceden getirme isteklerini (Sec-Purpose: prefetch;anonymous-client-ip) geçici olarak reddetmek isteyebilirsiniz. Chrome'a ön getirme isteklerini yeniden denemeden önce ne kadar beklemesi gerektiğini bildirmek için Retry-After üstbilgisini de ekleyebilirsiniz.
Yönlendiren web sitesi sahipleri için
Başka web sitelerine çok sayıda bağlantı içeren bir web sitesi işletiyorsanız bu kaynaklar arası gezinmeleri hızlandırmak için Özel Önceden Getirme Proxy'si özelliğini kullanmak isteyebilirsiniz. Chrome'un, hangi sayfayı Özel Ön Aktarma Proxy'si aracılığıyla ön beslemesi gerektiğini bilmesi için sayfalarınıza tahmin kuralları eklemeniz gerekir. Basit bir örnek verelim:
<script type="speculationrules">
{
"prefetch": [
"source": "list",
"urls": ["https://example.com/index.html"],
"requires": ["anonymous-client-ip-when-cross-origin"]
]
}
</script>
Sırada ne var?
Bu lansman yalnızca ilk adımdır. Topluluğun ilgisine ve geri bildirimlerine göre bu özelliği genişletip iyileştirmeyi umuyoruz. Örneğin, çerez ve yerel durum içeren bağlantılara geliştirici zorluklarını en aza indirecek şekilde nasıl genişletileceği veya bu özelliği yönlendiren web siteleri için daha kullanışlı hale getirmenin yolları hakkında geri bildirimlerinizi öğrenmekten memnuniyet duyarız.