Bir Geliştirici Olmadan Magento Store Google PageSpeed ​​Insights Puanınızı Nasıl Hızla İyileştirirsiniz?

Son güncelleme - 8 Temmuz 2021

Yüksek bir Google PageSpeed ​​Insights puanı, Magento mağazaları için bir kalite işareti haline geldi. Hem Google hem de büyük Magento optimizasyon ekipleri, performans optimizasyonunu ölçmek için bunun iyi bir araç olmadığının altını çizse de, çevrimiçi perakendeciler, hız ve güvenilirlik açısından mağazalarının nasıl çalıştığını izlemek için hala ona güveniyor.

Bu nedenle, sıfır geliştirici uzmanlığınız olsa bile Google PageSpeed ​​puanınızı nasıl hızla düzeltebileceğiniz konusunda küçük bir kılavuz oluşturduk. Tüm düzeltmelerimizin uygulanması kolaydır, minimum çabayla çok fazla etki sağlar ve bir gün içinde uygulanabilir.

# 1'i düzeltin. İyi bir CDN Alın

İçerik Dağıtım Ağı, Magento mağazaları için her derde deva değildir, ancak buna olabildiğince yakındır. Daha hızlı varlık teslimi ve daha düşük gecikme süresinin bariz faydalarına ek olarak, bir CDN, Magento mağazanızı daha hızlı hale getirebilecek bir dizi özellik sunar:

• medya optimizasyonu (bir CDN, kaliteden ödün vermeden genel görüntü boyutunu nasıl küçülteceğini bilir),
• CSS, JS ve HTML dosyaları gibi statik varlıkların küçültülmesi ve sıkıştırılması (daha küçük varlıklar oluşturmak, onları daha yavaş ağlarda bile daha hızlı sunmaya kesinlikle yardımcı olabilir),
• onu destekleyen tarayıcılar için modern WebP formatı için eski JPEG dosyalarını değiştirin (görüntüler daha hızlı yüklenir ve daha az yer kaplar),
• görüntüleri aşamalı biçime dönüştürün (aşamalı görüntüler geleneksel olanlardan farklı bir şekilde yüklenir, teknik olarak mağaza aynı hızda yüklense bile kullanıcılara daha yüksek performans duygusu sunar),
• Kritik varlık teslimini hızlandırmak için varlık yüklemesini erteleme (Magento'nun esas olarak JavaScript'in ayrıştırılmasını ertelemesi gerekir),
• Dosyaları daha hızlı ve senkronize olmayan şekilde yüklemek için HTTP/2 ve QUIC protokollerine öncelik verin ,
• önbellek yaşına en uygun değerlere ince ayar yapın,
• farklı kullanıcılara farklı görüntü sürümleri sunar (örneğin, tarayıcının daha küçük boyutlu bir görüntüye ihtiyacı olduğunda çoklu sürüm oluşturma kullanışlıdır).

Bir CDN'yi kurmak ve yapılandırmak çok fazla teknik uzmanlık gerektirmez. Çoğu zaman, çok fazla zorluk çekmeden görevle başa çıkabileceksiniz. CDN, Magento ön uç performansı için en iyi çözümlerden biridir. Entegrasyonu, sunduğu çok sayıda yararlı düzeltme nedeniyle Google PageSpeed ​​puanınızı önemli ölçüde artırabilir.

Bir CDN, araç kutumuzdaki en iyi araç olsa da, mağazanızı nasıl hızlandırabileceğinizi ve PageSpeed ​​puanını daha da yüksek hale getirmeyi ummak için size iki seçenek daha göstermek istiyoruz.

# 2'yi düzeltin. Yetenekli bir Magento Barındırma Seçin

Magento, performansın her bir parçasını sunucudan sıkıştırmanıza yardımcı olmak için odaklanmış bir destek ekibi gerektiren zorlu ve kaynak yoğun bir platformdur.

Ne yazık ki, Magento mağaza sahipleri çoğu zaman iyi bir barındırma sağlayıcısını değerli bir yatırım olarak görmez. Mağaza gereksinimlerini yetenekli bir sunucu ortamıyla eşleştirmek yerine, Magento'yu paylaşılan bir barındırma çözümünün veya barebones sanal özel sunucunun kısıtlayıcı sınırlarına sığdırmak için nasıl optimize edeceklerini araştırıyorlar.

Bu nedenle, Magento barındırma ortamınızı dikkatli bir şekilde seçmeniz ve daha da titizlikle - sağlayıcınızın teknik destek ekibini seçmeniz çok önemlidir. Bunlar, ortamı yapılandırmanıza ve karşılaşabileceğiniz olası teknik zorluklarla başa çıkmanıza yardımcı olacak kişiler olacaktır.

İyi bir barındırıcı ve güçlü bir sunucu, Google PageSpeed ​​puanında gözle görülür bir iyileşme sağlayacaktır. Sunucu ne kadar güçlüyse, CPU darboğazlarına bağlı sorunları o kadar azaltacaktır - ve CPU, Magento web mağazalarındaki en yaygın dar noktadır. Bu nedenle, daha güçlü bir sunucuya ihtiyacınız olup olmadığından şüphe etmeyin – muhtemelen sadece yükseltme yapmalısınız.

Buradaki önerilerimiz: araştırmanızı yapın. İncelemeleri okuyun, etrafa sorun, topluluk uzmanlarıyla konuşun, farklı sağlayıcıların tekliflerini karşılaştırın, bu ev sahiplerine özel sorular sorun.

# 3'ü düzeltin. Magento Yönetici Ayarlarını Optimize Edin

Magento Yönetici bölümü genellikle gözden kaçar, ancak Magento optimizasyonunun etkili bir vektörüdür. Magento Yönetici Paneli optimizasyonunun avantajlarından biri, gerçekten aşırı teknik şeyler yapmanıza gerek olmamasıdır. Magento'da belirli ayarların nasıl değiştirileceğine ilişkin basit talimatları izleyin.

Düz Katalogları Etkinleştir. Mağazada binlerce benzersiz ürününüz olduğunda bu etkili bir düzeltmedir. Düz kataloglar ve ürünler, Magento'nun mağazada ürün özelliklerini kaydetme şeklini değiştirir. Bunları ayrı veritabanı tablolarında tutmak yerine, sunucunun öznitelik değerlerini eskisinden çok daha hızlı almasına yardımcı olan düz bir yapı oluşturur. Mağazalar > Ayarlar > Yapılandırma > Katalog > Vitrin'e gidin ve bu iki seçeneği Evet olarak değiştirin .

JS ayarlarını değiştirin. Bazı nedenlerden dolayı, varsayılan Magento JS ayarları optimal değildir. Ancak Magento performansı konusunda ciddiyseniz, Mağazalar > Ayarlar > Yapılandırma > Gelişmiş > Geliştirici > JavaScript Ayarları'na gitmenizi ve bunları aşağıda gösterildiği gibi değiştirmenizi öneririz.

CSS ayarlarını değiştirin. Optimize edilmemiş CSS, performansı ciddi şekilde etkileyebilir, bu nedenle bu etkiyi olabildiğince düşük yapmak iyi bir fikirdir. Mağazalar > Yapılandırma > Gelişmiş > Geliştirici'ye gidin ve EVET Küçült ve CSS Birleştir ayarlarını değiştirin.

HTML ayarlarını değiştirin. HTML ayarları, Mağazalar > Yapılandırma > Gelişmiş > Geliştirici > Şablon Ayarları'nda bulunur . Verileri kaydetmek ve web sayfasının yüklenmesini hızlandırmak için HTML küçültmeyi açın. Küçültülmüş kod daha az okunabilir ancak çok daha kompakttır; bu, teslimat performansıyla ilgili endişeleriniz olduğunda harika bir özelliktir.

Bonus Düzeltme. Elasticsearch'ü etkinleştirin!

Mağaza içi arama, Google PageSpeed ​​Insights puanını gerçekten etkilemez, ancak yine de uygulamanız gereken bir şeydir. Elasticsearch, muazzam bir kullanıcı deneyimi geliştirmesidir ve müşterilerinize büyük yaşam kalitesi avantajları sunar.

Mesele şu ki, mağaza içi arama, yavaş veya yanlışsa, tüm alışveriş deneyiminin en sinir bozucu unsurlarından biridir. Acele eden kullanıcılar için aramanızın kalitesi, tamamlanmış bir satın alma ile kayıp bir müşteri arasındaki fark olabilir.

Elasticsearch, kolay yatay ölçekleme, hızlı sonuçlar, akıllı arama yetenekleri, eş anlamlılar ve sözcüklerin kullanımını durdurma ve çoklu dil desteği sunar.

Elasticsearch'ü etkinleştirmek için Mağazalar > Ayarlar > Yapılandırma > Katalog > Katalog > Katalog Arama'ya gidin . Kurulum süreci, önceki 3 düzeltmeden daha karmaşıktır, ancak harcadığınız zamana değmesi için size yeterince fayda sağlar. Elasticsearch'ün istediğiniz sürümünü etkinleştirdikten sonra, bu yeni arama motorunu tam olarak kurmak için bu kılavuzu izlemeniz gerekir.

Not: Magento odaklı barındırma sağlayıcıları, Elasticsearch'ü yakından tanıyacak ve kullanmanız için genellikle kullanıma hazır Elasticsearch entegrasyon çözümlerine sahip olacaktır. Her şeyin nasıl bir araya geldiğini görüyor musun? İyi bir Magento barındırma sağlayıcısı hayatınızı pek çok açıdan çok daha kolay hale getirecektir.

Mükemmel Puanı Almak. Buna İhtiyacın Var mı?

Google PageSpeed ​​puanı, mağazanızın hızını o kadar çok şekilde değerlendiren düzinelerce ayrı denetime dayanır ki bunları burada listelemek bile zordur. Anlamanız gereken şey, önce kullanıcı deneyimine ve kullanıcı katılımına bakmadan, tek başına kovalarsanız puanın anlamsız olduğudur. Yükseltmek istediğiniz gerçek metrikler bunlardır.

Müşterilerinizin göz atma şekli, Checkout'ta, Alışveriş Sepetinde veya Ürün Tablosunda nasıl davrandıkları. Dönüşümlerin nerede büyüdüğünü veya düştüğünü ve nasıl iyileştirebileceğinizi görün. Sonuçta, gerçek insanlar gerçek satışları getirir. Robotlar mağazanız için o kadar önemli değil.