Shopify Mağazanızın Hızını Optimize Etmenin 7 Yolu

Yüklenmesi 4 saniyeden uzun sürerse, ziyaretçilerin neredeyse 1/4'ü siteden ayrılır. Bunların %46'sı, düşük web sitesi performansı nedeniyle siteye asla geri dönmüyor. Yavaş bir site, zayıf müşteri deneyimine yol açar ve müşterileri uzaklaştırır.

Web sitesinin içeriğini yüklemesi için 15 saniye bekler miydiniz? Anında siteden ayrılıp başka mağazalara bakıyorsunuz. Bu nedenle, yavaş bir site, web sitesi trafiğini engeller ve hemen çıkma oranını artırır. Bunların her ikisi de potansiyel müşteri tabanını olumsuz etkiler.

Site hızı sadece teknik bakımla ilgili değildir. Geliri doğrudan etkiler. Peki Shopify mağaza sitenizin hızını nasıl düzeltebiliriz? Bugün Shopify mağaza site hızınızı optimize etmek için 7 ipucuna bakacağız.

1. Görüntü Optimizasyonu
2. Üçüncü Taraf Uygulamaları Analiz Edin
3. AMP'yi (Hızlandırılmış Mobil Sayfalar) uygulayın
4. Doğru Temaları ve Özellikleri Seçin
5. Tembel Yükleyiciler
6. Açılır Pencerelerden Kaçının
7. Yönlendirmeleri ve Kırık Bağlantıları Azaltın
8. Shopify Mağaza Site Hızı Kıyaslaması

Shopify, gösterge tablosunun kendisinde bir site hızı puanı sağlar. Bu puan, Google deniz feneri performans metriklerine göre sitenizin ne kadar hızlı yüklendiğini ölçer. Ortalama bir Shopify site hız puanı 50'dir. 70'in üzerindeki her şey harika bir hız puanıdır.

Site puanınızın 50'nin altında olması durumunda site performansını artırmak için bu taktikleri kullanmalısınız. Bunun dışında Java ve HTML scriptinin küçültülmesi veya CSS ve Javascript'in render bloke edilmesi gibi teknik nüanslar için profesyonel yardım almalısınız. Shopify siteleri, siteyi yavaşlatan HTML, CSS, Javascript vb. üzerinde yoğun bir şekilde çalışır. Bu nedenle, aşağıda belirtilen ipuçlarından hiçbiri işe yaramazsa, kodlarınızı ve site arka ucunu kontrol edin.

1. Görüntü Optimizasyonu

Temel bilgilerle başlayın: görüntüler. Yüksek çözünürlüklü görseller site hızını yavaşlatabilir. Mağazanızda birden fazla HD resim, grafik ve video varsa, siteniz çok gecikecektir. Görüntüleri optimize etmenin ve site hızını artırmanın 5 yolu:

Sıkıştırılmış resimler yükleyin

Dosya boyutunu küçültürler ve siteye yüklerler. Ancak, düşük kaliteli görüntülerden kaçınmak için belirtilen görüntü boyutlarına uyduğunuzdan emin olun.

Kaydırıcılardan kaçının ve bir kahraman düzeni seçin

Ziyaretçilerin yalnızca %1'i kaydırıcılardan geçer. Bu nedenle, 4-7 HD görüntü yerine 1 yüksek çözünürlüklü görüntü kullanın.

GIF'lerden veya videolardan kaçının.

Ürününüz birden fazla resim gerektiriyorsa, 3-4 yüksek çözünürlüklü resim seçin. Yüksek kaliteli bir GIF veya video gecikebilir ve ziyaretçinin sistemine yüklenmesi uzun zaman alabilir.

Ertelenmiş bir yükleyici kullanın

Çok sayıda resim, video veya GIF yüklemekten kurtulamıyorsanız, bu durumda site yalnızca kullanıcının ekranında bulunan içeriği yükler. Yani kullanıcı kaydırıcıyı açmadığı veya videoya ulaşmadığı sürece yüklenmeyecektir. Sonuç olarak, yalnızca sınırlı içerik yüklemesi değil, site daha hızlı çalışır.

Statik görüntülere bağlı kalın

GIF'ler veya videolar yerine, sitedeki yükü kurtarırlar ve hızı önemli ölçüde artırırlar.

2. Üçüncü Taraf Uygulamaları Analiz Edin

Üçüncü taraf bir uygulama yüklemek, Shopify mağaza sahipleri için standart bir uygulamadır. Bunları gelişmiş performans, özellikler, otomasyon ve çok daha fazlası için eklerler. Ancak, çok fazla uygulama almak kodu da etkiler. Yavaş hıza yol açar. Yani?

• Herhangi bir amaca hizmet etmeyen ve yararsız olan uygulamaları belirleyin.
• Bu uygulamaları kaldırın. Uygulamanın bazı özelliklerinin etkisiz olması durumunda bunları kaldırın.
• Özellikleri devre dışı bırakmak veya uygulamaları kaldırmak kod entegrasyonunu kaldırmaz. Bu nedenle, bunları manuel olarak kaldırmanız gerekir.

Kullanılmayan uygulamaları kaldırın. Bunun dışında site hızına müdahale eden uygulamalara alternatifler arayın.

3. AMP'yi (Hızlandırılmış Mobil Sayfalar) uygulayın

2020'de web sitesi trafiğinin %61'i ABD'deki mobil cihazlardan geldi. Kullanıcıların yarısından fazlası mağazanızı telefonlardan kontrol ediyor. Ancak, telefonun normal bir web sitesini bilgisayara yüklemesi daha uzun sürer. Bu nedenle, web sitenizi telefonlar için optimize etmek pazarlık konusu değildir.

Teknik ekibiniz mobil optimizasyon konusunda size yardımcı olabilir. Ancak Shopify üçüncü uygulama dizininden DIY'e bazı uygulamalar ekleyebilirsiniz. FireAMP ve Shopsheriff gibi uygulamalar AMP'de yardımcı olur. Bunları ayarlamak oldukça uzun zaman alıyor. Ancak, bunu yaparak çok daha büyük bir kitleye dokunabilirsiniz.

4. Doğru Temaları ve Özellikleri Seçin

Shopify, geniş bir tema, özellik ve yazı tipi kitaplığına sahiptir. Bunlar, çekici görünmesi için web sitenizin tasarımını geliştirir. Ancak her ek tema/özellik ile site yavaşlar.

• Duyarlı bir tema eklediğinizden emin olun. Temanın web sitesini yavaşlatıp yavaşlatmadığını kontrol edin, ardından değiştirin.
• Eklenen tüm özelliklerin kullanılıp kullanılmadığını analiz edin. Bir özelliğin değersiz olması durumunda, bunları kaldırın/devre dışı bırakın.
• Sistem yazı tiplerini seçin : Mono, Serif ve Sans-serif. Önce kullanıcının sisteminin indirmesi gereken süslü yazı tiplerinden kaçının. Bu gibi durumlarda yazı tipini indirmek, yazı tipini yüklemek ve web sitesini yüklemek çok zaman alır. Shopify, yazı tipleri için birçok seçenek sunsa da, temel sistem yazı tiplerine bağlı kalmak iyi sonuç verir.

Tüm temalar ve özellikler, site hızını etkileyen CSS/HTML'de ağırdır. Bunları akıllıca seçin ve gereksiz unsurlardan kaçının.

5. Tembel Yükleyiciler

Geç yükleme, sayfanın yalnızca sınırlı içerik yüklediği bir optimizasyon tekniğidir. Kullanıcı mağazanın/sitenin belirli bir bölümündeyse, yalnızca o bölümü yükler. Ertelenmiş video yüklemeye benzer. Zorunlu olmadıkça, sayfa yalnızca kullanıcının etkileşimde bulunduğu öğeleri yükleyecektir.

Birçok resim, video, GIF ve diğer ağır dosyaları ekleyen mağazalar için etkilidir. Önemli bir yükleme süresinden tasarruf edebilir ve site hızını artırabilir.

6. Açılır Pencerelerden Kaçının

Pop-up'lar, işletmelerin bilgi ürünlerini veya haber bültenlerini öne çıkarmaları için çok önemlidir. Daha fazla dikkat çekmek için belirli içeriğin spot ışığında olmasına yardımcı olurlar. Ancak, site hızını düşürürler ve kullanıcı deneyimini etkilerler.

• Tüm sayfayı kaplayan büyük pop-up'lardan kurtulun. Yükleme süresini uzatırlar ve site gecikmelerine/donmalarına yol açarlar. Ayrıca, tüm sayfayı kapsayan bir açılır pencere görmek kullanıcı tarafında sinir bozucu olabilir.
• Belirli yüksek değerli sayfalarda açılır pencereler kullanın. Her site/mağaza sayfasına açılır pencere eklemeniz gerekmez. Gereksinimi analiz edin ve buna göre kullanın.
• Bir kullanıcının web sitenizde gezinmesinden birkaç saniye sonra bir açılır pencere gösterin. Web sitenize giren ve çıkan bir kullanıcı, pop-up'ınızla etkileşime girmez. Bu nedenle, kullanıcının mağazanıza gelmesinden 7-15 saniye sonra bir açılır pencere ekleyin. Daha etkilidirler ve daha iyi bir tıklama oranına sahiptirler.

7. Yönlendirmeleri ve Kırık Bağlantıları Azaltın

Bir mağazanın çeşitli yönlendirmeleri veya kopuk bağlantıları olabilir. Ancak, siteyi geciktirirler ve hız önemli ölçüde azalır. 404 yönlendirmesi yaparak bunu doğrudan Shopify panosundan düzeltebilirsiniz.

Alternatif olarak, kullanıcıyı yeni bir URL'ye götüren bir 301 yönlendirmesi ekleyebilirsiniz. Ayrıca teknik ekibin yardımıyla bu bağlantıları kaldırabilirsiniz. Bozuk bağlantıları kaldırır ve yönlendirmeleri azaltırlar.

Tüm bu ipuçlarına ek olarak, mağaza optimizasyonu için Google etiket yöneticisini kullanabilirsiniz. Kodunuzu, tüm kodu eşzamansız olarak birlikte yüklemeye yardımcı olan araca geçirirsiniz. Teknik açıdan, mağaza hızını artırmanın birçok yolu vardır. HTML/CSS'yi küçültme, oluşturmayı engelleme, gereksiz kodları kaldırma ve taşıma anlamına gelebilir.

Ancak, sitenizin yüklenmesi ortalama ne kadar sürmelidir? Bazı kriterlere bakalım.

8. Shopify Mağaza Site Hızı Kıyaslaması

Kontrol panelinde bulunan iyi bir Shopify mağaza hızı 50'nin üzerindedir. Ancak site hızınızı kontrol etmek için kullanabileceğiniz başka araçlar da vardır.

Ortalama bir sitenin ilk resmi yüklemesi yaklaşık 3,8 saniye ve etkileşimli hale gelmesi 22.1 saniye sürer. Siteniz daha uzun sürüyor mu? Shopify mağazanız için site yükleme hızını kontrol edin.

Burada, ortalamaları ve en iyi Shopify mağaza hızı karşılaştırmalarını gösteren bir grafik yer almaktadır.

Buna ek olarak, site hızınızı da buradan kontrol edebilirsiniz.

Bu siteleri kullanırken, net bir resim elde etmek için testi üç kez çalıştırın. Oradan ortalamaları kullanın, ancak tek bir teste bağlı olmayın. Bu, daha iyi sonuçlar ve mağaza hızının net bir resmini sağlar.

SSS

Shopify mağazası için en iyi hız nedir?

Shopify hız puanı, gösterge tablosunun kendisine yansıtılır. Mağazalar 50'nin üzerinde bir puan almaya çalışmalı. Shopify mağazası için 70 hız puanı harika kabul ediliyor.

Bir web sitesini, özellikle de Shopify web sitesini yavaşlatan en yaygın öğeler nelerdir?

Mağaza hızını etkileyen en yaygın öğeler, görüntüler ve yoğun arka uç kodlarıdır. Yüksek çözünürlüklü resimlerin, videoların ve GIF'lerin yüklenmesi ve etkileşimli hale gelmesi zaman alır. Öte yandan, temalar, özellikler ve üçüncü taraf uygulamalar web sitesi kodunu artırarak mağaza hızını düşürür.