Shopify mağazanızı sizin yerinize nasıl hızlandırıyor: önceden yükleme, Early Hints ve hız uygulaması kararı
Shopify 2025 ve 2026'da bütün Liquid mağazalarında, mağaza sahibinin bir şey yapmasına gerek kalmadan çalışan üç hız iyileştirmesi yayımladı: bağlantıları önceden yükleyen Speculation Rules, 103 Early Hints ve sayfanın baş kısmını erken gönderen akışlı yanıt. Bunlar ne kazandırıyor, temada neyi değiştirmek kazancı artırıyor ve “tek tıkla hızlandırma” vaat eden uygulamalara ne zaman gerek yok?
Bir Shopify mağazasının hızını iki taraf belirliyor. Sunucu, CDN ve sayfanın tarayıcıya nasıl gönderildiği Shopify'ın işi. Tema, görseller ve kurulan uygulamalar sizin. Hız denetimlerinde ikinci taraf üzerinde duruluyor, çünkü düzeltilebilecek olan orası. Ama Shopify da kendi tarafında son iki yılda üç değişiklik yaptı ve bunlar bütün Liquid mağazalarında kendiliğinden devrede.
Bir hız uygulaması ya da ajans size bu özellikleri yeni bir şeymiş gibi sunarsa, platformun zaten yaptığı bir iş için ödeme yapıp yapmadığınızı anlayabilirsiniz. Bir kısmında da temanın yapısı, platformun sağladığı kazancın ne kadarının ziyaretçiye ulaşacağını belirliyor.
1. Speculation Rules: tıklanacak sayfa önceden iniyor
Shopify Haziran 2025'ten beri bütün Liquid mağazalarında Speculation Rules ayarını platform genelinde açıyor. Bu ayar tarayıcıya hangi bağlantıları önceden indirebileceğini söylüyor. Ziyaretçi bağlantıya tıkladığında sayfanın HTML'i elde hazır olduğu için geçiş daha hızlı oluyor.
İlk sürümde önceden indirme, ziyaretçi bağlantıya bastığı anda başlıyordu. Shopify 4 Mayıs 2026'da bunu bir adım öne aldı: masaüstünde imleç bir bağlantının üzerinde en az 200 milisaniye durduğunda sayfa indirilmeye başlanıyor. Mobilde imleç olmadığı için tarayıcı, ziyaretçinin son dokunduğu yere yakın ve bir süre ekranda kalan bağlantıları olası hedef sayıyor.
Sepet değiştiğinde Shopify önceden indirilmiş sayfaları temizleyen bir başlık gönderiyor; ziyaretçi eski sepetle bir sayfa görmüyor. Shopify'ın belgesi, bunun dışındaki durum değişikliklerini temanın kendisinin ele alması gerekebileceğini yazıyor.
Tema geliştiricisi bu varsayılanın üstüne kendi kurallarını ekleyebiliyor. Shopify'ın önerdiği kullanım, sayfayı yalnızca indirmenin ötesinde tarayıcıda baştan çizdiren prerender seçeneğini, ziyaretçinin büyük olasılıkla gideceği bağlantılarda kullanmak: koleksiyon sayfasından ürüne giden bağlantı gibi. Belge aynı yerde bir uyarı da veriyor: prerender ile analiz olayları sayfa gerçekten açılmadan tetiklenebiliyor ve eski içerik gösterilebiliyor. Ölçüm kurulumunuzu bilmeden bu seçeneği açmayın.
2. Early Hints: sunucu sayfayı hazırlarken tarayıcı işe başlıyor
Sunucu bir sayfayı hazırlarken tarayıcı boşta bekliyor. 103 Early Hints yanıtı bu bekleme süresini kullanıyor: asıl HTML gelmeden önce tarayıcıya hangi sunuculara bağlanacağını ve hangi dosyaları indirmeye başlayacağını söylüyor. Shopify 28 Ağustos 2026'da bunu otomatik hale getirdiğini duyurdu.
Early Hints render'ı engelleyen dosyaları hızlandırıyor, ama o dosyaların sayısını azaltmıyor. Temaya eklenmiş her engelleyici üçüncü taraf betik hala ilk çizimi bekletiyor.
3. Akışlı yanıt: sayfanın başı erken gönderiliyor
Shopify 22 Eylül 2026'da sayfanın baş kısmını, temadaki {{ content_for_header }} etiketine kadar olan bölümü, hemen tarayıcıya göndermeye başladı. Sayfanın geri kalanı şablon hazır olunca arkasından geliyor. Ortanca mağazada ilk bayt süresi 75. yüzdelikte yaklaşık yüzde 29 kısaldı.
Sunucunun yaptığı iş azalmadı; çıktının ilk parçası daha erken gönderiliyor. Shopify'ın yazısına göre ziyaretçinin gördüğü ilk çizim (FCP) ve LCP yüzde 2 ile 6 arasında iyileşti. Kazancın ne kadarının ekrana yansıyacağı temaya bağlı:
Saha ve laboratuvar verisinin farkını, hangi sayfaların ölçüleceğini ve düzeltmelerin nasıl sıralanacağını hız denetimi yazısında anlattık.
Hız denetimi yazısıHız uygulaması ya da performans proxy'si ne zaman gereksiz?
App Store'da ve dışında, mağazayı “tek tıkla” hızlandırmayı vaat eden uygulamalar ve hizmetler var. Bir kısmı mağaza ile ziyaretçi arasına bir önbellek sunucusu (proxy) yerleştiriyor. Shopify'ın performans ekibi Şubat 2026'da bu konuda bir yazı yayımladı. Yazıya göre Liquid mağazaları zaten dağıtık bir sunucu altyapısında, CDN üzerinden ve dosyaları otomatik optimize edilerek sunuluyor; iyi bir temayla iyi performans puanlarına ulaşmak mümkün. Yazı, yavaşlığın çoğunlukla temadan, içerik miktarından ya da üçüncü taraf uygulamalardan geldiğini söylüyor.
Aynı yazı araya giren bir proxy'nin risklerini de sıralıyor:
Shopify'ın önerisi, uygulamaları tek tek değerlendirmek: hangisinin gerçek bir değer sağladığına bakmak, performansa etkisini ölçmek ve az değer katıp siteyi yavaşlatanları kaldırmak ya da değiştirmek. Bir hız uygulaması kurmayı düşünüyorsanız önce Shopify'ın panelindeki web performansı raporuna bakın. Bu rapor gerçek ziyaretçilerden toplanan veriyi gösteriyor ve ücretsiz.
Tıklama gecikmesinin hangi uygulamadan geldiğini bulmayı ve Built for Shopify ölçütlerini ayrı bir yazıda anlattık.
INP yazısıRender'ı engelleyen dosyaları, {{ content_for_header }} etrafındaki düzeni ve uygulamaların etkisini gerçek ziyaretçi verisiyle inceliyoruz. Bir hız uygulamasının işe yaramayacağı yerde bunu da söylüyoruz.
Hız ve performansYapmanıza gerek olmayanlar
Kaynaklar
- Shopify geliştirici belgeleri, Speed up navigations with the Speculation Rules API: Haziran 2025'ten beri platform genelindeki ayar, tarayıcı desteği, temanın kendi kuralları, prerender uyarısı, sepet değişince önbelleğin temizlenmesi
- Performance @ Shopify, Faster storefront navigations with moderate speculation rules (4 Mayıs 2026): 200 ms üzerinde bekleme, masaüstü ve mobil ölçümleri, HTML isteklerinde yüzde 14 artış, tarayıcı durumu
- Performance @ Shopify, Faster Shopify storefronts with automatic Early Hints (28 Ağustos 2026): otomatik önceden yükleme ve bağlantı, LCP görselinin kapsam dışı olması, FCP ve LCP kazancı
- Performance @ Shopify, Liquid storefronts now start loading 29% faster (22 Eylül 2026): content_for_header'a kadar erken gönderim, yalnız JSON şablonlar, TTFB ve FCP/LCP etkisi
- Performance @ Shopify, You probably don't need a web performance proxy (11 Şubat 2026): platform altyapısı, proxy'lerin hata ayıklama, güvenlik, PCI ve bot tespiti riskleri, uygulama değerlendirmesi
