Perfmatters Vs Asset Cleanup Pro — Derinlemesine Bir Bakış

Bu yazıda, WordPress web sitenizin performansını iyileştirmeye yönelik iki eklenti olan Asset Cleanup Pro ve Perfmatters'ı karşılaştıracağız.

En iyi satın alma kararını vermenize yardımcı olmak için fiyatlandırmaya, özelliklere, tasarıma ve daha fazlasına göz atacağız.

[00:00:01.180]

Merhaba arkadaşlar, ben İzotropik'ten James. Ve bu videoda Perfmatters ile Asset Cleanup Pro'yu karşılaştırmak istiyorum. Her ikisi de WordPress web sitenizin hızını ve performansını artırmaya adanmış WordPress eklentileridir.

[00:00:13.570]

Çok hızlı bir şekilde, her ikisinin de fiyatlandırmasına ve özelliklerine bir göz atacağım ve ardından ikisi arasındaki benzerlikleri ve farklılıkları gerçekten görebileceğimiz gerçek arka uç demosuna geçeceğim. Böylece Perfmatters, tek bir site lisansı için yılda 24 ABD doları gelir ve yenilediğinizde yüzde 15 indirim uygulanır.

[00:00:33.400]

Sınırsız siteler için yılda 124 ABD doları alırsınız. Varlık Temizleme'ye geçildiğinde, aynı fiyatlandırma sırasıyla 47$ ve 147$ olacaktır. Yani 24 ile 47 dolar ve 124 ile 147 dolar arasında karşılaştırma yapıyoruz.

[00:01:01.750]

Hangi eklentinin sizin için daha değerli olduğuna karar vermek size kalmış. Umarım bu video size bunu gösterecektir. Bu yüzden, her iki eklentiyi de bir demo web sitesine yükledim ve eklentilerin web sitelerini incelemek ve buna bakmak yerine biraz bu konuya girmek istedim, çünkü bence bu size sahip olduğunuz şeyin daha iyi bir resmini veriyor. . İlk olarak, Perfmatters'ın sunduğu her şeye bir göz atalım.

[00:01:25.660]

Ardından, Asset Cleanup'ın sunduğu her şey, ardından ikisini karşılaştırın ve karşılaştırın ve gerçek işlevselliklerle uğraşın. Bu nedenle, ilk Perfmatters'ın arka uç panosu size bir dizi farklı şeyi devre dışı bırakma seçenekleri sunar, böylece ek HTTP isteklerine neden olacak birçok şeyi devre dışı bırakabilirsiniz. Özellikle emojiler… Bunun yerine tarayıcıların emojilerini kullanın. Ayrıca bir sürü farklı şeyi tembelce yükleme seçeneğiniz de var. Bu yeni bir ekleme ve dom izleme oldukça havalı çünkü yeni yüklenen öğeleri dinamik olarak yükleyecek – yani sitede Ajax varsa, bunun için var.

[00:02:05.380]

Ayrıca WooCommerce'e özgü öğeleriniz de var. Dolayısıyla, global WooCommerce komut dosyalarınız ve stilleriniz varsa, bunları gerçek ürün, alışveriş sepeti ve ödeme sayfaları dışında sitenin her yerinde devre dışı bırakabilirsiniz. Sırada, bir CDN ile entegrasyonunuz var, böylece dizinlere dahil ettiğiniz tüm URL'lerinizi CDN'nizle yeniden yazabilirsiniz. Bu, Cloudways CDN gibi bir şey kullanıyorsanız ve bunu bu şekilde entegre etmek istiyorsanız yararlıdır. Google Analytics'i yerel olarak barındırabilirsiniz – oldukça havalı.

[00:02:40.150]

Perfmatters'ın sunduğu en önemli şey, Varlık Temizleme'nin bir başka satış noktası olan komut dosyası yöneticisidir. Ve bir saniye içinde buna bir göz atacağız.

[00:02:48.910]

JavaScript'i de erteleyebilirsiniz. Önceden yükleniyor… Anında sayfa, Uçan Sayfalar adlı eklentiye bakın. Ve bu tam olarak bunu yapıyor. Bir bağlantının üzerine geldiğinizde, URL'yi getirir ve anında yüklendiği yanılsamasını verir, aslında kullanıcı sayfaya gelmeden önce yüklenmiştir.

[00:03:10.600]

Oldukça havalı. Ayrıca önceden yükleme ve yeniden bağlanmayı ayarlayın – yazı tipleri için önceden yükleyin. Veritabanınızı optimize edebilmeniz için veritabanı temizleme araçlarına sahipsiniz. Ve son olarak, özellikle eklenti için araçlar. Komut dosyası yöneticisi, bu eklentide önemli bir satış noktasıdır ve onu küresel olarak kullanabilir veya bireysel gönderi sayfalarına ve içerik türlerine uygulayabilirsiniz.

[00:03:34.930]

Yani burada bir yazı. Bu gönderide görürseniz, bir resmim var, bir iletişim formum var, çağrılan bir komut dosyam var ve FakerPress adlı bir eklenti tarafından oluşturulan bir sürü içeriğim var.

[00:03:51.460]

Yönetici çubuğunda Perfmatters'ı yüklediğinizde, komut dosyası yöneticisini etkinleştirdikten sonra, buna tıklayın ve komut dosyası yönetim yardımcı programını yükler. Burada, geçerli sayfada yüklenen tüm komut dosyalarını görüntüler ve bunları eklentiye göre sınıflandırır. Nasıl çalıştığını göstermek için bu sitede yalnızca bir eklentim var, o da İletişim Formu Yedi.

[00:04:18.650]

Her şeyi açıp kapatabilirsiniz. Ayrıca temaya özel şeyler üzerinde de çalışabilirsiniz. Ve burada da çeşitli unsurlar var. Bu yüzden, bir şeyi açıp kapattığınızda ne olduğunu size göstereceğim. Ve burada birkaç seçeneğiniz var ve bu tema stilini devre dışı bırakıyor, bu yüzden bunu kaydettiğimizde tüm temayı bozmalı, ancak temelde bu betiği alacak ve bu sayfaya yüklenmesini durduracak. Ve her yerde durdurabilirsin.

[00:04:46.510]

Ayrıca mevcut URL'de durdurabilir veya belirli sayfa kalıplarıyla eşleştirmek için normal bir ifade kuralı yazabilirsiniz. Bunu şimdi sadece mevcut URL'de yapacağım ve sadece kaydet'i tıklayacağım. Kaydedildikten sonra geri dönebilirim, Perfmatters sayfasından çıkıp buraya gidebilirim ve size gösterecektir. Bu bozuldu çünkü artık CSS stili yok.

[00:05:16.810]

Şimdi yapabileceğimiz şey, kaydetmeye geri dönmek ve bu sayfaya geri dönmek ve CSS'miz geri döndü. Şimdi, bu, sitenizi bozmaya çalışıyorsanız değil, kullanılmadıkları sayfalara belirli komut dosyaları ve stiller yükleyen bir sürü eklentiniz varsa yararlıdır. Buna iyi bir örnek WooCommerce veya İletişim Formu Yedi olabilir. İletişim formu örneğinden gidelim.

[00:05:46.390]

Bu nedenle, İletişim Formu Yedi, muhtemelen iletişim sayfasında yalnızca İletişim Formu Yedi'yi kullanacaksınız. Bu örnekte, URL /contact olacaktır. Yalnızca bu sayfaya ek sayfalarda, İletişim Formu Yedi'de yüklenir. Yine de global olarak, bir web sitesinin yükleme süresini artıran tüm komut dosyalarını ve stillerini yükler.

[00:06:06.070]

Yapabileceğiniz şey, İletişim Formu Yedi komut dosyalarını ve bunun gibi stilleri devre dışı bırakmaktır. Ve bunu dışında her yerde yapabilirsiniz. Geçerli URL ve şunu söyleyin, bu sayfa bir iletişim sayfasıdır, bu nedenle İletişim Formu İletişim sayfası dışında her yerde Yedi komut dosyası ve stil devre dışı bırakılır, bu da göz attığınız diğer herhangi bir sayfada anlamına gelir, bu açık olduğu için kazandı Bu ek komut dosyalarını yüklemeyin ve web sitesinin yükleme hızına katkıda bulunmaz.

[00:06:38.740]

Bu, özellikle düzinelerce eklenti çalıştırıyorsanız ve bir sürü farklı şeyi devre dışı bırakmanıza izin veriyorsa yararlıdır. Ayrıca komut dosyalarınızı global olarak yönetebilirsiniz.

[00:06:54.410]

Burada birkaç ayar ve Perfmatters'ın size sunduğu şey gerçekten bu, yani bir sürü küçük kod parçacığı elde edersiniz ve bunların tümü kod parçacıkları tarafından yapılabilir, ancak temelde güzel bir grafik kullanıcı arayüzüne sahipsiniz.

[00:07:06.480]

Buna (veya bir görüntü optimizasyon eklentisine) sahip değilseniz, üçüncü taraf bir eklenti tarafından yapılması gereken tembel yüklemeye erişebilir ve tembel yükleme yapabilir, yerel olarak barındırılan bir CDN'yi kolayca entegre edebilir, önceden yükleyebilir, önceden getirebilirsiniz ve. Yardımcı olan JavaScript'i erteleyin ve bu, WP Rocket gibi birçok performans eklentisinde bulunur, bunun gibi bir şey. Temel olarak, bu eklentide bir önbelleğe alma aracı eksi bir çok performans yardımcı programı alıyorsunuz. Şimdi, bunu bir web sitesi optimizasyonunun hüküm süren şampiyonu olan Asset Cleanup Pro ile karşılaştıralım.

[00:07:44.800]

Bu yüzden önce, tüm arka uç yardımcı programlarını gözden geçireceğiz ve ardından komut dosyası yöneticisinin sürümlerine bir göz atacağız. Buradaki en önemli şey, test modunu etkinleştirebilirsiniz, bu da siteyi bozup bozmadıklarını görmek için değişiklikleri canlı yayınlamanız gerekmediği anlamına gelir. Test modu tüm dürüstlükte oldukça yararlıdır. CSS'yi birleştirebilmeniz, küçültebilmeniz ve erteleyebilmeniz için CSS'yi optimize edin. Ve bu profesyonel sürüm. JavaScript'i optimize edebilir, birleştirebilir, küçültebilir, JavaScript'i erteleyebilirsiniz – çok yardımcı olur.

[00:08:14.800]

Temel olarak, bir sürü ayrı komut dosyası alır ve bunları tek bir dosyada birleştirirsiniz, bu da sunucuya yapılan istek sayısını azaltır, bu da işleri hızlandırır. Perfmatters gibi, bir CDN URL yeniden yazma ayarlayabilirsiniz, bunun biraz daha derinlemesine olması dışında, stil sayfanızı ve JavaScript'inizi ayarlayabilirsiniz. Sitede genel kaldırma işlemlerini ayarlayabilirsiniz ve "boşaltma", "komut dosyasını devre dışı bırakma" ile aynı terimdir, ancak Varlık Temizleme'de boşaltma olarak adlandırılmaları dışında.

[00:08:47.490]

Yani burada bunu yapabilirsiniz. Gördüğünüz gibi, HTML kaynağı temizleme adı verilen bir şey var ve bu, WordPress'in otomatik olarak içerdiği birçok bağlantı etiketini ve ek şeyleri kaldırıyor. Onları kullanmazsanız, temizler. Sitenizin hızında ne kadar fark yaratacağından emin değilim, ancak bu onların yerel yazı tipi optimizasyonu ön yüklemeli yazı tipi dosyaları. Oldukça yararlı. Bu, birçok WordPress web sitesi için gerçekten harika.

[00:09:16.210]

Ayrıca genel yazı tipi görüntüleme kurallarını da ayarlayabilirsiniz. Bunu bir kod parçası ile de yapabilirsiniz. Buradaki son seçenek Google yazı tipleridir. Google yazı tiplerini kullanıyorsanız ve bunları önceden yüklemek istiyorsanız. Bunu yapmak için yer burası. Bu gerçekten yararlıdır çünkü yazı tiplerini önceden yüklemek işleri hızlandırır ve yazı tiplerinizi önceden yüklemediyseniz başarısız olacak bir PageSpeed ​​Insights denetimini düzeltir.

[00:09:44.550]

Sonunda XML-RCP'yi devre dışı bırakın ve ardından birkaç şey daha var.

[00:09:49.440]

Bir CSS ve JavaScript yöneticiniz var, böylece Perfmatters'ta yapabileceklerinize benzer şekilde global olarak devre dışı bırakabilirsiniz, ancak bunun Perfmatters'ın sunduğundan biraz daha karmaşık olduğunu görebilirsiniz.

[00:10:29.910]

Burada yapabileceğiniz birçok şey var, bu çok yardımcı oluyor. Yani bunun genel komut dosyası yüklemesiyle ilgili olarak biraz daha güçlü olduğunu görebilirsiniz. Şimdi gelelim sayfamıza. Ve web sitesinin ön ucuna gidip komut dosyası yöneticisine tıklayıp Varlık Temizleme ile bunu yapmak yerine, sayfanın arka ucuna gidersiniz, ön uçtaki sayfayı tarar ve size her şeyin bir listesini verir. bu belirli URL'ye yükleniyor.

[00:11:01.830]

İşte sayfa URL'niz ve üzerine yüklenen her şey burada. Belirli sayfada, devre dışı bırakabilirsiniz. Aynı sayfadan site genelinde bir boşaltma da ayarlayabilirsiniz. Medya sorguları, oldukça havalı. JavaScript için eşzamansız ve ertelenmiş yükleme, ardından tema dosyalarınız da burada.

[00:11:22.040]

Gördüğünüz gibi, bunun bulduğu ve Perfmatters'ın bulamadığı tek ek şey, bu sabit kodlanmış öğelerin bazıları doğrudan gerçek sayfadadır, bu nedenle sayfayı tarar ve devam edip sabit kodlanmış komut dosyalarını bulur.

[00:11:41.630]

Bu yüzden buraya GASP animasyon kitaplığını yükleyen bir komut dosyası etiketi ekledim. Ve burada fark ederseniz, Perfmatters bunu bulamıyor, ama. Varlık Temizleme aslında bunu sayfada kaldırmama ve bir istisna yapmama izin veriyor, böylece kullanıcılar oturum açtıysa, onu ve birkaç başka şeyi yükleyebilirim.

[00:12:17.780]

Asset Cleanup'ın sunduğu birkaç şey daha var. Web sitesinde eklentiyi devre dışı bırakabilmeniz için bir eklenti yöneticiniz var. Bu gerçekten yardımcı olur. Diyelim ki WooCommerce'iniz var ve ticaret sayfasında olmadığı sürece onu devre dışı bırakmak istiyorsunuz. Bunu burada normal ifadeyi, basit, kolay tıklamaları kullanarak yapabilirsiniz ve her şey yapılır.

[00:12:39.110]

Değişiklikleri uygulayın, eklentileri orada yönetin. Ayrıca toplu değişiklikleriniz var, böylece araçları, stil sayfalarını, bunun gibi şeyleri, önceden yüklemeyi, ertelemeyi ve site genelinde zaman uyumsuzluğunu toplu olarak kaldırabilirsiniz. Ardından, bu eklentinin web sitenize gerçekte ne uyguladığına dair bir genel bakışa da erişebilirsiniz. Ardından, Temel Araçlar Varlık Temizleme'ye sahip olursunuz. Asset Cleanup'ın sunması gereken temel olarak budur ve Perfmatters'ın sunduğu da budur.

[00:13:05.120]

Şimdi görebiliyorsanız, ilk sonuç, Varlık Temizleme'nin Perfmatters'tan biraz daha güçlü olduğu ve Perfmatters'ın Varlık Temizleme'den biraz daha az güçlü olduğu, ancak aynı zamanda daha ucuz olduğudur.

[00:13:17.210]

Yani daha az özellik için daha az ödüyorsunuz, daha fazla özellik için daha fazla ödüyorsunuz. Bu aynı zamanda daha olgun bir eklentidir. Bu nedenle, Perfmatters'ın sürekli olarak onu Varlık Temizleme'ye yaklaştıran özellikler eklemesini beklerdim. Ve aslında fiyatlarını artırıyorlar çünkü daha fazla özellik ekliyorlar, bence öyle. En son kontrol ettiğimde 19 dolar, şimdi 25. Burada düşünülmesi gereken en önemli şey Perfmatters yirmi dört dolar. Varlık temizliği kırk yedi dolar.

[00:13:45.410]

Pefmatters bir dizi özel özellik sunar. Size tembel yükleme sağlar, size yazı tipleriyle ilgili birkaç şey verir. Varlık Temizleme size birkaç özellik daha sunar, JavaScript'te başarıyı değiştirmenize, birleştirmenize ve ertelemenize ve birleştirmenize olanak tanır. Bu onu Perfmatters'tan çok farklı kılan bir şeydir. Size bir test modu sunar, böylece sitenizdeki her şeyi, canlı sitede herhangi bir aşamalandırma yapmak zorunda kalmadan veya tüm siteyi herkes için riske atmadan test edebilirsiniz.

[00:14:13.620]

O zaman sadece yazı tipleri için biraz daha fazlasını verir. Yazı tipi optimizasyonu önemlidir. Google'ın hoşuna gidiyor. Yani burası da önemli.

[00:14:22.860]

Ancak Perfmatters ile birkaç ücretsiz eklenti ile eksik olan özellikleri artırabilirsiniz ve Perfmatters'ı Asset Cleanup Pro'ya yaklaştırdığı için bundan bahsetmek istedim. Yani ilk eklenti Freesoul'un eklentileri devre dışı bırakması, kurulum yapmayacağım. Bu, Asset Cleanup'ta yaptığınız gibi, eklentileri temel olarak kaldırmanıza olanak tanır.

[00:14:49.780]

Bu ücretsiz bir fiş ve gerçekten iyi yapılmış. Gördüğünüz gibi, 32 kişiden beş yıldız ve hepsi bu kadar. Ayrıca, JavaScript komut dosyalarınızı bu eklenti Birleştirme + küçültme + yenilemeyi kullanarak birleştirebilir ve küçültebilirsiniz. Şimdi bunun yaptığı tam olarak burada Varlık Temizleme ile yapabileceğiniz şeydir.

[00:15:11.090]

Bu, Varlık Temizleme'ye entegre edilmiştir ve bununla birlikte gelen çok az özellik vardır. Ancak, birleştirme ve küçültme arıyorsanız ve WP Rocket gibi bir eklentiniz yoksa ve Asset Cleanup'a savurganlık yapmak istemiyorsanız, Perfmatters'ı alabilir, bu eklentiyi alabilir ve bu eklentiyi edinebilir ve sahip olabilirsiniz. ACUPro'ya çok benzer bir işlevsellik.

[00:15:31.580]

Şimdi, web sitenizde ne yaptığınıza bağlı. Daha büyük ve daha fazla optimizasyon gerektiren bir web siteniz varsa ve tüm ayarlarınızın tek bir yerde olmasını istiyorsanız ve her şeyi canlı yayınlamadan önce test etmeniz kritik bir görevse, Asset Cleanup Pro'yu yüzde 100 öneririm. Bu gerçekten güzel bir eklenti. Gerçekten çok iyi yapılmış. Sürekli yeni özellikler ekleniyor. Bunu web sitelerimizin çoğunda kullanıyoruz ve birçok özellik ile birlikte geliyor.

[00:16:08,540]

Sabit kodlanmış komut dosyaları tanınır, çünkü sayfadaki istekleri taradığına ve belki de etiketleri/bunun gibi bir şeyi bağladığına inandığım Perfmatters'ın aksine sayfanın kaynak kodunu tarar.

[00:16:23.300]

Böylece Asset Cleanup Pro ile daha fazla kontrole sahip olursunuz ve Asset Cleanup Pro ile daha fazla seçeneğiniz olur. Bununla, tek bir site için araç için yılda yaklaşık yirmi dolar daha fazla ödüyorsunuz. Böylece devam edip Perfmatters'ı kullanabilirsiniz, onların bir komut dosyası yöneticileri var. Yalnızca komut dosyalarını devre dışı bırakmak istiyorsanız, bu gerçekten yararlıdır. Ayrıca bu araçla çok daha fazlasını yapma seçeneğiniz de var. Asset Cleanup Pro ile elde ettiğiniz özelliklere yetişmiyor, ancak yaklaşıyor ve daha fazla özellik eklemeye devam ediyorlar.

[00:17:01.280]

Ve son olarak, bu ana şeyleri ekleyen iki ücretsiz eklenti, bir eklenti yöneticisi ve CSS ve JavaScript optimizasyonu ile kırk yedi dolarlık eklentinin aksine bu 25 dolarlık eklentiyi artırabilirsiniz.

[00:17:17.210]

İşte eklenti yöneticiniz ve işte optimizasyon aracınız. Açıkçası, Perfmatters'a entegre değil, bu yüzden göz atılması gereken bir şey ama onu ACUPro'ya yaklaştırıyor. Bir şey önermem gerekseydi ve para o kadar da sorun olmasaydı — sadece yirmi dolar fark — Asset Cleanup Pro'yu seçerdim, bu daha eski bir eklenti.

[00:17:38.690]

Arkasındaki geliştirici büyük destek sunuyor. Perfmatters da öyle. Yani bu gerçekten ayırt edici bir faktör değil. Ancak geliştirici harika bir hızlı destek sunar. Kendisiyle geçmişte iletişim halindeydim. Ayrıca, optimizasyon için hepsi bir arada bir araçtır. Bir web sitesine eklemeniz gereken tek ek şey önbelleğe alma olacaktır. Ve önbelleğe alma olmadan bile bu, işleri çok daha hızlı hale getirir.

[00:18:08.960]

Perfmatters iyi bir eklentidir. Bu daha ucuz. Ayrıca daha yeni olduğu için daha az özelliği var. Ama her şey yolunda gidiyor. Demek istediğim, komut dosyalarını sayfa bazında devre dışı bırakacak bir şey arıyorsanız ve belki HTTP isteğinizi temizleyip tembel yükleme eklemek istiyorsanız, bu da iyi bir seçenektir.

[00:18:26.250]

Yani ikisi harika seçenekler. Temel olarak, özü şudur – daha fazla güç mü istiyorsunuz ve daha fazla özellik için daha fazla mı ödemek istiyorsunuz yoksa biraz daha az güç mü istiyorsunuz ve daha az özellik için daha az ödemek ve belki bunları iki ücretsiz eklenti ile artırmak mı istiyorsunuz? ?

[00:18:38.900]

Umarım bu tür size iki eklenti arasında iyi bir genel bakış sağlamıştır. Çok benzerler. Onlar çok güçlüler. Hangi aracı seçerseniz seçin iyi bir fikirdir çünkü artan hız, artan sıralama ve kullanıcı deneyimi ile birlikte gelir.