dotCREA
TREN
Performans

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.

Shopify'ın ölçümüne göre masaüstünde ilk bayt süresi (TTFB) ortanca değerde 285 ms, LCP 228 ms kısaldı. Önceden indirilen geçişlerin yaklaşık yüzde 10'unda ilk bayt süresi sıfır, çünkü yanıt zaten önbellekte.
Mobildeki kazanç küçük: TTFB'de 25 ms, LCP'de 24 ms.
Bunun bedeli, desteklenen tarayıcılardan gelen toplam HTML isteğinin yaklaşık yüzde 14 artması. Shopify bunu altyapı ve kullanıcılar açısından kabul edilebilir buluyor.
Kazanç şimdilik Chrome, Edge ve Opera gibi Chromium tabanlı tarayıcılarda geçerli. Firefox'ta uygulama sürüyor; Safari'de önceden indirme bir hata yüzünden test sürümünde kapatıldı.

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.

Shopify sayfadaki render'ı engelleyen stil dosyalarını ve klasik betikleri tarıyor, bunları önceden yüklüyor. async, defer ya da type="module" ile işaretlenmiş betikler bu listeye girmiyor.
Bu dosyaları barındıran en fazla üç üçüncü taraf alan adına önceden bağlantı açıyor.
LCP görseli önceden yüklenmiyor; Shopify bunu bilerek yapmadığını yazıyor.
Ölçülen kazanç, 75. yüzdelikte FCP'de 76 ms, LCP'de 100 ms.
Mağaza sahibinin ya da tema geliştiricisinin bir şey değiştirmesi gerekmedi. Safari şimdilik yalnızca önceden bağlantı ipuçlarını kullanıyor.

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ı:

Yalnızca JSON şablonlar akışlı gönderiliyor; .liquid şablonla kurulan sayfalar henüz kapsamda değil.
{{ content_for_header }} etiketi head içinde filtresiz ve bir koşul bloğuna sarılmadan duruyorsa akış çalışıyor.
İlk çizim için gereken stil dosyaları bu etiketin üstüne taşınırsa tarayıcı onları daha erken alıyor. Shopify.* nesnesini okuyan satır içi betikler etiketin üstüne taşınırsa ise bozulabiliyor; bu taşımayı bir geliştiriciye yaptırın.
Önizleme temaları ve tema düzenleyici akışlı gönderilmiyor. Ölçümü yayındaki temada yapın.
İlgili yazı
Hız denetimi

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:

Hata ayıklama zorlaşıyor. Shopify proxy'nin kayıtlarını göremiyor ve önbelleğini temizleyemiyor. Yazıdaki örnekte Google Merchant Center 5XX hatası raporlarken Shopify'ın kayıtları sorunsuz görünüyor; tema değişiklikleri de dış önbellek eski sürümü sunduğu için yayına yansımıyor.
Güvenlik: proxy şifreli bağlantıyı kendi üzerinde açıyor ve istekle yanıttaki her şeyi görebiliyor.
Uyum: Shopify PCI DSS Seviye 1 uyumlu. Trafiği üçüncü bir taraftan geçirdiğinizde onun uyumunu da sizin doğrulamanız gerekiyor.
Gizlilik ve bot tespiti: müşteri verisi denetiminiz dışındaki yerlerde önbelleğe alınabiliyor; proxy Shopify'ın bot sinyallerini zayıflatıp gerçek müşterilerin daha sık doğrulama ekranı görmesine yol açabiliyor.

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.

İlgili yazı
INP ve uygulamalar

Tıklama gecikmesinin hangi uygulamadan geldiğini bulmayı ve Built for Shopify ölçütlerini ayrı bir yazıda anlattık.

INP yazısı
İlgili hizmet
Temanızın platform kazancını ne kadar kullandığına bakalım

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 performans

Yapmanıza gerek olmayanlar

Bağlantıları önceden yükleyen bir uygulama ya da betik kurmak: Shopify bunu Chromium tarayıcılarda zaten yapıyor.
Stil dosyaları için elle önceden yükleme ipuçları yazdırmak: Early Hints render'ı engelleyen dosyaları otomatik olarak kapsıyor ve tema değiştikçe güncel kalıyor.
Hızı tema düzenleyicideki önizlemede ölçmek: önizleme akışlı gönderilmiyor, sonuç yayındaki temayı yansıtmıyor.

Kaynaklar

  1. 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
  2. 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
  3. 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ı
  4. 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
  5. 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
dC
dotCREA Shopify ekibi
9 Kasım 2026 tarihinde yayımlandı
Paylaş
Bu konuyu mağazanız için konuşalım
Mağaza adresinizi gönderin, ücretsiz değerlendirelim.
Teklif alın

İlgili yazılar