[vc_row content_placement = "middle" css = ". vc_custom_1508940533685 {background-color: # f8f6f6! important;}" el_id = "themeforestpro"] [vc_column width = "3/4" css = ". vc_custom_1502759058885 {margin-bottom: 0p0 ! önemli; border-bottom-width: 0px! important; padding-bottom: XNUMXpx! important;} "] [vc_column_text]

Divi: Kullanılacak en kolay WordPress teması

[/ vc_column_text] [/ vc_column] [vc_column width = "1/4"] [vcex_button url = "https://www.elegantthemes.com/affiliates/idevaffiliate.php?id=23065&tid1=divibeforepostmobile" target = "boş" size = "small" align = "center" color = "green" font_family = "Raleway" font_weight = "600" style = "flat" custom_color = "# ffffff" custom_hover_color = "# ffffff"] İNDİR [/ vcex_button] [/ vc_column] [/ vc_row]

Divi: Tüm zamanların en iyi WordPress teması!

daha fazla 901.000 indirmeler, Divi, dünyanın en popüler WordPress teması. Tamamen, kullanımı kolay ve 62 ücretsiz şablonlardan daha fazlasını sunuyor.

Bugün W3TC konusundaki eğitimimize devam ediyoruz. Muhtemelen zaten bir önbellek eklentisi olduğunu biliyorsunuzdur, bu da diğer şeylerin yanı sıra blogunuzu hızlandırmanızı sağlar (performansını artırır).

Bu eğitim birkaç bölüme ayrılmıştır. O zamandan beri önbelleğe girişle başladık ve bazı ön düzenlemeler yaptık. Aşağıda farklı bölümleri görebilirsiniz:

Bölüm 2: yapılandırılması küçültme

Biz yapılandırma W3TC hala, ama şimdi dosya sıkıştırma bahsedelim.

Menüye erişmeden önce Küçültmek ", Önce etkinleştirmelisiniz" Küçültmek Genel ayarlarda. Sıkıştırma modunu etkinleştirdiyseniz ve sitenizde düzgün çalışıyorsa, " küçültülmesi Bu menüde gördüğünüz, aşağıdaki ekran görüntülerinde gösterilenin basitleştirilmiş bir versiyonu olacaktır.

Bu derste, sıkıştırma işlemini ele alıyoruz ( küçültülmesi W3TC ile birlikte. " küçültülmesi Ve JS ile CSS'nin birleşimi bu eğitimde göreceğimiz şeyin özüdür.

Küçültün: Genel

Menüdeki genel ayarlar Küçültmek Üç seçenek var.

minify-genel w3tc-plugin-wordpress

Modül URL Rewrite "Varsayılan olarak etkinleştirilmeli ve CSS ve JS dosyalarınızın normal URL yapısı yerine" http GET "başlıkları kullanılarak getirildiğini görmeyi tercih etmiyorsanız, bu seçeneği olduğu gibi bırakmalısınız.

Devre Dışı Bırak " küçültülmesi Giriş yapan kullanıcılar değiştirilmemelidir. Giriş yapmış ve bağlantısı kesilmiş kullanıcılara farklı CSS ve JS dosyaları vermemeniz önerilir.

Hata bildirimi " Küçültmek Yönetici bildirimleri için ayarlanması gerekir. Bu, bir hata olduğunda onların bilgilendirilmesini sağlayacaktır.

Aşağıdaki bölümler " tüm minify "," Sayfa bileşenleri "seçeneğini birleştirin ve taşıyın. Bu, sitenizin sunumunu bozabilir. Site düzeninize zarar vermediğinizden emin olmak için değişiklik yaparken önizleme modunu açmalı ve sitenize göz kulak olmalısınız.

Elementor ile web sitenizi kolayca oluşturun

Elementor oluşturmanıza izin verir Kolay ve Ücretsiz profesyonel bir görünüme sahip herhangi bir web sitesi veya blog tasarımı. Kendiniz yapabileceğiniz bir web sitesi için çok fazla ödeme yapmayı bırakın.

Küçült: HTML ve XML

Bölüm HTML ve XML Minify menüsünden basittir. Onay kutularına izin verilmesi amaçlanmıştır " küçültülmesi ", '" inline CSS ve JavaScript, küçültme akışlarını atlayın ve yeni satırların kırılmasına izin verin.

küçültmek-html w3tc

"Seçeneği haricinde" Yayınları küçültmeyin Kontrol edilmemesi gereken sitenizin hızının artması gerekir.

Metin kutusu ihmal yorumlar buharları HTML "sıkıştırıldığında" kaldırılmaması gereken HTML yorumlarını tanımlamak için kullanılır. Google AdWords ve okuyucularla ilişkili yorumların silinmemesini sağlamak için bazı bağlantılı yorumlar varsayılan olarak bu etki alanında olacaktır. HTML kodunuz ek yorumlar içeriyorsa ve " küçültülmüş HTML’den, bu metin kutusuna bir terim ekleyin, bu nedenle bu ifadeyle ilgili yorumlar silinmeyecek.

küçültün JS

Sıkıştırmayı etkinleştirdiyseniz JavaScript ve CSS Menüde genel Ayarlar Tüm JavaScript kaynaklarıyla aynı anda çalışabileceksiniz ve gördüğünüz menü aşağıdaki görüntünün basitleştirilmiş bir versiyonu olacaktır.

küçültmek-JS-w3tc

Ürünlerinizi internet üzerinden mi satmak istiyorsunuz?

Fiziksel ve dijital ürünlerinizi WordPress'te satmak ve çevrimiçi mağazanızı kolayca oluşturmak için en iyi e-ticaret eklentileri olan WooCommerce'i ücretsiz indirin. Yeni başlayanlar için mükemmel.

Manuel yöntemi seçtiyseniz, menünün en üstüne gitmeniz gerekir. Küçültmek Ve sihirbaz düğmesini seçin. Sonuncusu, W3TC tarafından algılanan JavaScript ve CSS dosyalarını listeler. JavaScript ve CSS dosya türleri için tüm kutuları işaretleyin ve "tıklayın. Uygulamak Ve yakın. Bu, JavaScript ve CSS dosyalarını "menüsünde ekleyecektir. Küçültmek Böylece bunlarla manuel olarak çalışabilirsiniz.

"Adlı kutuya bak alanlarda Operasyonu ". Bu bölümde, JavaScript kaynaklarının olup olmadığını kontrol edebilirsiniz " küçültülmüş Ve seçenek ile birlikte Küçültmek Ya da basitçe birleştirilirlerse. Türü Gömmek JavaScript kaynaklarının nasıl yüklendiğiyle ilgili bazı seçenekler sunar. "Seçeneklerinin her birini deneyebilirsiniz beklememe Sitenizin sunumunu bozmayan bir tane bulana kadar, ancak seçeneklerden hiçbiri işe yaramazsa, varsayılanları bırakın.

Genel ayarlarda manuel sıkıştırma yöntemini seçtiyseniz, her dosyayı tek bir şablona veya tüm şablonlara atayarak ve " başlık »Le« vücut "Veya altında" vücut Her belgenin HTML belgesinde nerede göründüğü ve nasıl yüklendiği üzerinde ayrıntılı denetim için. Ayrıca « sürükle ve bırak »Dosyalar, bazı dosyaların doğru şekilde yüklenmesi için önceki dosyalara bağlı olması durumunda yüklenme sırasını yeniden düzenlemek için.

küçültmek-js-sıkıştırma

En uygun ayar, dosyaları " başlık Ve onları seçeneklerinden birini yükleyin beklememe "(Engellenmeyen). Ancak, bunu yaparak sitenizin görünümünün etkileneceği çok iyi bir ihtimal.

Her dosyadan bir kez geçerek, farklı yerlerde test ederek ve sitenin doğru şekilde yüklendiğinden emin olarak bunun hiçbir yolu yoktur.

küçültme CSS

Kullanılabilir CSS dosyalarını azaltmak için dört ayar vardır:

küçültme-css seçenekleri

  • etkinleştirme : Minfication ve CSS dosyalarının kombinasyonunu sağlar.
  • sadece birleştirmek : CSS dosyaları birleştirin, fakat onları küçümsemek değil.
  • nasıl kaldırma Preserved : Kombine CSS dosyalarındaki yorumları kaldırır.
  • Satır sonu kaldırma: Kombine CSS dosyalarındaki yeni satırları kaldırır.

"Hariç tüm seçenekleri seçerek başlayın. Sadece birleştirir ". Sitenin sunumu farklı ise, "işareti kaldırın nasıl kaldırma Preserved "Ve" Satır sonu kaldırma ". Bu siteyi düzeltmezse, "kullanın Sadece birleştirir '.

@İmport seçeneği için, "seçin süreç '.

Eğer seçtiyseniz " Oto Bir yöntem olarak küçültülmesi "Genel ayarlar, o zaman bu menünün sadece ilk iki bölümünü göreceksiniz. Ancak, varsa küçültülmesi El ile, o zaman bir CSS dosya yönetimi bölümü göreceksiniz.

Yönetilecek CSS dosyalarını henüz eklemediyseniz, "Yardım" sihirbazını seçin ve temalarınız için tüm CSS dosyalarını seçin. Daha sonra, en kritik dosyalar önce yüklenecek şekilde dosyaların sırasını yeniden düzenleyin.

Küçült: Gelişmiş ayarlar

Çoğu durumda, gelişmiş bölümdeki varsayılan ayarların çok fazla düzenlemeye ihtiyacı yoktur. Ancak, bunları JavaScript ve CSS dosyalarının güncellenme sıklığını, süresi dolmuş dosyaların önbellekten silinme sıklığını ve daha fazlasını ayarlamak için kullanabilirsiniz.

Tuning-of-dolmasından des-files w3tc

Gelişmiş bölüm, belirli sayfaları, JS dosyalarını ve CSS dosyalarını "dışında bırakmak için üç alan içerir. küçültülmesi ". Bazı JS veya CSS kaynaklarının asla sıkıştırılmaması gerektiğini fark ederseniz, bunları bu alanlara ekleyerek izole edebilirsiniz. Doğru söz dizimi için yardıma ihtiyacınız varsa, bkz. " Kullanın: Genel Talimatlar için SSS'den.

W3 Toplam Önbellekteki minyatür seçenekleri için bu kadar, veritabanı önbelleği ile devam edeceğiz.

2 hisseleri
hisse
cıvıltı
Enregistrer2