Haber Blogu: WordPress ve Joomla Eklentileri

WordPress'te kaynakları gruplandırma ve küçültme

dosya grup-ve-küçültmek

Mümkün olan en iyi performansı elde etmek, bir web sitesini yöneten, WordPress'teki kaynakları gruplayan ve küçülten herkesin hayalidir, bunun için yapabileceğimiz en iyi şeylerden biridir, ancak gerçekten zor olabilir. Tüm kaynaklarınızı gruplandırın (temel olarak css ve js dosyaları), geliştirici değilseniz, çakışma yaratabileceğinden web sitenizi gösterebilir.

WP Speed of Light WordPress sitenizi gerçekleştirmek için en iyi çözümdür, çünkü sitenizi gerçekten dost bir gösterge panosuyla hızlı bir şekilde yüklemenizi sağlayan birçok seçenek vardır ve ana sayfaet, bu seçeneklerden biri gruplandırın ve kaynakları küçültün. Tek dosya dahil etme / gruptan çıkarma ve küçültme işlemi, çakışma olmadan özel bir optimizasyon için bir anahtardır.

Bu blog yazısı için örnek bir wordpress sitesi kullanacağız ve bunun nasıl yapılacağını öğreneceğiz, böylece her şeyi yapılandırma süreci daha kolay olacaktır.

 

WordPress JS ve CSS küçültme işlemleri nasıl yapılır?

Bir kelime js ve CSS minification nasıl yapılacağını öğrenelim ama önce, minification ne anlama geldiğini bilmemiz gerekir “Minification kaynağın tarayıcı tarafından nasıl işlendiğini etkilemeden gereksiz veya gereksiz verileri kaldırma işlemi anlamına gelir - örneğin kod yorumları ve biçimlendirme, kullanılmayan kodu kaldırma, daha kısa değişken ve işlana sayfa adlarını kullanma vb. ”

Şimdi yapacağımız, değişiklikleri görmek için sayfamıza yapılan hız testi, bu örnekte, woocommerce ve bazı ürünler içeren bir site kullanıyoruz, bu nedenle ilk kez biraz yavaş yüklenecek.

 

önce test

 

ana sayfaet, sayfayı yüklemek için 2,79 saniye, fena değil ama daha iyi olabilirdi, js ve CSS'yi küçültelim ve farkı görelim. WP Speed of light> SpeedUp> Gruplandır ve küçült, küçültmek için tüm seçenekleri içeren menüyü görebileceksiniz. Eklenti ücretsiz sürümü grup ve küçültme seçeneğini içerir, ancak görsel dosya hariç tutma yalnızca PRO Addon sürümünde bulunur.

 

grup ve-küçültmek-pano

 

PRO eklenti seçenekleri: Satır içi komut dosyasını hariç tutma (Satır içi komut dosyasını küçültmeden çıkarma), komut dosyalarını altbilgiye taşıma (tüm küçültülmüş komut dosyalarını altbilgiye taşıyarak sitenizi hızlandırmanıza olanak sağlar), Grup fontu ve Google Fontları (Grup yerel fontlarını ve Google fontlarını tek bir dosyada daha hızlı sunulabilir) ve Gelişmiş dosya hariç tutma.
 
Gördüğünüz gibi, küçültme seçeneğiniz var, JS, CSS ve ayrıca HTML şimdi bu seçenekleri etkinleştiriyor, kaydet seçeneğine tıklayın ve tüm kaynaklarınız derhal küçültülecek, gelişmiş bir yapılandırma olduğu için sorunlara yol açabilir, ancak her şey Bazı kod ve dosyaların hariç tutulması ile düzeltilebilir (pro addon ile).

 

küçültmek-kaynaklar

 

 

Şimdi saatlerce sürebilen tüm geliştirici işleri sadece birkaç saniye içinde yapılır.

 

Sonraki adım, WordPress CSS ve JS'i optimize ediyor

Bu eklenti ile sadece WordPress'in CSS ve js'yi kontrol panelinde grup seçeneklerini etkinleştirerek optimize etmesine izin vereceğiz. WP Speed of Light> SpeedUp> Gruplandır ve küçült, CSS ve js gruplama seçeneklerine sahip bir gösterge panosu görebileceksiniz.

Bu seçenekler şunları yapmanızı sağlar:

  • Grup JS: Birkaç Javascript dosyasını tek bir dosyada gruplamak, HTTP istek sayısını en aza indirir
  • Grup CSS: Birkaç CSS dosyasını tek bir dosyada gruplamak, HTTP istek sayısını en aza indirir.

HTTP istekleri: bunlar, bir şeyi her seçtiğimizde veya aynı sitedeki başka bir sayfaya gittiğimizde sunucuya yapılan isteklerdir, bu nedenle bu istekleri azaltabilirsek yükleme süresi azalır.

Web sitenizde ne kadar dosya, komut dosyası oluşturabileceğinizi kontrol etmek için tarayıcı konsolunuzu açın (sağ tıklayın> İncele veya F12) ve ağ paneli.

 

list-script krom

Daha sonra türe göre yüklenen tüm dosyaları listeleyebilirsiniz, burada bu örnekte sadece JS dosya listesine tıkladım.

Şimdi bu ayarlarda olduğumuza göre, sadece grup seçeneklerini etkinleştirin (Group CSS ve Group JS) ve kaydet seçeneğine tıklayın, bu seçeneklerin dikkatli kullanılması gerektiğini ve çakışmalara neden olabileceğinden sayfanızı test etmeniz gerekeceğini unutmayın .

 

Ciddi olalım ve yazı tipi ağırlığını optimize edelim

Ne? Diğer optimizasyon? ana sayfaet! Yazı tipi ağırlığını optimize edebileceksiniz ve ayarlarda seçeneği etkinleştirmek kadar kolay olacak. WP Speed of Light> SpeedUp> Gruplandır ve küçült> Grup fontları ve Google Fontları seçeneği.
Grup fontları ve Google fontları seçeneği, onları daha hızlı sunulması için tek bir dosyada gruplandırmanıza izin verir, WordPress temalarının ve mizanpajlarının çoğu varsayılan olarak tüm reddetmelerde (normal, kalın, italik) varsayılan olarak 2 veya fontla birlikte geldiğinden oldukça kullanışlıdır. ...)

Sadece bu seçeneği etkinleştirin, kaydet seçeneğine tıklayın ve tüm fontlar gruplanacaktır.

 

grubu yazı

 


Artık kaynakları küçültmek ve gruplandırmak için tüm seçenekleri etkinleştirdiğimize göre, sitemizin yükleme süresinde bir fark görmeliyiz, hızı kontrol edelim.

 

test sonra

 

Ne fark, 2.8 den 0.56 saniyeye! Size bu yazının başında söylediğimiz gibi, yükleme süresini daha iyi hale getirebiliriz;)

 

Dosya küçültme hariç tutma yöntemi nasıl kullanılır?

Minyatürleştirme, sitenizde sorunlara neden olabilir, çoğunlukla sözdizimi hatası veya benzeri değişken sınıf adı hatası içeren belirli dosyaları gruplandırdığınızda ortaya çıkar. Bu nedenle, “dosya küçültme hariç tutma” seçeneği sayesinde, dosyaları küçültme ve grup işlemlerinin dışında tutabileceksiniz. WP Speed of Light> SpeedUp> Gruplandır ve küçült, görebileceksiniz Gelişmiş dosya hariç tutma seçeneği.

Gelişmiş dosya hariç tutma özelliğini kullanmak için önce seçeneği etkinleştirmek üzere bir tarama çalıştırmanız ve ardından Taramayı Çalıştır seçeneğine tıklamanız gerekir.

 

grup kaynak çatışma uyarı

 
Web sitenize yüklenen komut dosyasını listeleyebilmek için, WP Speed of Light'in listelemek için klasörünüzü taraması gerekir. Genellikle tüm eklentilerinizi ve temanızı gruplayan / wp-content klasörünüzde bulunurlar. Bu klasörü seçin (en azından) ve tıklayın "Şimdi Tara"

 

seçmek klasörler-to-tarama

 

Bir tarama gerçekleştirecek, nihayet, tarama tamamlandığında sonuçlara tıklayın.

 

taranan

 

Türe göre sınıflandırılmış dosyaların listesi (All, JS, CSS, Font) aşağıda gösterilmelidir. Sorun çıkaran bir dosya tanımladıysanız, dosya grubunu ve küçültmeyi etkinleştirirken, basit bir araç kullanarak buradan hariç tutabilirsiniz. ON / OFF şalter.

 

-Dosyaları hariç

 

Bu, dosyaları dışlamanıza yardımcı olur ve bu şekilde, kaynakları küçültürken ortaya çıkabilecek her türlü sorunu kolayca çözer ... Grup ve küçültme işlemi, özellikle sınamada hala biraz çalışma gerektirir, ancak kesinlikle çabaya değer.
 
Dana sayfaam et ve WP Speed of Light'i dene: https://www.joomunited.com/wordpress-products/wp-speed-of-light

4
Dro ile Anında Google Drive Dosya Senkronizasyonu ...
WP Media Fo'yu kullanarak WordPress'i Bulutla ...
 

Yorumlar

Henüz yorum yapılmamış. İlk yorum yapan siz olun.
Zaten kayıtlı? Giriş yapın
Konuk
15 Kasım 2019 Cuma

CAPTCHA görseli