Asset CleanUp İle WordPress Siteni Optimize Et

Her yeni site, onu kuran kodları ve önbellekleri temiz olduğu için hızlıdır.

Üzerinde yüklemek için fazla içerik, komut dosyası veya eklentisi yoktur.

Zamanla, tüm bu eklemeler üst üste biner ve web sitesi hızlı bir şekilde yavaşlamaya başlar. Tabi kullandığımız tüm bu eklentiler bize yardımcı oluyor.

Ama bu eklentilerin iki uçlu kılıçlar olduğunu da unutmamak gerekir.

Her ne kadar sana veya bana web sitemiz üzerinde yardımcı olsalar da, ki hepsi background çalışmasını basitleştirmene yardımcı oluyorlar, diğer yandan bunları diğerinin üzerine yerleştirmek her şeyi karmaşıklaştırıyor.

Bu da siteni senin gezmen için bile zorlaştıracak ve ziyaretçilerine yanıt vermeyi yavaşlatacaktır.

Bu durumda web siteni kesinlikle daha hızlı bir hale getirmek isteyeceksin.

Kabul edelim kim çok hızlı web sitesine sahip olmak istemez ki?

Çünkü web sitene giren tüm kullanıcılar saniyelerce bekleyecek olsalarda biraz daha fazla beklediklerinde geri çıkabilme davranışını senden saklamazlar.

Bu nedenle web siteni her an daha da hızlandırmalı ve günden güne güncellemen gerekir.

Çoğu zaman en iyi verimlilikte geri çalıştırmak için bir çeşit yardıma ihtiyacın olacaktır.

İşte bu anda WordPress’in eklentileri arasında kesinlikle kullanmanız gereken bir eklenti öne çıkıyor: Asset CleanUp

Bölüm 1 :

Asset CleanUp Nedir?

WP Asset CleanUp, yüklenen HTTP isteklerinin sayısını azaltarak eklentiler ve temalar arasındaki olası çakışmaları ortadan kaldırır ve web sayfalarının daha hızlı yüklenmesini sağlayan sayfa hızlandırma optimizasyon WordPress Plugin’idir.

Bu sayfa optimizasyon aracını kullanarak web sitenin hızını artırabilir ve bu da müşterilerin için daha sorunsuz bir deneyim sunmana yardımcı olur.

Açık konuşalım mı? Eski dostumuz Google hızı seviyor, kullanıcıların da öyle. Web siten SERP’de hızlı yüklenmiyorsa, web sitesi sıralamasının yanı sıra müşterileri de kaybetmene neden olacaktır.

Yavaş web sitesi yüklemesine neden olan birden fazla faktör vardır, ancak en önemlisi CSS ve JS dosyalarının aşırı kullanımıdır.

Peki web sitesi hızını artırmanın çözümü nedir?

İşte o anda Asset CleanUp devreye girmektedir. Daha önce de bahsettiğim gibi web sitene giren tüm kullanıcılar hızlı bir internet sitesi ile karşılaşmak isteyeceklerdir ve Asset CleanUp bu konuda oldukça başarılı sonuçlar sunmaktadır.

Peki bu eklentinin avantajları nelerdir diye merak ediyorsan, biraz daha yakından incelemeye ne dersiniz?

İlginizi Çekebilir

WordPress Yorum Eklentisi: Hangisi En İyi?

Asset CleanUp Avantajları Nelerdir?

• HTTP isteklerinin sayısını azaltır
• Sayfanın HTML kodunu kapatır
• Kaynak kodunun taranmasını kolaylaştırır
• Eklentiler ve temalar arasındaki çakışmaları önler
• Farklı çevrimiçi hız testi araçlarında performans puanını artırır
• Web sitesini Google’da daha üst sıralarda yer alacak kadar hızlı hale getirir (Hız bir sıralama faktörüdür)
• Sunucu erişim günlük dosyalarını daha hızlı tarar

Bölüm 2:

Asset CleanUp İle Daha Hızlı Bir Web Sitesine Sahip Ol

Sitenin mümkün olduğunca hızlı olmasını istemenin birçok nedeni vardır.

Sebeplerin çoğu açıktır. Hızlı yüklenen bir web sitesi sayesinde ziyaretçilerin daha mutlu olacaktır.

Her birimiz yavaş bir sitede gezininmenin ya da başka bir sayfaya geçmeye çalışmanın kadar sinir bozucu olabileceğini biliyoruz.

Sürekli olarak hangi düğmelerin tıklanacağını ve hangi düğmelerin tıklanmayacağını düşün.

Böylece deneyimi daha da yavaşlatmadan ilerlersin.

Bir siteyi hızlı yapmak sadece ziyaretlerini keyifli hale getirmekle kalmayacak, aynı zamanda daha fazlası için geri gelmelerini sağlayacaktır.

Geri dönen müşteriler herhangi bir işletme için çok önemli olduğundan, bu aslında asıl amacın olmalıdır.

Daha fazla ziyaretçi ve geri gelen ziyaretçi, daha fazla potansiyel müşteri anlamına gelir ve bu da daha fazla kâr anlamına gelir.

Herhangi bir şekilde baktığında, hızlı bir site beraberinde çok daha fazla avantaj getirir.

Belki bilmiyorsun, ancak bir sitenin yükleme süresi de arama motorları için bir puan belirlerken bir faktördür.

Ne derler bilisin, eğer bir şeyi saklamak istiyorsan Google’ın ikinci sayfasına koy. (İnternet deyim ve atasözleri sözlüğümüzü yakında çıkarsak iyi olacak. 😂

Yükselen SEO puanın sayesinde daha da düzenli şekilde sıralamanı yükseltecek ve ziyaretçileri çekmeye başlayacaksın.

Bu yüzden gittikçe insanlar sitene girecek ve siten içine eklediğin tüm içerik ve diğer şeylerle ağırlaşacak.

Ziyaretçiler de yavaş bir site ile karşılaştıkça gelmeyi bırakacak. Hesaplama basit.

Hızlı sitelerin trafiğin üzerindeki etkisinden hareket etmek, özellikle böyle gereksiz CSS ve JavaScript’i hedefleyen bir eklenti kullanıyorsan, bu durumda web sitenin backend hayatını daha çok kolaylaştıracak eklentilere doğru çekilmen daha mantıklı olur.

Çalışmak için daha az koda sahip olmak hata olasılığını azaltır, daha hassas ve verimli değişiklikler yapmanı sağlar ve bu değişikliklerin test edilmesini kolaylaştırır (ve olası sorunları saptar).

Kodla çalışırken, daha az yaklaşım daha büyük olasılıkla her zaman en iyi yoldur.

Senin için tüm işleri yapan bir araca sahip olduğunda, girdin sadece gidip kalacağın seçimdir. İşte bu yüzden bu eklentiden faydalanmamak için bir neden yoktur.

İlginizi Çekebilir

SEO İçin Anahtar Kelime Araştırma Rehberi

Asset CleanUp Ne Yapar?

Sayfaya erişildikten sonra yüklenen tüm öğeleri (CSS ve JavaScript dosyaları ile bunlarla ilişkili satır içi kodu) listeler.

Şimdi tüm bu öğeler siteyi oluşturur ve tarayıcının yüklediği şeyin büyük kısmını oluşturur.

Bunun gibi bir eklentiyi kullanmak istemenizin nedeni, size bir liste sağladıktan sonra, size gereksiz öğeleri devre dışı bırakma, daha hızlı ve daha az hataya yatkın olma seçeneği vermesidir.

Bunun nasıl çalıştığının daha iyi bir resmini görmek için basit bir örnek vereceğiz.
Diyelim ki her yüklendiğinde 2 MB değerinde veri (20 dosya işgal ediyor) yüklemesi gereken bir sayfanız var.
Artık tüm öğeleri listelediğinize göre, bu verilerin yaklaşık yarısının işe yaramadığı ortaya çıkıyor. Bazıları tüm site için toplu işlemler olarak eklendi, bazıları eski ve bazıları daha iyi seçeneklere sahip.
Bu eklenti, tüm bu öğeleri devre dışı bırakmanıza ve daha sonra daha hızlı işlem için ateş dosyalarında kalan öğeleri gruplandırmanıza olanak tanır.

Artık sitende yüklenecek yaklaşık 1.2 MB değerinde veri var, kod ve varlıklar sadece 12 dosyada saklanıyor ve genel olarak daha iyi optimize edilmiş bir siten var.

Aynı zamanda bu, sitenin çok daha iyi bir hız puanına sahip olacağı ve daha az bileşen bir şeyin yanlış gitme şansının daha az olduğu anlamına geldiği için yönetilmesi çok daha kolay olacağı anlamına gelir.

Asset CleanUp Nasıl Yüklenir?

Asset CleanUp sadece gerekli olan komut dosyaları yükleyecektirç Özellikle, gerçek HTML kodunu azaltırken gereksiz CSS ve Java’yı kesmeye odaklanır.

Bu, web siteni hız için optimize etmenin çok iyi bir yoludur ve eklenti bunu kolaylaştırır. Hadi başlayalım.

• Eklentiler’i tıkla ve soldaki yönetici panelinde Yeni Ekle seçeneğini belirle.
• Mevcut arama kutusunda Varlık Temizleme’yi ara. Bu, yararlı bulabileceğin ek eklentileri çekecektir.
• Asset CleanUp eklentisini bulana kadar aşağı kaydır ve “Şimdi Yükle” düğmesine tıkla. Son olarak eklentiyi kullanmak için etkinleştir.

Asset CleanUp İle Yedekleme Yapmak

Daha ileri gitmeden önce, web sitenizin bir yedeğini oluşturmanı şiddetle tavsiye ederim. Bu eklenti sayesinde CSS ve Java komut dosyalarını devre dışı bırakma özgürlüğüne sahip olabilirsin.

Bunları devre dışı bırakmak web siteni hızlandıracak, ancak istenmeyen sonuçları ile uğraşmana neden olabilir.

Örneğin, CSS ve JS’nin bir web sitesini gerçekten kırması için bir minimize etme eklentisi duyulmamış. Komut dosyalarını yalnızca ne yaptığını bildiğinizde devre dışı bırakmalısın.

Bir yedekleme, herhangi bir değişiklik yapılmadan önce geri dönmeni sağlar.

Asset CleanUp Nasıl Çalışır?

Neden bu süreçten geçmen gerektiği ve bu özel eklentinin ne yaptığını bilen, tüm seçenekleri ve ayarları gözden geçirmenin zamanı geldi.

Böylece tüm bu değişiklikleri tam olarak nasıl yapacağını öğrenebilirsin.

Asset CleanUp Test Modu

Ele almak isteyeceğin ilk şey test modudur.

Bir WordPress acemi veya deneyimli bir kullanıcı olsan da, bu kesinlikle çok önemlidir.

Test modunu etkinleştirmek, yaptığın tüm değişikliklerin yalnızca sana (yönetici) uygulandığı anlamına gelir.

Yaptığın değişiklikler ne olursa olsun, test modunu devre dışı bırakana kadar ziyaretçilerin tarafından görülemez.

Bu nedenle test modu neyin kesilebileceğini ve nelerin kalması gerektiğini bulmak için mükemmeldir.

Sayfayı önizleyerek her zaman ayarların tam olarak nasıl oynandığını görebilirsin.

Temel olarak, normal sitendeki fikirlerin için bir test sitesi alıyorsun. Bir öğeyi kaldırmanın sayfalarınızın işlevselliğini ve / veya düzenini bozacağından şüphen varsa test modunu etkinleştirdiğinden emin ol.

Herhangi bir türde hız testi araçları kullanıyorsan, değişikliklerin tüm ziyaretçiler için geçerli olmasını sağlayan test modunu devre dışı bırakana kadar hız derecelendirmelerinde değişikliklerin görünmeyeceğini unutma.

Bu durumda ziyaretçiler, hız derecesi önemli bir yere sahip olmaya devam eder.

Asset CleanUp CSS ve JavaScript Yükleme Yöneticisi

Asset CleanUp ile Test modu bilgisi kesilmiş durumdayken, varlıkları nasıl sıralayabileceğine ve ardından varlıkları nasıl boşaltabileceğin konularına derinlemesine dalabiliriz.

Ana sayfan sitendeki diğer sayfalardan çok daha spesifik olduğundan, özel bir ayarlar sayfası da vardır.

Temel olarak ana sayfa için elinizin altında bulunan tüm seçenekler sitenin diğer tüm bölümleri tarafından kullanılabilir, ancak görsel olarak genellikle diğerlerinden farklıdır ve bu nedenle belirli seçeneklere sahip olabilir.

Her durumda, onu her şeyden farklı şekilde özelleştirebileceksin.

İlginizi Çekebilir

WordPress Yorum Eklentisi: Hangisi En İyi?

Sitenin ana sayfa dışındaki aşağıdaki bölümleri de varlıkları kaldırma seçeneğine sahip olacaktır (yayınlar, özel posta türü, sayfalar ve medya ekleri ücretsiz sürümde mevcuttur, geri kalanı premium özelliklerdir):

• Yayınlar – tüm varsayılan yayın türleri
• Özel gönderi türü – diğer eklentiler tarafından oluşturulan gönderi türleri (örneğin WooCommerce tarafından “ürün”)
• Sayfalar – tüm varsayılan sayfa türleri
• Medya eki – kitaplıktaki tüm medya dosyaları
• Kategoriler – tüm gönderi kategorileri
• Etiketler – tüm yayın etiketleri
• Özel sınıflandırma – diğer eklentiler tarafından oluşturulan sınıflandırmalar (örneğin, Easy Digital Downloads tarafından “download_category”)
• Arama – varsayılan arama şablonu (bir arama sayfasını kapsamaz)
• Yazar – belirli bir yazarın tüm yayınları
• Tarih – belirli bir tarihteki tüm gönderiler
• 404 bulunamadı – istek geçerli olmadığında bir hata sayfası

Sitenizin yukarıda belirtilen özelliklerinden herhangi birini düzenledikten sonra ek seçeneklerin olacaktır. Aşağıdaki örnekte, eklenen seçenekleri yeni bir sayfada görebilirsin.

Varlıkları boşaltma seçenekleri merkezi düzenleyicinin altında görüntülenir. Sitede temsil edilen tüm varlıklar listelenir ve ardından hangilerini saklamak ve hangilerini boşaltmak istediğini seçmek tamamen sana bağlıdır.

Yukarıdaki örnekte bir varlığı yakından inceleyebiliriz, ancak tümü aynı seçeneklerle aynı şekilde görüntülenir. Gördüğün gibi, eklenti sana tanıtıcı ve kaynak gibi varlık hakkında bazı temel bilgiler verir.

Ek menülere ve sekmelere gitmek zorunda kalmadan uygun olan kodun tamamına ulaşmak için kaynağı bile takip edebilirsin.

Buradaki en iyi şey, mevcut tüm boşaltma seçeneklerinin hem örnek olarak kullandığımız sayfa düzenleyicide hem de genel eklenti seçeneklerinde (kısa süre içinde alacağımız) mevcut olmasıdır.

Varlığı bu belirli sayfadan kaldırabilir, tüm siteden kaldırabilir veya belirli bir tür için kaldırabilirsin. Son iki seçenek, daha önce de belirttiğimiz gibi, ayrı bir alanda düzenlenebilen toplu yüklemelerdir.

Tek ve toplu kaldırmaya ek olarak, bir varlığın zaten kaldırılmış olması durumunda, örneğin site çapında yük istisnaları ekleme seçeneğiniz de vardır. İyi bir örnek, bir iletişim formunun CSS ve JS dosyaları olacaktır.

Yalnızca “Bize ulaşın” sayfasında ihtiyacınız varsa, dosyaları site genelinde kaldırabilirsin (tüm sayfalarda) ve yalnızca kişi sayfasına yüklemek için bir istisna yapabilirsin.

Asset CleanUp Toplu Değişiklikler

Toplu değişikliklerden bahsetmişken, sayfa düzenleyicisinden bir kez uyguladığında, tüm listelerini (daha kolay yönetim için) eklentinin ayarlar sayfasındaki “Toplu Değişiklikler” -> “Toplu Yüksüz” sekmesinde görüntüleyebilirsin.

Burada tüm CSS / JS’nin tüm siteden kaldırıldığını veya sitenin tamamında aralarında bir ayrım olması gerektiğini düşünüyorsan, sitenin bazı bölümlerini (yazı / sayfa türleri, sınıflandırma, yazarlar) görürsün.

Boşaltmaları kaldırma seçeneğin vardır (böylece tekrar yüklenir). Bunları bu listeye eklemek için bir sayfayı düzenlemen ve “Site genelinde kaldır” gibi toplu kurallardan birini kullanman gerekir.

Bunlar, çeşitli yazılarda ve sayfalarda uygulanan editörler hakkında konuşurken daha önce bahsettiğimiz seçeneklerdir. Ancak bu hub’da, önceden belirlediğin tüm toplu boşaltma kurallarını görecek ve takip edeceksin.

Bu açıdan baktığında, toplu değişiklikler sekmesi, yaptığın tüm değişiklikleri takip etmene yardımcı olan değerli bir bilgi aracıdır.

Test modunda en iyi sonucu kontrol eden bir deneme yanılma işleminde her şeyi takip et. Bu durumlarda işini kaybetmek son derece sinir bozucu ve zaman alıcı olabilir, çoğunlukla süreci terk etmeye ve siteni değişikliklerden önce olduğundan daha kötü bir duruma sokmaya neden olabilir. Bu durumlardan her ne pahasına olursa olsun kaçın.

Toplu değişiklikler yalnızca boşaltma varlıkları için geçerli değildir.

Nitelikler erteleme ve zaman ayarları JavaScript gibi dosyaları (script etiketi) (bunlardan ikisi prim özellikleridir) uygulanabilir.

Bir JS dosyasının ertelenmesi, aslında sayfanın yüklenmesinden sonra çalışmayacağı anlamına gelir;

bu da, sayfanın ilk öğelerini görmek için tüm oluşturma engelleme kaynakları yüklenene kadar beklemek zorunda kalmayacağı için sayfa oluşturmayı çok daha hızlı hale getirir.

Bu, sayfa başlangıçta yüklendiğinde, üzerinde bulunan her şeyi yüklemeyeceği, böylece yüklenmesi gereken dosyaların sayısını ve boyutunu azaltacağı ve böylece başlangıç ​​işlemini daha hızlı hale getireceği anlamına gelir.

Sitende birden fazla medya dosyası varsa, bunun gibi bir seçenek tekil sayfaların ve bir bütün olarak sitenin performansını büyük ölçüde değiştirebilir.

İlginizi Çekebilir

Lazy Load Nedir? Bilmen Gereken Her Şey!

Async, bir sayfa yüklendiğinde çalışan komut dosyalarıyla ilgilidir.

Normalde, bir komut dosyası tarayıcıya koyduğu zorlamadan bağımsız olarak baştan sona kadar eşit olarak yüklenir.

Aynı komut dosyasının eşzamansız özniteliğini eklemek, eldeki mevcut kaynaklara bağlı olarak eşzamansız olarak yüklenecektir.

Bunun gibi bir seçenek, arka planda çalışan hayati olmayan komut dosyaların olduğunda çok kullanışlıdır. Bunları eşzamansız olarak yüklemek, birincil öğelerinin önce yükleneceği anlamına gelir.

Ardından tüm destekleyici komut dosyaları yapılır.

Erteleme özniteliğine çok benzer şekilde, bunun gibi bir seçenek en iyi, aynı anda çalışan bir sürü şeyin olduğu karmaşık sitelerde kullanılır. Bu durumlarda önceliklerin ileri sürülmesi uzun bir yol kat edebilir.

Toplu eylemler üstelik burada bitmiyor. Ayrıca CSS yerini değiştirebilirsin ve JavaScript’dan taşıyarak dosyalarını HEAD için BODY ve tersi de geçerlidir.

Bu premium işlev, varlıkların yüklenme sırasını belirler. Hayati varlıkları koyarak HEAD onlar ilk ve tek olmasıyla varlıklar olacak sonra yüklenen olacak araçlarla BODY yüklenebilir.

Ek Hızlandırma Seçenekleri

Daha önce değindiğimiz her şey hala yüksek hız gereksinimlerinizi karşılamıyorsa, bu hız derecesini yükseltmede yararlı olabilecek birkaç seçenek var.

CSS ve JavaScript dosyaları simge durumuna küçültülebilir ve önbellekten yüklenmeleri hız üzerinde etkili olur.

Bu, söz konusu dosyaların boyutunu daha da küçülterek sitedeki yükleme işlemlerini hızlandırır.

Dosyaları küçültmek boyutlarını azaltırken, CSS ve JavaScript dosyalarını daha az klasöre birleştirmek HTTP isteklerinin sayısını azaltmaya yardımcı olur. Bununla birlikte, bu işlevle aşırıya kaçmamalısın.

Aşırı büyük dosyalara sahip olmak gereksiz yere şişirildikten sonra gezinmek zor olabilir.

WordPress’e tümleşik olarak, sitenin performansına zarar verebilecek bazı dosyalar vardır.

Her şeyin çalışması için çok önemli olmadıklarından ve daha çok niş işlevlere benzediklerinden, site çapında devre dışı bırakılabilirler.

Toplu değişikliklere çok benzeyen tek fark, bu işlevin belirli CSS ve JavaScript dosyalarını hedeflemesidir, bu nedenle özelleştirme sınırlıdır.

HEAD herhangi bir sitenin parçası ilk yüklendiğinde ve bu nedenle, bunun basit ve verimli tutmak için ihtiyatlıdır.

Ziyaretçiler yükleme sırasında başlığın geciktiğini gördüklerinde, bundan sonra kalmaya ikna edemezsin.

Benzer şekilde, WordPress’e entegre edilen ve onsuz gidebileceğiniz varsayılan dosyalara, daha iyi performans için devre dışı bırakılabilen varsayılan olarak etkinleştirilen öğeler vardır. Bu temizleme yalnızca < head > ve < /head > arasındaki koda özgüdür ve tüm siteyi etkiler.

İçinde kalan HEAD bölümünde, XML-RPC protokolü desteği WordPress sitesinde varsayılan olarak etkindir.

Mesele şu ki, sadece bu işlevi kullanmayan ve bu işleve ihtiyaç duymayan birçok kullanıcı var.

Varlık Temizleme, pingback’i veya tüm işlevi tamamen devre dışı bırakmanıza olanak tanır.

Bu eylem, yükleme hızlarında bir artış sağlayacaktır ve herhangi bir durumda kullanmıyorsanız, devre dışı bırakmanın bir zararı yoktur.

Asset CleanUp Eklentisi İle Yükleme Sürelerinizi Kontrol Et

Bir araç olmadan web sitenin gerçekten daha hızlı olup olmadığını söylemek çok zordur. Web sitende bir hız testi yapmak için GTMetrix kullanmanı şiddetle tavsiye ederim. Ayrıca sayfada neyin yanlış olduğunu ve düzeltmenin olası yollarını da listeler.

Hangi test uygulamasını kullanırsan kullan, WordPress’te web sitesi hızını artırmak istiyorsan veriler değerlidir.

Ancak, bir şeyin yanlış olduğunu fark edersen, düzeltmek için yedeklemeni kullanmayı unutma.

Asset CountUp eklentisiyle hangi komut dosyalarını devre dışı bıraktın?

Sonrasında daha hızlı yükleme süreleri fark ettin mi?

Yoruma bekliyorum.

İlginizi Çekebilir

WordPress Plugin : Markaların Sahip Olması Gereken Eklentiler

Son Olarak

Şimdiye kadar hep bahsettiğimi şeyi son kez yeniden tekrarlayayım.

Asset CleanUp web sitene hız kazandıran inanılmaz bir WordPress eklentisidir.

Daha hassas bir şekilde siteni kullanıcıların için daha hızlı hale getirir. Herkes hızlı bir web sitesinin herkesin istediği bir şey olduğunu bilir, ancak her şeyin olması gerektiği gibi çalışmasında sorunlar vardır.

Komut dosyaları, kodlar, varlıklar ne yazık ki gerçekten önlenemeyen devasa bir iştir.

Tüm küçük şeyleri sıralamak için isteksizlik nedeniyle, kafaları veya kuyrukları yapamayacağınız iltihaplı bir karmaşaya neden olabilirsin.

Her şey bir kırılma noktasına geldiğinde, Asset CleanUp eklentisi gibi bir araç isteyeceksin.

Sitene hem hızı hem de işlevselliği geri yükleyecek , böylece her şey raydan çıkmadan önce başlangıçta olduğu gibi olacaktır.

Web sitene giren ve sürekli gezinen biri sonucundan çok daha mutlu olacaktır.

Şimdi sıra sende.

WordPress sitende Asset CleanUp kullanıyor musun ya da bu rehberden sonrasında kullanmaya karar verdin mi?

Tüm sorularını ve yorumlarını aşağıya bırakmayı unutma! 😇

Sonraki yazı: Instagram İle Para Kazanmak İçin Neler Yapabilirsin?