Woocommerce hızını hızlandırın – tam kılavuz
İçerik Listesi
Temel konseptler
Sunucu Yan Kodu – PHP
Sunucu Yan Veri Depolama – Veritabanı
İşaretleme Ön Uç – HTML ve CSS
Fretend Script – JavaScript
Fretend Varlıklar – Görüntüler ve Yazı Tipleri
Genel yanlış anlama
Yanlış: Bellek sınırı hızı etkiler ve ne kadar çok belleğiniz varsa – site o kadar hızlı
Yanlış: Ajax sepet parçaları sayfanın hızını yavaşlatır
Yanlış: Postun revizyonu WordPress / Woocommerce yavaşlıyor
Post -Revision nedir?
Temel seçenekler ve çalışma yöntemleri
Hafif ve iyi bir performans teması seçin
Bir ışık ve performans teması olup olmadığını nasıl test edersiniz?
Sitenizin performansı veya tema demosu nasıl test edilir
Yalnızca bir sayfayı test etmeyin
Önbellek olmayan performans testi
Bilgiden eyleme geç
Woocommerce mağazanızı yüksek performanslı barındırmaya çalıştırın
WooCommerce Hosting Company’de ne aranmalı?
WP-CRON’u doğru çalıştırdığınızdan emin olun
WP-Config’de WP-CRON’u devre dışı bırakın
HTTP aracılığıyla WP-CRON çalıştırmayın
Bonus İpuçları: Cron Systems’tan Aksiyon Programları Çalıştırma
Her eklenti Swissuji Ordu bıçak eklentisi değil, belirli bir eklenti kullanın
İlk performans metodolojisini kullanın
Veri tabanı
Veritabanı makinesi
indeks
Otomatik Yük İndeksi
Meta_Neal Postmeta Endeksi
Redis kullanmalı mısınız?
Önbellek
CDN Proxy Önbellek
Önbellek sunucusu
Uygulama önbelleğinde
Tarayıcı ön belleği
Önbellek, Woocommerce’deki tüm performans sorunlarınızı çözmez
Önbellek hızlandırılmış alanda nasıl çalışır?
Sepette bir şey olduğunda önbelleğe yazmayın ama yazmayın
Ön Ekran Kodu
HTML Doğrulama
Konsol hatası
CSS önemlidir
Kullanılmayan CSS
Stil sayfası tema veya eklenti tarafından eklenirse ne yapılmalıdır?
Örnek
Ön varlık
Görüntünüzü optimize et
Mağazanız için doğru görüntü kalitesini seçin
Varsayılan kaliteyi ve maksimum boyutu değiştirin ve EXIF verilerini kaldırın
Duyarlı görüntü
Duyarlı görüntüler, boyut değişti ve hızlandırılmış alanlar kullanılarak hızlı bir şekilde optimize edildi
Otomatik olarak yarım boyut ekleyin
Görüntü kalitesini ayarlayın
Ekstra resim boyutu
Yerel olarak ev sahibi yazı tipi
Hızlandırılmış alanda çözüldü
Async ve JavaScript geliştir
Zaman anahtardır
Komut dosyasını üzerine yükleyin
Komut dosyasını sonunda yükleyin
Komut dosyasını eşzamansız yükle
Komut dosyasını gecikmelerle yükleyin
Entegrasyon
Entegrasyonu kötü yapan nedir?
Aramak
Algolya
Elastik arama
Bir wooocommerce dükkanı için güvenlik nasıl ele alınır
WordPress ve Woocommerce için güvenlik eklentisi kullanmayın
Woocommerce’ınızı güvence altına almak için ne yapmalısınız?
WP-ADMIN’inizi çok faktörlü kimlik doğrulama ile güvence altına alın
Tüm WordPress altyapınız etrafında bir güvenlik çit alın
WordPress, Woocommerce, temaları ve eklentileri güncellemeye devam edin
Küçük görevler için büyük eklentiler kullanarak eklentileri ve dağınık temaları kullanmayı bırakın
Performansı optimize ederken yararlı olan ekstra plugin ipuçları
WP Eklenti Yöneticisi
Sorgu Monitörü
Kapak olarak
WooOcommerce’ı hızlandırmak için temel kavram, önce katmanları, hızı optimize edebileceğiniz bileşenleri anlamanız gerekir. Çoğu web sitesi ve özellikle WordPress bazlı web siteleri gibi, potansiyel olarak optimize edilmiş katmanlar:
Sunucu Yan Kodu – WP ve Woo durumunda çoğunlukla PHP olan PHP sunucu yan kodu. Block Editor’un (Gutenberg) benimsenmesiyle, bu kodların bazıları da JavaScript’tir, ancak bu mağazaların çoğu yaygın olarak kullanılmamıştır. Sunucu tarafı veri depolama – Veritabanı veritabanı, tüm verilerinizin gerçekten depolandığı yerdir. Bu, ürününüzle ilgili veriler, hangi resmin hangi ürüne, siparişinize ait olduğu vb. Sunucu yan kodu (PHP), herhangi bir zamanda yeni verileri çıkarmak ve girmek için veritabanınıza (verilerinizin bulunduğu yerde) bağlanmalıdır. İşaretleme Ön IND – HTML ve CSS İşaretlemesi, Ön Uç Kodu veya ne demek isterseniz, tarayıcı tarafından yorumlanan ve kullanıcınızın gördüğü şeye dönüştürülebilen bir bileşendir.
Ön uç komut dosyası – mantık ve koşulları içeren JavaScript kodu genellikle JavaScript şeklindedir ve “Komut Dosyası ön ucu” braketine eklenebilir. Bu, bir tarayıcıda çalışabilen ve hediyelik eşyalar tarafından tetiklenen bir koddur – sitenizle kullanıcı etkileşimi. Ön uç Varlıkları – Basitlik için resimler ve yazı tipleri, görüntüler, yazı tipleri, PDF’ler ve değişmeyen diğer varlık türleri gibi statik varlıkları içeren son ön uç braket varlıklarını çağırıyorum. Ancak, sitenin düzgün çalışması, iyi görünmesi veya hedeflerinize ulaşması için müşteriye gönderilmesi gerekir. . Tüm bu katmanların benzerliği, sunucuda üretmek veya çalıştırmak, gönderilmek ve tarayıcıya işlemek için zamana ihtiyaç duymalarıdır. Her şey zaman gerektirir ve hızlı WooCommerce dükkanına giden yol, bu bileşenlerin her biri tarafından harcanan zaman miktarını azaltmaktır. O zaman soru, nasıl yapıyorsunuz? Nasıl girmeden önce diğer temel kavramları anlamamız gerekir. Web böyle çalışır. Özellikle tarayıcıda web sayfalarının nasıl görüntülendiği. Süreci beş adıma ayırmamızı kolaylaştırmak için:
Bu isteği göndermek istemci tarafından yapılır, örneğin bir tarayıcı ve kullanıcı tarafından bir bağlantıyı tıklatan veya tarayıcı adresine bir etki alanı/URL yazarak tetiklenir.
Tarayıcı tarayıcıdan bir istek gönderdikten sonra bir istek sunmak, istek internet üzerinden yolu bulmalıdır. Kısa bir yolculuk veya uzun bir yolculuk olabilir. Ve otoyol gibi, A’dan B’ye ağ yolu, inşaat veya bakım nedeniyle dolambaçlı bir sapma alabilir. Olası Optimizasyon: İsteği işleyen sunucuya seyahat yolunu uyarır ve daha sonra bir yanıt gönderir. Web sunucusu tarafından isteği alındığında yanıtlar üretir, web sunucusu isteği işlemek için gereken PHP kodunu yürütür. Bu, PHP’nin veritabanından bilgi almak için gereken sorguyu çalıştıracağı anlamına gelir. PHP daha sonra istenen sayfa için HTML üreten bir yanıt üretecektir. Bir yanıt üretmek için gereken süre, ayrıca tarayıcıdan sunucudan ve döndürülen süre genellikle ilk zamana (TTFB) olarak bilinir. Bu TTFB hızlı mı? <250ms iyi <500ms Tamam 1000ms Kritik Olasılık Optimizasyonu: Daha hızlı sunucu bağlantısı (SSL el sıkışma vb.) Sunucu daha hızlı PHP kodu PHP kodu daha hızlı ve daha az PHP kodu veritabanı daha hızlı ve/veya daha hızlı
Yanıt vererek, web sunucusu bir yanıt üretmeyi bitirdikten sonra tarayıcıya bir dönüş yanıtı gönderir. Olası Optimizasyon: Daha Kısa Gezi Yolları Tarayıcıya Dönüş Aktarılan daha az elementin aktarım boyutunu azaltır (önbellekleme)
Yanıtlar Tarayıcı bir yanıt (veya parça) aldıktan sonra tarayıcı yanıtı işlemeye başlar.Buna rending denir.Bu, kodlama kodlarını (HTML, CSS, JavaScript, resimler) içerir ve ardından HTML’de yürütülmesi bunu oluşturmak için anlamına gelir.Olası optimizasyon: Daha az CSS Daha az JavaScript görüntüleri daha az ve daha küçük kamu anlayışı devam etmeden önce, atmosferi temizlememiz ve Woocommerce ve performans konusunda internette paylaşıldığını görebileceğiniz bazı kamu yanlış anlamalarını açıklamamız gerekir.
Yanlış: Bellek sınırı hızı etkiler ve ne kadar çok belleğe sahip olursanız – Site birkaç nedenden dolayı ne kadar hızlı olursa, birçok barındırma şirketi, PHP tarafından kullanılmasına izin verilen bellek miktarının sitenin hızını etkilediğini söyler. PHP işlemi başına mevcut bellek miktarı hızı etkilemez. Bellek sınırı, bazı PHP işlemlerinin mevcut tüm RAM miktarını kullanmamasını sağlamaktır. Yani, PHP belleğinin sınırı sadece hızı değil ölçeklenebilirliği etkiler. Yanlış: Ajax sepet parçaları, çoğu ev sahipliği yapan şirket ve “hız uzmanları” tarafından paylaşıldığım diğer ana ipuçlarından birinci sayfanın hızını yavaşlatır. Sepet parçaları, sitenizdeki sepeti güncellemek için Ajax kullanan bir mekanizmadır, böylece yeni içerik ve benzerlerini görüntülemek için sayfa ferahlatmaya ihtiyacınız yoktur. Çoğu durumda ve iyi barındırma ayarlarında, bu ipucu kötü bir tavsiye. Ancak bazı durumlarda, bu ipucu doğrudur. Wooocommerce sepet parçaları yükleme sayfalarını yavaşlatabilir, ancak yalnızca: siteniz herhangi bir HTML önbellek/önbellek çalıştırmazsa
Woocommerce için optimize edilmeyen bir önbellek ayarınız var
Siteniz yavaş bir sunucuda çalışır
Sepet parçaları kullanmıyorsanız ve HTML önbelleği kullanıyorsanız, birisinin sepetinde bir şey varsa önbellek yanıtı gönderemezsiniz. Sepet parçalarının sunucu için çok daha kolay ve daha hızlı ve gönderilmesi bir tam sayfadan çok daha hızlıdır. Örneğin, sayfanızın başlıkta bir sepet varsa, sepeti (bir sepet parçası kullanarak) kullanarak sepeti güncellemek ve önbellekten HTML göndermek çok daha iyi ve daha hızlıdır. İpucu Sepet parçalarının etkinleştirilmesine izin verin ve yapılandırın Önbellekinizin verimliliğini en üst düzeye çıkarmak için önbellek doğru bir şekilde önbellek. Veya sitenizi hızlandırılmış bir alan ile hızlandırın. Yanlış: WordPress / WooCommerce Yavaşlama Gönderinin Revizyonu Çevrimiçi bulduğunuz birçok ipucu, kötü keşfedilemeyen veya yapılandırılamayan alternatif WooCommerce barındırmasında başarılı olabilecek optimizasyona dayanmaktadır. Gönderin revizyonunun devre dışı bırakılması bu kategoride bir ipucudur. Düzgün yapılandırılan veritabanı, verilerin boyutu ve sevkiyatın revizyonu nedeniyle gönderiler için kuyruk yavaşlamıyor çünkü yavaşlamıyor. Hepsi değil. Veritabanı, ilk etapta doğrusal erişim süresi sağlamak için oluşturuldu ve çoğu verilerin boyutuna bağlı olmayan çok sayıda bilgiye tahmin edilebilir.
Post -Revision nedir? WordPress’teki yayını güncellediğinizde, WP eski sürümü otomatik olarak veritabanına kaydeder. Buna revizyon denir. Bu, değişiklikleri geri yüklemeniz gerekiyorsa veya sadece sürümler arasındaki değişiklikleri görmek istediğinizde “geçmişe dönebilmeniz” için kaydedilir. Revizyon, üzerinde çalıştığınız ancak manuel olarak saklanmadığınız değişiklikleri otomatik olarak saklamak için kullanılır. Bu revizyon, diğer tüm yayınlarla aynı veritabanı tablosunda saklanır ve birçoğu bunun WP’yi yavaşlattığına inanır. Kuyu yakınlaştırılmış bir barındırma ortamında, bu yanlıştır. İpucu Postun revizyonunun etkinleştirilmesine izin verir, ancak saklanacak revizyon sayısını makul değerlere indirir. İndirgenin performansla ilgisi yoktur, ancak daha fazla dijital atık azaltmak ve sadece ihtiyaç duyulabilecek ürünleri depolamak her zaman eğlencelidir. Temel seçimler ve çalışma yöntemleri, yukarıda tarif edildiği gibi karışımdaki bileşenleri anlamaktan başlayan hızlı ve hızlı performans gösteren bir WooCommerce sitesine sahiptir. Daha sonra, hızlı bir WooCommerce sitesi oluşturmak için nasıl çalışılacağını anlamada temel bir oyun oynayan önemli seçimleri açıkladım.
Önce hafif ve iyi performans teması seçin, tema nedir?Temayı yukarıdaki bileşenlere yerleştirirsek, yukarıdakiler olabilir.Sorun, WordPress ile hem WordPress Core’un kendisi, temaları hem de eklentiler, sunucu yan kodları, veritabanlarına sorgular, ön uç kodları, ön uç komut dosyaları ve ön uç varlıklarını içerebilir.Bu yüzden doğru temaları (ve eklentileri) seçme görevi çok önemlidir.Çünkü değilse, çok fazla kaos ve ihtiyacınız olan veya istemediğiniz şeylerle sonuçlanacaksınız.Tüm bu gereksiz “şeylere” sigara denir.Çoğu WooCommerce mağazası, daha önce ayarlama seçeneği ve değişiklik seçenekleriyle oluşturulan temaları kullanır ve bu da “Kutunun Dışında” çok fazla kod aldığınız anlamına gelir.
. Bu iyi ve siteyi hızlı bir şekilde aktif hale getirmeyi çok kolaylaştırıyor. Bununla birlikte, zayıflık, çoğu temanın birçok ihtiyaç ve hedefe uygun olmasıdır. Ve bunu yaparken, kullandığınız ve kullanmadığınız birçok özellik ekleyin. Temadaki özellikler çoğunlukla sunucu tarafı PHP kodu tarafından oluşturulmuştur. Hem sunucuda hem de tarayıcıda çalıştırılması gereken tüm kodların – daha önce yaptığımız gibi – değerli bir zamana ihtiyacı vardır. Bazı kodların sadece biraz zamana ihtiyacı vardır ve yürütmek için gereken süreyi ölçmekte zorluk çekeceksiniz. Diğer kodlar çalıştırmak için daha fazla zaman gerektirir. Bir özelliğin veya işlevin ne kadar zaman harcandığı dışında her şey artar. Bu nedenle, daha hızlı WooCommerce mağazasına ulaşmanın ilk adımı hızlı ve hafif bir tema seçmektir. İhtiyacınız olan özelliklere ve tasarımlara sahip temaları seçin ve bir temadaki seçenekler arayarak aşırıya kaçmayın. Daha fazla seçenek, çalıştırılması gereken daha fazla kodla aynıdır ve kodun yürütülmesi zaman gerektirir. Bir ışık ve performans teması olup olmadığını nasıl test edersiniz?
Örneğin Themeforest veya Mythemeshop’tan temalar satın alırsanız tema kodunu kontrol etmek genellikle mümkün değildir. Ancak tema mağazası genellikle Frontnd’den test edebileceğiniz bir demoya sahiptir. Demoyu performans için test etmenin bir yolu var, ancak testi doğru bir şekilde yapmanız ve doğru şeyi bulmanız önemlidir. Bu nedenle, demo sitesini kendi sitenizi test ederken aynı şekilde test etmelisiniz. Sitenizin Performansı veya Tema Demosu Nasıl test edilir. Performansı test etmenin çeşitli yolları vardır, ancak aşağıdaki ipuçları her zaman hatırlamanız ve kullanmanız gereken şeydir. Sitelerinin hızlı olup olmadığını belirlemek için birçok kişi tarafından yapılan bir hata sayfasını test etmeyin, yalnızca ön sayfanın hızını test etmektir. Bu, WooCommerce’in hızını değil, genellikle önbellek hız testine yol açan bir hatadır. Sadece çok sayıda sayfayı, hatta tam bir mağazayı test ederek, mağazanızın hızının tam bir resmini alacaksınız. Bu, sitenizin her URL’sini PagePeed Insights, Pingdom veya GTMetrix gibi bir hızlı test cihazına kopyalamanız ve eklemeniz gerektiği anlamına mı geliyor?
Neyse ki, hayır. WooCommerce mağazanızı sürdüren bir araç kullanarak WooCommerce mağazanızdaki çok sayıda sayfayı, arama motorları tarafından yapılanlara veya site haritanızı giriş olarak kullanan araçları kullanarak kolayca test edebilirsiniz. Bunun için kişisel favorim siteBulb, çünkü her iki siteBulb SEO ve performans testi için güçlü bir araç. Servebolt’taki bazı meslektaşlarımın favori olarak çığlık atan kurbağa seo örümcekleri var ve aynı şeylerin çoğunu yapıyorlar. Ancak, ilk başlamak için bildiğim en kolay araç Batchspeed.com. Tam site testi için hazır değilseniz, en azından sitenizde sahip olduğunuz tüm farklı sayfa türlerini test ettiğinizden emin olmalısınız. Bu, çeşitli ürün türleri, kategori sayfaları vb. Her biri site kodunuzun farklı bir bölümünü çalıştıracaktır-bu da farklı performansa sahip olabilecekleri anlamına gelir. Önbellek önbelleği olmayan performans testi, iyi performans gösteren ve WooCommerce dükkanı için çok önemli olan bir barındırma yığınının karmaşık bir parçasıdır. Ancak önbellek, mağazanızın müşterilerinizin gerçekte yaşadığından daha hızlı olduğuna inanmanız için sizi aldatabilir. Nasıl?
İlk olarak, (a) önbelleğin nasıl çalıştığını görelim.Önbellek, geçici sayfa sürümünü depolamak için ilk sayfa ekranını kullanır ve ikinci sayfa ekranından vb. Ve önbellek sona erene kadar, sunucu geçici olarak oluşturulan ve depolanan sayfa sürümünü gönderebilir.Herhangi bir WooCommerce mağazasında, müşteri giriyormuş gibi, doğru şekilde yapılandırılan önbelleklerin tamamen geçeceği birçok koşul vardır.Yani, herhangi bir Woocommerce mağazasında, herhangi bir senaryoda önbellekten gönderemeyeceğiniz birçok sayfa vardır.Bu, bir sepet ve ödeme sayfası gibi bir sayfadır, çünkü dinamiktir ve özellikle doğru ziyaretçiler, konumu, sepet içeriği vb. İçin yapılmıştır.Önbellek olamayan sayfalara örnekler: Oturum Açma Sayfası (IE / My-Account /)
Sepet sayfası
Ödeme sayfası
İstek Listesi Sayfası
Önbellek yalnızca gönderilebilecek sayfalar ve varlıklar için işlevler açtığından, birkaç istek (ziyaretçiler) olarak değiştirilmediğinden, bu tür bir sayfa önbellek makinesi tarafından verilebilecek ek performans elde edemez. Ancak bu sayfalar, müşterileriniz için kullanıcı deneyiminin önemli bir parçasıdır. Ve müşterileriniz ziyaretçilerden sepetinizi veya ödemenizi ziyaret etmeden ödeme yapan müşterilere dönüşemez. Şimdi biliyoruz ki en iyi vaka senaryosu ziyaretçilerin önbellekte bir sayfa istediği ve önbellek geçmesi için bir neden olmadığını biliyoruz. Ve en kötü senaryo, ziyaretçilerinizin istedikleri sayfanın önbellek sürümü ile sunulmamasıdır. En iyi durum senaryosunu test ederseniz, yalnızca en iyi vaka senaryosunu optimize edebilirsiniz. En kötü senaryo, ziyaretçilerinizin çoğu tarafından, her gün, müşterilerinin yolculuğu sırasında kritik anlarda dokunulmaz ve deneyimlenmez. Bu yüzden WooCommerce’i hızlandırabilmek için, önbelleğe dokunmadan sayfalarınızı test etmelisiniz. Bu karmaşık gelebilir, ama aslında yapılması oldukça kolay. Çoğu önbellek hazırlığı için, yapmanız gereken tek şey test ettiğiniz URL’ye bir sorgu dizesi eklemektir. Hatırlanması gereken tek şey, bu sorgu dizesinin gönderdiğiniz her istek için% 100 benzersiz olması gerektiğidir. Bu teknik, PagesPeed Insights, Web Çekirdeği Yaşamları, Chrome, Pingdom, GT Metrix ve WebPagetest.org’da deniz feneri testi dahil olmak üzere bir sayfa testine eklenebilir. Böyle bir sorgu dizesinin örnekleri https://example.com/?
Test = 1 Her yeni test yaptığınızda numarayı değiştirirsiniz. Bilgiden Tamam’a, şimdi katmanları, hızı optimize edebileceğiniz bileşenleri tartıştık, Web’in nasıl çalıştığı hakkında konuştuk ve wooocommerce’i hızlandırma konusundaki bazı genel yanlış anlamaları tartıştık. Son olarak, performansı nasıl test etmeniz gerektiğini açıkladım, böylece aşağıda açıklayacağım önerilerden ve ipuçlarından birinin etkisini nasıl ölçeceğinizi bileceksiniz. Şimdi, bunun takip edilebileceğini yapalım! Woocommerce mağazanızı yüksek performanslı olarak çalıştırın -her web sayfasını barındırarak “sunucuda olan her şey” ve “tarayıcıda olan her şey” denir. Bir Woocommerce mağazası çalıştırırken, mağazanızın hızı “sunucuda olan her şeyin” hızına çok bağlıdır. Tüm sıkı çalışma da sunucu ile başlar ve ürününüzü üretmeyi bitiren bir sunucu alabiliyorsanız, 1 saniye daha hızlı, diğerleri de 1 saniye daha hızlı tamamlanacaktır. Bu nedenle, WooCommerce’i yüksek performanslı barındırmada çalıştırmak, büyük olasılıkla Woocommerce mağazanızı hızlandırmak istiyorsanız verebileceğim en önemli ipucudur. WooCommerce Hosting Company’de ne aranmalı? Burada size iki şey söyleyebilirim; doğru yerdesiniz, çünkü sergebolt.com en hızlı olduğu kanıtlanmıştır
Wphostbenchmark.com ve onların wooocommerce ölçütlerini kontrol edin ve en hızlı menşe performansına sahip olanları seçin
Bu ipuçlarının her ikisi de sizi aynı yere götürecektir: Ücretsiz Woocommerce Hosting Denememize kaydolursunuz.Ancak kendi karşılaştırmanızı yapmaya karar verirseniz, Woocommerce mağazanız için barındırma şirketinizi nasıl karşılaştırmanız gerektiğini bilmek isteyebilirsiniz: Hosting şirketinde karşılaştırmak istediğiniz bir test hazırlayın.
Sitenizin bir kopyasını oluşturun ve her barındırma şirketinde ayarlayın
Yukarıda belirtilenle aynı testi çalıştırın
Aynı testi çalıştırmak ve önbellekten geçen testler, sadece gönderilen içeriği önbelleğe alabileceklerinde verebilecekleri performansı değil, barındırma şirketinin gerçek performansını görmenizi sağlayacaktır. WP-CRON’u doğru çalıştırdığınızdan emin olun WP-CRON, eklentinin, temanızın veya kodunuzun arka planda çalışacak çeşitli şeyleri planlayabileceği WordPress üzerine inşa edilmiş bir sistemdir. WooCommerce bağlamında, bu, entegrasyondan stok durumunu alarak ürün besleme güncellemeleri şeklinde olabilir ve /WP-Admin’den doğrudan etkileşim olmadan mağazanızın çalışmasını sağlamak için birçok küçük görev gereklidir. Varsayılan olarak, WP-CRON, WordPress kurulumunuzdaki trafikle tetiklenir. WP-CRON’u tetiklemek için trafiği kullanmak, WP-CRON’u CRON SISSES/Sunucu ve WP CLI kullanarak çalıştırma yeteneğine sahip olmadığınızda akıllıdır. Bununla birlikte, tüm iyi WooCommerce barındırma platformları ve dürüst olmak gerekirse, woo mağazanız için düşünmeniz gereken tüm WordPress barındırma platformları, WP-Cron’u Cron sisteminden çalıştırma yeteneğine sahiptir. WP-CRON’u tetiklemek için bir CRON sistemi kullanırken, ziyaretçi trafiğini bir tetikleyici olarak kullanmanıza gerek yoktur ve ziyaretçinin deneyimini yavaşlatmayacak veya sitenizin ölçeklenebilirliğini sınırlandırmayacaktır. Gereksinimler: WP CLI yüklendi
CRON Side Server Özel Mevcut ve Yapılandırılabilir
WooCommerce için her dakika Cron’u çalıştırmanızı öneririm.
Bir crontab kullanırsanız, crontab’a yerleştirilecek doğru komut şuna benzer: 1 * * * * * Nice 15 WP CRON Olay Run -Now -Path =/Path/to/wp/-quiet devre dışı bırakın WP-CRON WP-Config’de WP-CRON’u bir CRON sistemi kullanarak doğru ayarladığınızda, WP’nin varsayılan olarak çalıştırmadığından emin olmanız gerekir.Bu, bu çizgiyi wp-config.php’nize ekleyerek yapıldı.tanımlama (‘disable_wp_cron’, true);HTTP aracılığıyla WP-CRON çalıştırmayın, birçoğu WP-Cron.php’ye HTTP istekleri göndermeden WP-CRON çalıştırabileceğinizi ve bu nedenle WP-CRON.phP’yi tetiklemek için harici hizmetler hazırlayabileceğinizi bilmiyor.Bu ve büyük olasılıkla, Web sunucunuzda bulunan HTTP soketlerini ölçeklenebilirlik sorunlarına neden olabilir ve en üst düzeye çıkarabilir.Bonus İpuçları:
CRON Eylem Zamanlayıcı Sistemi’nden eylem programları çalıştırmak, WordPress için bir tamamlayıcı olduğu söylenebilen bir sistemdir ve bazı durumlarda WP-CRON’un arka plan görevlerini ve eylemlerini işleme açısından tamamen değiştirebilir. Planlanan eylem, gelecekte çalışacak WordPress kancalarını tetikleyen bir kütüphanedir (veya eşzamansız eylemlerde mümkün olan en kısa sürede). Her kanca, geri çağrının veriler üzerinde işlem yapmasına izin vermek için benzersiz verilerle planlanabilir. Kancaların da bir veya daha fazla durumda çalışması planlanabilir. Bir kancayı geciktirme ve tekrarlama yeteneği ekleyen DO_ACTION () için bir uzantı gibi düşünün. Bu arada, bu işlev aynı zamanda WordPress’teki büyük bir görev kuyruğunun arka planını işlemek için güçlü bir çalışma kuyruğu oluşturur. Günlük ve idari arayüzlerin eklenmesiyle, bu aynı zamanda arka planda işlenen bir görev sağlar. Varsayılan olarak, WP-CRON ve yönetici istekleri tarafından başlatılan planlanan eylem. Ancak, WP-CRON sistemi aracılığıyla, kullanıcı etkileşimi olmadan çalışabilmesi için eylem programları yapmanız gerekmez. Yapmanız gereken ilk şey, eylem zamanlayıcısını yüklemektir – GitHub’da bulabileceğiniz varsayılan kuyruk koşucu eklentisini devre dışı bırakmaktır. Bir sonraki şey, Cron üzerinden eylem programlarını tetiklemek için WP CLI’yi kullanmaktır. Komut, CRON ve WP CLI aracılığıyla WP-CRON’u nasıl tetikleyeceğinize benzer.
* * * * * Güzel -n 15 WP Eylem -Scheduler Run -Path =/Path/to/wp/-quiet Bunu formant optimize edici servis civarında girmeyi planlıyoruz, bu nedenle ServiL optimize edici versiyonunda buna dikkat edin Belli bir eklenti kullanın, İsviçre Çekirdek WooCommerce Ordu bıçağı eklentisinin kendisi her e -ticaret mağazasının tüm temel işlevlerine sahiptir; Ürünler, arabalar, çıkışlar, nasıl ödeme yapılır, sipariş yönetimi vb. Yani her zaman aldığınız şey, mağazanızda ek olarak istediğiniz şeyi elde etmek için uzun bir eklenti listesidir. Ürününüzü daha iyi filtrelemenize, özel bir durum ödeme ağ geçidi eklemenize ve hatta akıllı yükseliş tekniklerini kullanarak daha fazla satmanıza yardımcı olabilecek eklentiler vardır. Her şey iyi. Bununla birlikte, tüm bu işlevler de bir ücret gerektirir – daha spesifik olarak zaman maliyeti. Bu kez sunucuda sayfalar oluşturma işlemine, sunucudan tarayıcıya veri aktarma süresine veya tarayıcıda sayfa oluşturma işlemine eklenir. Kurduğunuz her eklenti için, çok hafif ve ince olmasına rağmen, sitenizin ağırlığına katkıda bulunacak ve bu nedenle sitenizi yavaşlatacaktır. Soru, ne kadar ve mümkün olup olmadığıdır. Woocommerce mağazanızın performansını optimize etmede çok önemli olan her eklenti adını test edin, eklentinin performansının her etkisini eşlemektir. Bu, tam siteye odaklanarak yukarıda belirtilen yöntem kullanılarak yapılmalıdır. Etkinleştirilmiş Wooocommerce Core dışındaki eklentiler olmadan başlayın ve kullandığınız tüm eklentileri tek tek etkinleştirin. Bir eklentiyi etkinleştirdikten sonra, eksiksiz bir site performans testi çalıştırın.
Gelecekteki tüm gelişmeler için ilk performans metodolojisini kullanın, tema değiştirme ve kurulum ve eklenti yenilemesi, performansın etkisi için test edilmelidir. Bir eklenti siteyi sadece biraz yavaşlatabilir, ancak her şey artar. Daha yavaş bir siteniz olmadığından emin olmak için, birkaç yıl önce yazdığım ilk performans metodolojisini kullanmanızı şiddetle tavsiye ederim. WooCommerce Shop Performans veritabanınız, veritabanınızın verileri ne kadar hızlı işleyebileceğine çok bağlıdır. Hem okuma hem de yazma. Bakalım burada ne yapıyoruz. Veritabanı Makinesi WooCommerce mağazanızı uzun süre çalıştırdıysanız veya WooCommerce mağazanızı eski bir veritabanında başlatırsanız, yine de eski bir veritabanı kullanabilirsiniz. Myisam ve Aria gibi eski ve modası geçmiş veritabanı makinelerinin kilitleme tablosu adı verilen bir şey var. Bu, veritabanına yazan işlem devam ederken tablonun tabloya okunmaya ve yazmaya hazır olmayacağı anlamına gelir. Bu, WooCommerce mağazanızda büyük bir yavaşlamaya neden olabilir. Ancak gelişme çok kolay. En basit yol, Servicebolt Optimizer eklentimizi yüklemek ve performans optimizerini çalıştırmaktır. Bu, veritabanı makinenizi tüm veritabanı tablolarındaki modern InnoDB olarak güncelleyecektir. Innodb bir kilitleme hattı seviyesine sahiptir. Yani, sadece yazdığı yere kilitlenmesi gerekiyor. Bu dizin, veritabanı boyutundaki bir artışın da onu daha yavaş hale getireceği genel bir yanlış anlamadır. Veritabanı veri sorarken veritabanı dizinini kullanabiliyorsa, veritabanı boyutu neredeyse alakasızdır.
Tıpkı bir kitaptaki bir dizin veya içerik tablosu gibi, veritabanı dizini de büyük miktarlarda yapılandırılmış verilerde bir şey bulmayı kolaylaştırır. WordPress’teki seçenek tablosunun otomatik yük dizini, her sayfa ekranı için gereken verileri içerir. WordPress, opsiyonları otomatik bir yükleme olarak bildirerek bu seçeneğin PHP’ye yüklenmesini hızlandırır. Bir seçeneğin otomatik olarak yükleneceği bildirildiğinde, opsiyon değeri ek veritabanı sorguları gerekmeden PHP’ye otomatik olarak yüklenir. Otomatik yük sütuna bir dizin ekleyerek, tüm otomatik yük seçeneklerini almak için kuyruğu da hızlandırabilirsiniz. Postmeta WooCommerce Meta_Nend Dizin, _postmeta tablosunu ve Metavalue sütununu kullanarak birçok sorgu gerçekleştirir. Metavalue sütununa bir dizin ekleyerek, bu kuyruğu birden çok hızlandırabilirsiniz! Redis kullanmalı mısınız? Birincisi, redis nedir? Redis, bellekte yaşayan bir veritabanı ve önbellektir. Genel olarak, belleğe okuma ve yazma, dosya tabanlı depolama alanından okumak ve yazmaktan daha hızlı. Redis genellikle WordPress ve WooCommerce bağlamında, genellikle bellekte erişilen verileri depolamak için önbellek olarak kullanılır – böylece veriler daha hızlı alınabilir. Yani bu, Redis’i yüklemeniz gerektiği anlamına geliyor, değil mi? Bu o kadar basit değil. Redis esas olarak sıklıkla kullanılan veri toplamayı hızlandırmak için kullanıldığından, Redis mağazanızdaki tüm sayfalara, yayınlara ve ürünlere gerçek bir performans iyileştirmesi sağlamaz. Ve bu da arabanızı veya kasanızı hızlandırmayacaktır. Bu esas olarak iki şey yüzünden doğrudur:
İpucumu izlediyseniz “Mağazanızı Yüksek Performanslı WooCommerce Hosting’de Çalıştırın Bu PHP’dir ve önbelleklemeye benzer şekilde Database.Redis’te depolanan verileri nasıl kullandığınızdır, genellikle aynı veriler için birçok istek olduğunda daha iyi performans gösterir.
Redis’in Frontnd’in performansını gerçek bir miktarla hızlandırdığını görmedim. Gördüğüm şey Redis arka uç, sipariş yönetimi vb. Ancak yığınlara bir nokta arıza bileşeni ekleme riski nedeniyle, ne yaptığınızı bilmediğiniz sürece genellikle uzak durmanızı öneririm. Önbellek önbellek, tüm performans sorunları için “kutsal fincan” olarak izlenim verebilir. Önbellekleme, bir talebe geçici olarak bir yanıt depolamak, daha sonra aynı yanıtı tam olarak aynı kaynak için tam olarak aynı kaynaklar için göndermek için bir tekniktir. Her yanıt, yanıtın ne kadar süre önbellek olması gerektiği veya yanıtın tamamen önbellek olup olmadığı hakkında talimatlar içerir. Önbellekleme, insan beyni gibi birçok açıdan çalışır. 2 + 2 = 4 ve 6 * 6 = 36 olduğunu bildikten sonra, doğru sonuçları elde etmek için saymanıza gerek yoktur. 2 + 2 = 4’ün önbellekleme olarak adlandırılabileceğini bildiğiniz gerçeği. “2 + 2” bir istektir ve 4 cevaptır. “6 * 6” = Cevabının 36 olduğunu biliyorsunuz, böylece 6 * 6 = 36 olduğunu bilmeyen birinden 36’ya daha hızlı cevap verebilirsiniz.
Önbellekleme, gerçekte, başlangıçta tam bir performans için oluşturulmamıştır, ancak bilgisayarların aynı şeyi tekrar tekrar hesaplayan kaynakları kullanmamasına izin vermek amacıyla oluşturulmuştur. Ve böylece sistemin ölçeklenebilirliğini arttırır. Service Optimizer ve Hızlandırılmış Alanlar WooCommerce için ayarlanır ve optimize edilir ve Woocommerce mağazanız için güvenli bir önbellek uygular. Bununla birlikte, önbellekleme aynı zamanda tam olarak anlaşılması çok zor bir mekanizmadır ve yanlış uygulanıyorsanız etkisi büyüktür. Önbellek, oturum açma sayfaları, çıkışlar vb. Gibi önbellek olmaması gereken tüm sayfaların önbellek olmadığından emin olmalısınız. Hepsini körü körüne önbelleğe alırsanız, nihayet kişisel bilgileri açıklarsınız, müşteri sepetini Müşteri B’ye gönderirsiniz, vb. Modern Web’de önbellekleme, performans için önemli olan çeşitli katmanlarda uygulanır. Bu önbelleğin bazı katmanları:
CDN Proxy Cache CDN CDN Proxy Cache, orijinal sunucu ile tarayıcı arasındaki bir önbellektir. Hızlandırılmış etki alanı ve bulutflare proxy CDN türleridir ve orijinal sunucuya ulaşmadan önce hızlandırılmış alan üzerinden tüm istek ve yanıtlardır. Hızlandırılmış etki alanı daha sonra talebe bir yanıt kaydeder ve aynı istek ortaya çıkarsa, daha sonra tekrar hizmet verebilir. Bu, web’i menşe noktasına kadar izlemekten çok daha hızlıdır. Statik varlıklarınıza (resimler, JavaScript, CSS, vb.) Hizmet eden iyi bir CDN’ye sahip olmak, herhangi bir WooCommerce web sitesi için minimumdur. Performansı en üst düzeye çıkarmak istiyorsanız, WooCommerce’e göre uyarlanmış sofistike önbellek makineleri içeren hızlandırılmış alanlar gibi performans geliştirme hizmetlerini etkinleştirmenizi şiddetle tavsiye ederim. Sunucu Sunucu Önbellek Sunucusu diğer önbellek gibi, ancak CDN Proxy önbelleği ile karşılaştırıldığında, sunucu önbelleği sunucuda ve hızlandırılmış alanlarla yaptığınız gibi tarayıcılar ve sunucular arasında zaman yolculuğu kaydetmezsiniz. Time Cache Server genellikle diğer önbellekler gibi bir HTTP önbellek kontrol başlığı kullanılarak kontrol edilir. Ve çoğu önbellek sunucusu, yanıtın genel önbellekte saklanabileceğini kontrol etmenin yanı sıra Max-REP ve S-Maxage değerlerine saygı duyar. WooCommerce için önbellek süresini 8 ila 10 saat arasında tavsiye ederim, ancak daha uzun bir önbellek süresi ile test yapabilirsiniz. Bilmiyorsanız veya kendiniz kontrol etmek istiyorsanız, Service Olun Optimizer eklentisini kullanın. Service Optimizer doğru önbellek başlık ayarlarını işler. WordPress ve WooCommerce üzerindeki uygulama önbelleğinde önbellekleme için eklentileri de kullanabilirsiniz.
Bu, W3 Total Cache, WP roketi vb. Gibi bir eklentidir. Bu eklentilerin yaptığı şey, sunucudaki dosyalarda bir istek sayfasının geçici bir sürümünü depolamaktır. Bu, önbelleklemenin çok verimsiz bir yoludur ve sunucu ITSEF’de ve/veya Cache’yi küresel olarak dağıtan Hızlandırılmış Alanlar veya Cloudflare gibi bir hizmette önbelleğe alma yeteneğiniz varsa kullanılmamalıdır. Tarayıcı, sitenizdeki bir şeyi değiştirdiğinizi hiç deneyimliyor, ancak yine de ön uçtaki değişenleri görmüyor musunuz? Birçok senaryoda önbellek tarayıcısı. Tarayıcıda, bilgisayarınızda veya telefonunuzda depolanan bir sayfanın veya varlığın geçici bir sürümü. Aynı sayfayı veya varlıkları birden çok kez indirmeniz gerekmeyecek şekilde orada. Tarayıcı önbelleği sunucudan ve proxy önbelleğinden iki şekilde farklıdır; Özeldir – yani özel bilgileri önbellekte saklayabilirsiniz ve kontrol etmek çok zordur. Önbellek tarayıcı zamanı, diğer önbellek gibi önbellek kontrolü HTTP başlığı kullanılarak kontrol edilir. Tarayıcı önbellek zamanını tüm statik varlıklarınız için yüksek bir değere ayarlamanızı öneririm. Statik varlık URL’lerinizdeki Dizeler sürümünü kullanırsanız, bir ay önbellek süresine (2629800 saniye) güvenle olabilir. HTML Howver için tarayıcı önbelleği için yüksek değer olamazsınız. 10 dakika (600 saniye) kullanmanızı öneririm, çünkü bu, bir kullanıcı tarayıcıdaki geri düğmeyi veya benzeri geri düğmeyi tıklattığında, ancak kullanıcının eski ve modası geçmiş içeriği görebileceği kadar uzun değil. Bunu kendiniz bilmiyorsanız veya kendiniz kontrol etmek istiyorsanız, Service Olun Optimizer eklentisini kullanın. SERVISTBOLT Optimizer doğru önbellek başlıklarını ayarlamakla ilgilenir.
Önbellek, WooCommerce’deki tüm performans sorunlarınızı çözmez, genellikle herhangi bir GET isteğini önbelleğe alabilirsiniz.Talepler, isim önerileri gibi, bazı kaynaklar elde etme istekleridir.Get istekleri genellikle yukarıda belirtildiği gibi önbellek yapmak için güvenli olsa da, önbellek teslim edemeyeceğiniz birçok sayfa vardır: oturum açılmış sayfalar ( / benim hesap /, vb.)
araba
İstek listesi
WooCommerce’de de sonrası isteklere ihtiyacınız var. Gönderi istekleri, web sunucusuna bir şey yayınlamayı talep ediyor. WooCommerce’de bu “X Maddesi eklediğim yaz” veya “Bu Sipariş Gönder” olabilir. Ve sonrası istekler asla önbelleğe alınamaz. Hızlandırılmış alanlarda önbellek nasıl çalıştığı hızlandırılmış alanlar, önbellekleri en iyi uygulamalara ve internet standartlarına göre uyguladı ve WooCommerce ile mükemmel bir şekilde çalışacak şekilde ayarladı. Hızlandırılmış alanlarda, WooCommerce’e özgü birkaç şeyi de çözdük. Genellikle bir şey olduğunda, arabada bir şey olduğunda, önbelleğe yazmayın, önbelleğe yazmayın, çoğu sunucu önbelleği atlar. Bir arabada bir şey var, bir çerez kümeniz olduğu ve bu çerezin sunucuya gönderdiğiniz isteği benzersiz kıldığı anlamına gelir. Benzersiz istekler önbellek vurmaz. Hızlandırılmış alanlarda, ziyaretçinizin arabasında bir şey olsa bile, HTML’yi önbellekten servis edebilmek için bir “mağaza olmayan” tekniği uyguladık. Bu, sepette bir öğeye sahip bir ziyaretçinin HTML’nin önbellekten daha hızlı teslim edilmesini sağlayabileceği anlamına gelir, ancak bir nedenden dolayı önbelleğe çarpmayan talepler asla önbellekte saklanmaz. Bu, tam sipariş için tam müşteri yolculuğu sırasında daha hızlı performans sağlar. Ön uç kodunuz, tarayıcının işlemleri kodunun, hızlı işlendiğinden emin olmak için optimize edilmesi ve temizlenmesi gerekir. Bunlar üzerinde çalışılması gereken en önemli şeyler. HTML Doğrulama Doğrulama HTML, performans optimizasyonunun unutulmuş bir parçasıdır. Birçoğu artık ihtiyaç duyulmadığını düşünse de, gerçek şu ki ‘
Her şey kadar önemli. Ve iyi haber şu ki, en çok kolay. Doğrulayan html, standarttan sapan ve hatalar ve uyarılar içeren HTML’den daha hızlı ayrıştırılır ve daha hızlı hale getirilir. Tarayıcı yanlış HTML’yi ayrıştırma ve oluşturma konusunda ellerinden geleni yaparken, doğrulanmış ve doğru HTML’den daha fazla zaman alır. HTML’yi geçerli kılmak basit bir performans geliştirmedir. W3C, HTML’nizi açık standartlara göre test edebileceğiniz bir doğrulama hizmetine sahiptir. Kullanımı kolaydır ve anahtar ortaya çıkan tüm hataları ve uyarıları düzeltmektir. Tarayıcı konsolundaki konsol hataları JavaScript yürütme, HTML’yi ekli stil tabakaları ile ayrıştırma ve oluşturma hataları bulacaksınız. Tıpkı PHP’de ve genel olarak web sunucusunda olduğu gibi, hatalar zaman alır. Surre’yi Konsol hataları ve uyarıları yoktur veya oraya olanları düzeltin, sayfayı ayrıştırırken ve oluştururken tarayıcı iş yükünü kolaylaştırmanın önemli bir adımdır. Kat CSS, kritik CSS veya ilk görünüm CSS’nin üzerindeki kritik CS’ler. Birçok adı var, ancak hepsi ilk ekranda sayfanızın üstünü oluşturması gereken stilden bahsediyor, katı doğru bir şekilde çağırıyor. Başka bir deyişle, stilin web sitesinin web sitenizi ziyaret ederken önce göreceği bir kısmını oluşturması gerekir. Kritik CSS’yi önce ayrı bir dosyaya yüklemek ve stilinizin geri kalanını daha sonraki bir zamanda yüklemek, temel web canlılarını ve web sitenizin deneyimli hızını artırabilir. Bu süreç sıkıcı bir süreç olabilir ve bu ‘
En iyi otomatik olarak yapılır. Şimdiye kadar bunu yapan en iyi eklenti, popüler eklenti AutOptimize ile birlikte kullanabileceğiniz kritiklerdir. Kullanılmayan CSS Temalar veya eklentiler ve özellikle “çok amaçlı temalar” veya “İsviçre Ordu bıçak eklentileri” satın alırsanız, bunlar ihtiyacınız olmayan birçok CSS ile birlikte gelir. Çalışması veya ayrıştırılması gereken koda, ancak sonuç üzerinde herhangi bir etkisi olmayan koda şişme denir. Sunucuda kod oluşturmak, bu kodu İnternet üzerinden göndermek ve bir WooCommerce mağazasının stilini, deneyimini veya işlevselliğini etkilemeyen tarayıcının ayrıştırma kodunu yapmak, atık zamanı, atık enerjisi ve son olarak, atık para. Yükleme hızı, dönüşüm oranınızı etkileyen temel teknik faktörlerinden biridir. Sitenizin ne kadar CSS kullanmadığını ancak yine de yüklendiğini tam olarak bulmak istiyorsanız, PurifyCss.online ve benzer araçları tavsiye ederim. Bu araçlar, CSS’nizin yüzde kaçının kullanılmadığını söyleyebilir ve hatta sizin için daha temiz bir stil sayfası dosyası oluşturabilir. Stil sayfası tema veya eklenti tarafından eklenirse ne yapmalı? CSS bir eklenti veya tema ile eklenirse, optimize etme işlemi her zaman biraz daha karmaşıktır. Eklentileriniz var sizin için çalışıyor, ancak bu eklentiler sadece gelişiyor ve mükemmel yapmıyor. Şahsen yapıştırdığım teknik, PurifyCSS gibi araçları kullanarak kodun hangi bölümlerinin kullanıldığını belirlemek, stili temadan veya eklentiden kaldırır ve bir alt temaya kullanılan CSS’yi ekler. Stil sayfasını yüklemeden kaldırmak için, çocuk temanızın veya özel bir site eklentisinde veya özel bir site eklentisinde stil sayfasını dequeue ve isteğe bağlı olarak deregister yapmanız gerekir. Örnek add_action (‘wp_enqueue_scripts’, ‘
Remove_default_stylesheet ‘, 20); Fonksiyon rove_default_stylesheet () {wp_dequeue_style (‘orijinal-enqueue-stylesheet-handle’); WP_DEREGISTER_STYLE (‘Orijinal-Register-Stylesheet-Handle’); } Ön uç Varlıkları Tarayıcınız tarafından yüklenen varlıklar olan ön uç varlıkları, performans için optimizasyon için çok fazla alana sahiptir. Özellikle çok fazla ve/veya büyük görüntü kullanıyorsanız. Görüntü resimlerinizi optimize et, genellikle potansiyel bir müşterinin satın alınmadan ve teslim edilmeden önce fiziksel bir ürüne en yakın olanıdır. Görüntüler önemlidir ve bir mağaza sahibi olarak görüntülerin mümkün olduğunca yüksek kalitede olmasını istersiniz. Öte yandan, görüntüleri ziyaretçilerinizin ekranlarında görüntüleyebileceğinden daha fazla göndermek istemezsiniz. Ekranın sahip olduğundan veya görüntü kapsayıcısından daha fazla piksel göndermek, yalnızca görüntünün yüklenmesini ve görüntüsünü yavaşlatan ve bir bütün olarak sayfayı olası gereksiz veriler anlamına gelir. Görüntülenecek olandan daha fazla piksel göndermek, yalnızca İnternet üzerinden tarayıcıya aktarılacak daha fazla veri anlamına gelmez, aynı zamanda tarayıcı da uygun hale getirmek için görüntüyü küçültmelidir. Bunların hepsi zaman alır. WordPress ve Wooocommerce’de bir dizi görüntü boyutunuz var ve eklentiler ve temalar da görüntü boyutlarını kaydedebilir. Bu görüntü boyutları, yüklediğiniz görüntülerin hangi boyutları yeniden boyutlandırılması gerektiğini kontrol eder, böylece kullanıma bağlı olarak en uygun görüntüyü sunabilirsiniz. Tüm resimleriniz çoğaltılacak ve bu görüntü boyutlarına yeniden boyutlandırılacak ve diskte depolanacaktır. Bu harika ve temanızda sizin konteynere en iyi resim boyutunu kullandığınız sürece ‘
Görüntülenen, görüntülerinizi optimize etmenin ilk adımını yaptınız.Mağazanız için doğru görüntü kalitesini seçin Şimdi boyutlara dokunduk, ancak bir görüntü olduğu megabayt veya kilobayt miktarı söz konusu olduğunda bu denklemin sadece yarısı.Diğeri görüntü kalitesi veya görüntü sıkıştırmasıdır.Görüntü kalitesi basitçe bir görüntüdeki doğruluk seviyesi anlamına gelir.Varsayılan olarak, WordPress ara boyutlarda 100 üzerinden 82 kalite kullanır.Bu çoğu için iyidir, ancak görüntüleri optimize ederken “herkes için iyi” olmasını istemezsiniz “bu mağaza için yeterince iyi”.Neyse ki, bu ayar değiştirilebilir.Mağazanız için mükemmel kalite ayarını bulmak için kalite ayarı ile oynamalısınız.Ne kadar düşük olursa o kadar iyi olur.Genellikle 60 ila 70 arasında bir şeyle sonuçlanır. Kalite ayarı, tam boyutlu görüntünün kalitesini nasıl değiştirmez, sadece ara boyutlar.Ama neyse ki bunun için de bir düzeltme var!
Bir sonraki adım, kullanmadığınız görüntüdeki verilerden kurtulmaktır.Henüz bilmiyorsanız, görüntüler ITSEL’in görüntülenmesiyle ilgisi olmayan veriler içerebilir.Bu verilere meta veri veya EXIF verileri denir.Bu telif hakkı bilgileri, bir fotoğrafın nerede çekildiği, kim ve benzeri hakkında bilgi olabilir.Bu bilgiler normal bir WooCommerce mağazasında fazla değer sağlamaz ve kaldırılmalıdır.Görüntü yeniden boyutlandırmanın yanı sıra daha önce görüntü optimizasyonu hakkında yazdık.Her ikisi de bu konuyla ilgili kontrol etmek için iyi kaynaklardır.Varsayılan kaliteyi ve maksimum boyutunu değiştirin ve exif verilerinden kurtulun, neredeyse her zaman bir WooCommerce mağazasına yüklediğim birkaç eklentiden biri, eklentiyi ShortPixel’den yükledikten sonra yeniden boyutlandırma görüntüsüdür.Bu, esas olarak iki çok önemli şey yapan hafif bir eklentidir: tam boyutlu görüntüyü yeniden boyutlandırın ve optimize edin
Ara boyutların kalitesini değiştirin
Eklentide tam boyutlu görüntünün maksimum boyutunu ayarlayabilirsiniz ve daha büyük bir resim yüklediyseniz eklenti görüntüyü bu boyuta kadar yeniden boyutlandırır. Resim yükleyen kişiler, yüklemeden önce görüntüyü yeniden boyutlandırmazsa harika bir özellik. Ayrıca hem tam boyutlu görüntünün kalitesini hem de ara boyutların kalitesini değiştiren bir kalite ayarı da ayarlayabilirsiniz. Bu eklentinin yapmadığı şey, zaten yüklediğiniz görüntüleri yeniden boyutlandırmak ve optimize etmektir. Bunun için bazı basit CLI komutları veya ayrı bir eklenti kullanmalısınız. Duyarlı görüntüler, böylece resimlerimizi optimize ettik, harika! Bu, Wooocommerce mağazamızda sahip olduğumuz görüntülerin hız için optimize edildiği anlamına gelir. Şimdi, bir sonraki görev hangi görüntüyü hangi tarayıcıya ve hangi ekran boyutuna sunduğumuzu optimize etmektir. Modern tarayıcı, duyarlı görüntüleri, srcset ve boyut özniteliğini destekler. Bu, bir etiket bildirme birden fazla boyutta olmanızı sağlar ve tarayıcı yalnızca tam bu ekrana en uygun olduğuna inandığı görüntüyü indirir. Çoğu tema ve eklenti, ayrıca WordPress ve WooCommerce ITSEL Destekleyici Görüntüleri Destekleyin ve çalışması için hiçbir şey yapmanıza gerek yok. Bu, duyarlı görüntülerinizi optimize etmek için hiçbir şey yapamayacağınız anlamına gelmez. Temanızın ve eklentinizin sizin için zaten yapılandırdığına bağlı olarak, belirli tarayıcılara ve ekran boyutlarına terzi için kendi özel boyutlarınızı da ekleyebilirsiniz. Bu biraz karmaşık olsa da, hızlandırılmış alanlarda yapmayı kolaylaştırdık. Duyarlı görüntüler, yeniden boyutlandırılmış ve uçan hızlandırılmış alanlarda optimize edilmiş
Hızlandırılmış alanlarda, anında otomatik görüntü yeniden boyutlandırma ve optimizasyon oluşturduk.Eklentimizde minimum yapılandırma ile görüntü dağıtımını ve boyutlarını kolayca optimize edebilirsiniz.Daha fazla görüntü diskte saklamadan, yeniden boyutlandırılmış sürümleri içerideki hızlandırılmış alan ağlarında saklarken.Serviolt Optimizer eklentisini ve hızlandırılmış alan adlarını kullanarak otomatik olarak yarım boyutlar ekleyin, bir anahtar hareketi ile, zaten kayıtlı tüm görüntü boyutlarınızın boyutunun% 50’si olan boyutlar ekleyin.Bu, 100 × 100 görüntü boyutunuz varsa, otomatik olarak 50 × 50 görüntü boyutu ekleyeceğimiz anlamına gelir.
zaten bir tane var. Bu, tarayıcı için mevcut olan görüntü boyutlarını artıracak ve daha büyük bir ekran ve tarayıcı boyutları kümesi için otomatik olarak optimize edecektir. Eklentideki görüntü kalitesini ayarlayın Görüntü kalitesini de takip edebilirsiniz. WordPress’te varsayılan 85’tir, ancak yukarıda belirtildiği gibi, WooCommerce mağazanız ve ürününüz için kabul edilebilir en düşük kaliteyi bulmak için bu ayarı denemelisiniz. Hızlandırılmış alanlarda görüntü yeniden boyutlandırma özelliğinde bunu tüm resimler için kolayca yapabilirsiniz. Ekstra görüntü boyutu, resimlerinizi daha kolay optimize edebilmeniz için, özel görüntü boyutları eklemek için kolay yollar ekleyerek görüntü boyutunuzu optimize etmenin kolay bir yolunu ekledik kod olmadan. Ekran boyutunu ve kitlenizin hangi tarayıcı kullandığını analiz ederek, görüntünüz için hangi görüntü boyutunun kullanılabilir olması gerektiğini belirleyebilirsiniz. 1300 piksel genişliğe sahip bir tarayıcıda ürününüzü ziyaret eden birçok ziyaretçiniz olduğunu varsayalım. Ardından, ürün görüntüsünüzün doğru görüntü boyutunu 1300 piksel büyük ekranda bulabilir ve bu boyutu ekleyebilirsiniz. Tarayıcı daha sonra mükemmel boyutu kullanacaktır! Yerel Font Yerel Olarak Ana Bilgisayar Google yazı tipleri veya diğer üçüncü -parti yazı tipleri kullanırsanız, bu büyük olasılıkla Fonts.google.com’dan alınır. Bu, ilk istekle aynı etki alanından varlıkları yüklemekten daha yavaş olan yeni etki alanına ayrı istekler getirir. Bunun nedeni, iki tarayıcının ayrı bir DNS araması ve SSL’yi diğer sunucularla müzakere etmesidir. Tavsiye ettikleri yöntemi kullanarak Google’dan yazı tipleri yüklediğinizde, yazı tipi teşhis edilir ”
Render Engelleme Kaynakları “ve yükleme süresine neredeyse tam bir saniye ekleyecektir. Yazı tiplerini yerel olarak yayınlamak yerine hızlandırılmış bir alanda çözüldü, hızlandırılmış alanlarda bir Google yazı tipi proxy hazırladık. Bu, yazı tiplerini yerel olarak göndermekle aynı etkiye sahiptir. , ancak otomatik ve kullanımı kolay. Async ve geciktirme javascript JavaScript çoğunlukla bir dil komut dosyası dili olduğu ve kod tarayıcıda çalıştırıldığı için, JavaScript’i yüklerken ve çalıştırırken zaman ayarı anahtardır. Bunu tam olarak anlamak için nasıl olduğunu anlamalıyız ve tarayıcı JavaScript’i yüklediğinde ve çalıştırdığında, tarayıcıdaki HTML ayrıştırıcısının üstten çalışmak için anahtarı. . bir başlık içerik Burada önemli notlar, HTML’yi ayrıştırma ile oluşturma sayfaları arasında bir fark olduğudur. Oluşturma engelleme komut dosyasını duymuş olabilirsiniz ve render engelleme komut dosyası eşzamansız veya düzeltme erteleme değildir, çünkü komut dosyasına ve komut dosyasını neyin tetiklediğine bağlıdır. Komut dosyasını, async erteleme olmadan kafada bulunan komut dosyasına yükleyin.
Komut dosyasını, etiketinin sonuna yerleştirilen komut dosyasının sonuna yükleyin, ayrıca gövde etiketinin sonunda alınır ve yürütülür. İndirilir. Ancak senaryo indirildikten sonra yürütülecek. DeFer, tarayıcıya komut dosyasını indirmesini ve HTML ayrıştırma işlemi tamamlanana kadar komut dosyasını çalıştırmamasını söyler.
Komut dosyasını bir gecikme ile yükleyin Bir erteleme ile yüklendiğinde, kafasında, tarayıcıya komut dosyasını alması gerektiğini söylersiniz, ancak HTML’yi parçalamaya devam eder ve HTML tamamen açıklanana kadar komut dosyasını yürütmeyi beklersiniz.
Entegrasyon entegrasyonu, her başarılı WooCommerce mağazasında önemli bir bileşendir. Entegrasyon, yönetimi hızlandırabilir, nakliyeyi basitleştirebilir ve hatta satışlarınızı artırabilir. Ancak, entegrasyon kötü bir şekilde ve iyi bir şekilde yapılabilir. Entegrasyonu kötü yapan nedir?
Bazı entegrasyon, WordPress’in dahili olarak çalışma şeklini tam olarak anlamayan insanlar tarafından yazılmış ağır eklentiler şeklinde gelir. Bu, sipariş yönetimi için bir eklenti yüklemenize neden olabilir ve daha sonra gerçekleşmesi için herhangi bir neden olmadan ön uçunuzu yavaşlatır. Genellikle doğrudan gibi görünen ve düşük bir etkiye sahip olması gereken entegrasyonla karşılaşırız, ancak aksine. Kötü bir entegrasyon örneği, her sayfa yüklemesindeki eklentiler veya temalar veya hizmetlerini siteye bağlamak için XML-RPC kullanan entegrasyon için bir lisans kontrolüdür. Daha açık kötü entegrasyon sürümü ağır kod entegrasyonudur, sadece tanıttıkları veya yalnızca eklenti kodunu ve yanlış varlıkları içerdiği için sitenizi yavaşlatır. Ne zaman, nerede ve nasıl yüklenmesi gerektiği gibi. İyi entegrasyon, örneğin yukarıdaki kötü örnek bağlantılar için bir yangın isteği kullanacaktır, hangi sayfaları yüklediklerinde dikkat edin. Veya genellikle yalnızca çok hafif veya eklentileri hiç kullanması gerekmeyen eklentiler. Ürün araması aramak, her Woocommerce mağazasının önemli bir parçasıdır. Veritabanı, verileri büyük miktarlarda işlemede çok iyidir, ancak meta verilerde birçok filtre ile arama yapmak oldukça yavaş olabilir. Neyse ki, ürün aramasında doğuştan gelen WooCommerce arayışından çok daha iyi ve daha hızlı bir çözüm var. Algolia Algolia, yangını kullanarak doldurabileceğiniz ve arayabileceğiniz harici bir arama veritabanıdır. Bu çok hızlı ve çok fazla ayarlama özelliği sunuyor.
WebDevstudios’taki ekip bir eklenti bile yaptı, böylece Algolia’nızı WordPress/WooCommerce’ınızda kolayca uygulayabilirsiniz. Elastik arama elastik arama, algolia’ya benzer, ancak bir geyik yığınına dayanır ve barındırılan bir çözüm (Algolia gibi) ve kendiniz tarafından gönderilen bir çözüm olarak mevcuttur. Elastik arama neredeyse Algolia kadar hızlıdır ve daha yüksek bir ayar seviyesi sunar. Aslında, kutunun dışında elastik arayarak bir yönetim GUI alamazsınız. Bununla birlikte, daha yüksek ayarlama ihtiyaçları için elastik arama çok uygundur. 10UP’daki ekip, bizim tarafımızdan kolayca ve tam olarak desteklenmenize yardımcı olacak bir eklenti bile var. Sadece destek ekibimizle iletişime geçin ve hazırlamanıza yardımcı olmaktan mutluluk duyarlar. Herhangi bir wooCommerce mağazasında woocommerce dükkanları için güvenliği nasıl ele alırsınız, sipariş veren insanlar hakkında çok fazla kişisel bilgi tutarsınız. Birçok yeni güvenlik sorununa ve tehdide neden olur, çünkü kötü niyetleri olan kötü aktörler sitenizi sadece sitelerine yönlendirmek için “hack” değil, aynı zamanda tasarruf ettiğiniz kişisel bilgileri de alamazlar. Bu nedenle, güvenliği sıkılaştırmanız ve mağazanıza herhangi bir şekilde erişmek için kimsenin istenmediğinden emin olmanız gerekir. WooCommerce (veya bu durumda WordPress) ‘de güvenlik kitaplarda yazabileceğimiz bir konudur, çünkü bu birçok değişkenle karmaşık bir konudur. Ancak, bilmeniz gereken en önemli tuzaklardan bazıları.
WordPress için bir güvenlik eklentisi kullanmayın ve hem iyi hem de fakir birçok dükkan sahibi ve geliştiricisi, mağazalarını güvence altına almak için çeşitli güvenlik eklentilerine güvenin. WordFence ve Ithemes Security gibi eklentiler. Tüm bu eklentiler iyi şeyler yapıyor, ancak bunu yanlış yerde yapıyorlar. Ve birçok durumda yanlış yerde yapmak hiçbir şey yapmamaktan daha kötü olabilir. Buna ek olarak, her ikisi de doğru ve yanlış güvenlik olmayan Woocommerce mağazanızı güvence altına almak için sizi “yapmanız gereken tek şey” olarak satıyorlar. Güvenlik eklentisi WordPress’te çoğunlukla çalışır ve bazıları Apache’yi Apache yapılandırma dosyası .htaccess aracılığıyla özelleştirir. Evinizi bir sapanla güvence altına almak gibi. Kötü aktör evinizde olana kadar çok şey yapamazsınız ve girdikten sonra, sapanınızla almadan önce çok fazla hasar verebilirler. Ve bildiğiniz her şey için, masanızda bulunan bir yığın önemli kağıt almış olabilirler veya daha sonra daha kolay girebilmeleri için arka kapıyı açmasına izin vermiş olabilirler. Buna ek olarak, WordPress ve WooCommerce’i uygulamanıza birçok kod sunmasını sağlayarak bu eklentinin sahip olduğu yaklaşım. WooCommerce’ı hızlandırmak için aramanızda size yardımcı olmazlar. Bu kod, iyi ve kötü tüm isteklerde çalışmalı ve her şey yavaşlıyor.
WordPress, Woocommerce, temaları ve eklentileri güncellemeye devam edin WordPress ve Woocommerce’in çoğu WordPress, temalar veya eklentilerdeki güvenlik açığı yoluyla gerçekleştirilir. Ve WordPress, WooCommerce, temalar ve eklentilerin çekirdeğini korumak için mümkün olduğunca az bir güvenlik açığı olduğundan emin olmanın en iyi yolu herhangi bir zamanda güncellenir. Eklentileri ve dağınık temalar eklentilerini kullanmayı bırakın ve temalar aniden dağınık hale gelebilir, bu da güvenlik açığı olasılığını artırmak için güncellemeleri kabul etmedikleri anlamına gelir. Bir yıl boyunca herhangi bir biçimde güncelleme almayan eklentiler, WordPress.org’daki eklenti deposunda ve iyi nedenlerle işaretlenmiştir! Sadece dağınık bir eklenti kullanmayı bırakmanız yeterlidir. Küçük görevler için büyük bir eklenti kullanmayın Bir eklentideki daha fazla kod olursa, daha fazla kod korunması gerekir. Ve daha fazla kod aynı zamanda daha olası güvenlik açığı anlamına gelir. Küçük görevler için büyük bir eklenti kullanmak, sadece az sayıda eklenti içindeki değeri gerçekten kullandığınız ve gördüğünüz, kullanmadığınız kod bölümünde güvenlik açığına neden olabilir. Performansı optimize etme çabalarınızdaki performansı optimize ederken yararlı olan ekstra eklenti ipuçları, iki farklı şekilde optimize etmenize yardımcı olabilecek iki özel eklentiyi vurgulamak istiyorum. WP Eklenti Yöneticileri Çoğu eklenti, ihtiyaç duymayan sayfalara hiç yüklenmediğinden emin olmak için bir mekanizmaya sahip değildir. Bu, birçok durumda eklenti geliştiricileri için zordur, çünkü eklenti geliştiricileri belirli bir eklenti kullanacağınızı bilmiyorlar.
Bu, WP eklenti yöneticisini çok kullanışlı hale getirir, çünkü eklentiyi sayfa/yazı başına kontrol edebilir ve tamamen devre dışı bırakabilir ve kullanılmayan yayınlara, sayfalara veya ürünlere gereksiz varlıklar, PHP kodu ve veritabanı sorguları eklemediğinden emin olabilirsiniz. WP Eklenti Yöneticisi – Sayfa başına eklentileri devre dışı bırakın
Veritabanı querier monitörü, WooCommerce mağazanızı yavaşlatabilir ve hangi sorguların zaman ve eklentiler gerektirdiğini veya sorgudan kaynaklanan temaların kısımlarına sorgu monitörleri denir ve John Blackboururn tarafından yönetilir.