WordPress siteniz için otomatik optimizasyon nasıl ayarlanır
AutoPtimize ücretsiz bir WordPress optimizasyon eklentisidir. HTML, CSS ve JavaScript’in optimizasyonuna ek olarak, AutoPtimize ayrıca modern WordPress sitelerinin diğer yönlerini hedefleyen optimizasyon özelliklerini de içerir.
Ücretsiz demoyu deneyin
Bu yazıda, WordPress site sayfalarınızın performansını ve hızını artırmak için en iyi AutoPtimize eklenti ayarlarını paylaşacağız.
Neden optimize etmelisiniz? En iyi otomatiktimize olan ayarlara dalmadan önce, AutoPtimize’nin harika bir optimizasyon eklentisi olmasının üç nedeni tartışalım.
AutoPtimize’nin ücretsiz sürümü, WordPress sitenizi optimize etmek için eksiksiz bir özellik kümesine sahiptir.
AutoPtimize gerçekten bir optimizasyon eklentisidir ve herhangi bir HTML sayfası önbellek yapmaz. Bu, Kinsta gibi özel sayfa önbellek konfigürasyonlarına sahip olanlar bile tüm web ana bilgisayarlarıyla uyumlu anlamına gelir.
AutoPtimize, WordPress depolarında 1 milyondan fazla aktif kuruluma sahiptir ve yeni özellikler ve hata onarımı ile sürekli olarak güncellenir.
JS, CSS ve HTML ayarlarını otomatik olarak HTML, CSS ve JavaScript ekmek ve tereyağı otomatik olarak optimize edin. Diğer optimizasyon eklentileri gibi, bir dizi özelliğe girme ve kapsamlı otomatik olarak ayarlama ayarları korkutucu bir görev olabilir. Daha kolay hale getirmek için, sitenizin performansını artırmak için en iyi otomatik optimizasyon ayarlarını derledik.
JavaScript seçeneği
AutoPtimize’de JavaScript Optimizasyonu.
JavaScript Kodunu Optimize Bu seçeneği etkinleştirmelisiniz. “JavaScript Kodunu Optimize Etmek” etkinleştirildiğinde, AutoPtimize JavaScript dosyanızı azaltır. Agregate Dosya JS seçeneği “Agregate JS Dosyası” AutoPtimize tüm JavaScript dosyalarınızı bir dosyada birleştirecektir. Geçmişte, JS ve CSS dosyalarını birleştirmek WordPress optimizasyonunda önemli bir adımdı. Kinsta’da, paralel ve çoğaltma indirmelerini destekleyen HTTP/2 modern sunucusunu kullanıyoruz – bu, dosyaları birleştirmenin artık eskisi kadar önemli olmadığı anlamına geliyor çünkü HTTP/2 birçok dosyanın aynı anda indirilmesine izin veriyor. Bu nedenle, CSS ve JS dosyalarını birleştirmek, belirli WordPress siteleri için yine de bir hız artışı üretecektir, bu nedenle sayfanızın hızını etkinleştirilmiş ve devre dışı bırakarak test etmenizi öneririz. Ayrıca, sıralı JS seçeneği “ve aynı hat içi JS Agrega” Çıkarma JS çizgileri. HTML sizde ve dosyaları optimize ederek birleştirin. Bu seçenek, otomatik olarak önbellek boyutunda hızlı bir artışa neden olabileceğinden, etkinleştirmek için özel bir nedeniniz olmadığı sürece bu seçeneği devre dışı bırakmanızı öneririz. Zorla JavaScript Çoğu durumda, JavaScript dosyalarını sitenizin html öğesine yüklenmeye zorlamanızı önermiyoruz. JS’yi daha önce yüklemeye zorlamak, sayfanızın hızını yavaşlatabilecek bir oluşturma öğesine neden olabilir. öğesine yüklenmesi gereken bir JavaScript dosyanız varsa, komut dosyasını AutoPtimize’den hariç tutmanızı öneririz.
Komut dosyasını otomatik olarak hariç tutun Bu seçenek, belirli JavaScript dizinini ve dosyaları toplama işleminden hariç tutmanıza olanak tanır. Varsayılan olarak, AutoPtimize aşağıdaki komut dosyasını hariç tuttu. WP dahil/js/dist/
WP dahil/js/tinymce/
JS/JQuery/Jquery.js
Hariç tutulacak komut dosyasının eklenmesinin yalnızca varsayılan toplamayı etkilediğini unutmayın. Hariç tutulan JavaScript dosyası, “diğer seçenekler” altında işaretlenmeyen “hariç tutulan CSS ve JS dosyalarının daraltılması” dışında hala azaltılacaktır. “Try-Arpack Ekle” seçeneğini etkinleştirmek için bir deneme ambalajı ekleyin, JavaScript kodunuzu denemeye ve yakalama bloğuna sarılacaktır. Bu seçenek, JS minifikasyonu ve toplanmasının neden olduğu hata ayıklama problemleri için yararlıdır. Siteniz yalnızca “etkinleştirilmiş bir deneme yakalama ekleme ile işlev görürse, deneme ve yakalama blokları nedeniyle sorunlara neden olan sorunlara neden olduğunu belirlemek için JavaScript dosyanıza göz atmak için bir geliştiriciyle birlikte çalışmalısınız.
AutoPtimize: İhtiyacınız olduğunu bilmediğiniz ücretsiz WordPress optimizasyon eklentisi … ancak sitenizi Lightning kadar hızlı yapacak
CSS optimizasyonunu otomatik olarak optimize edin.
CSS kodunu optimize et Bu seçeneği etkinleştirmelisiniz. “CSS kodu optimize etme” etkinleştirildiğinde, AutoPtimize CSS dosyanızı azaltır. Toplam dosyası CSS seçeneği “Toplam dosyası CSS” AutoPtimize tüm CSS dosyalarınızı bir dosyada birleştirir. Daha önce de belirttiğimiz gibi, bu özellik HTTP/2’yi destekleyen siteye fayda sağlamayabilir. Sayfa hızı üzerinde olumlu bir etki olup olmadığını belirlemek için sitenizdeki bu A/B seçeneğini test etmenizi öneririz. Ayrıca birleştirilmiş CSS satır içi bu seçenek CSS satırlarını CSS AutoPtimize dosyasına taşır. CSS satırlarını önbellek tarayıcısı olabilecek CSS dosyalarına taşımak sayfa boyutunu azaltabilse de, bu seçeneğin birçok durumda devre dışı bırakılmasına izin vermelisiniz. Veri Üret: Görüntüler için URI Bu seçenek etkinleştirildiğinde, AutoPtimize Base64 küçük arka plan görüntülerini kodlayacak ve CSS’ye sabitleyecektir. Bu seçenek testi, sayfanızın hızı üzerindeki etkisini ölçmek için en iyisidir. Görüntüleri Base64 formatına kodlarken, HTTP isteklerinin sayısını azaltırken, Base64 temsil dosyası genellikle ikili meslektaşlarından% 20-30 daha fazladır.
JavaScript Kodunu Optimize Bu seçeneği etkinleştirmelisiniz. “JavaScript Kodunu Optimize Etmek” etkinleştirildiğinde, AutoPtimize JavaScript dosyanızı azaltır. Agregate Dosya JS seçeneği “Agregate JS Dosyası” AutoPtimize tüm JavaScript dosyalarınızı bir dosyada birleştirecektir. Geçmişte, JS ve CSS dosyalarını birleştirmek WordPress optimizasyonunda önemli bir adımdı. Kinsta’da, paralel ve çoğaltma indirmelerini destekleyen HTTP/2 modern sunucusunu kullanıyoruz – bu, dosyaları birleştirmenin artık eskisi kadar önemli olmadığı anlamına geliyor çünkü HTTP/2 birçok dosyanın aynı anda indirilmesine izin veriyor. Bu nedenle, CSS ve JS dosyalarını birleştirmek, belirli WordPress siteleri için yine de bir hız artışı üretecektir, bu nedenle sayfanızın hızını etkinleştirilmiş ve devre dışı bırakarak test etmenizi öneririz. Ayrıca, sıralı JS seçeneği “ve aynı hat içi JS Agrega” Çıkarma JS çizgileri. HTML sizde ve dosyaları optimize ederek birleştirin. Bu seçenek, otomatik olarak önbellek boyutunda hızlı bir artışa neden olabileceğinden, etkinleştirmek için özel bir nedeniniz olmadığı sürece bu seçeneği devre dışı bırakmanızı öneririz. Zorla JavaScript Çoğu durumda, JavaScript dosyalarını sitenizin html öğesine yüklenmeye zorlamanızı önermiyoruz. JS’yi daha önce yüklemeye zorlamak, sayfanızın hızını yavaşlatabilecek bir oluşturma öğesine neden olabilir. öğesine yüklenmesi gereken bir JavaScript dosyanız varsa, komut dosyasını AutoPtimize’den hariç tutmanızı öneririz.
Komut dosyasını otomatik olarak hariç tutun Bu seçenek, belirli JavaScript dizinini ve dosyaları toplama işleminden hariç tutmanıza olanak tanır. Varsayılan olarak, AutoPtimize aşağıdaki komut dosyasını hariç tuttu. WP dahil/js/dist/
WP dahil/js/tinymce/
JS/JQuery/Jquery.js
Hariç tutulacak komut dosyasının eklenmesinin yalnızca varsayılan toplamayı etkilediğini unutmayın. Hariç tutulan JavaScript dosyası, “diğer seçenekler” altında işaretlenmeyen “hariç tutulan CSS ve JS dosyalarının daraltılması” dışında hala azaltılacaktır. “Try-Arpack Ekle” seçeneğini etkinleştirmek için bir deneme ambalajı ekleyin, JavaScript kodunuzu denemeye ve yakalama bloğuna sarılacaktır. Bu seçenek, JS minifikasyonu ve toplanmasının neden olduğu hata ayıklama problemleri için yararlıdır. Siteniz yalnızca “etkinleştirilmiş bir deneme yakalama ekleme ile işlev görürse, deneme ve yakalama blokları nedeniyle sorunlara neden olan sorunlara neden olduğunu belirlemek için JavaScript dosyanıza göz atmak için bir geliştiriciyle birlikte çalışmalısınız.
AutoPtimize: İhtiyacınız olduğunu bilmediğiniz ücretsiz WordPress optimizasyon eklentisi … ancak sitenizi Lightning kadar hızlı yapacak
CSS optimizasyonunu otomatik olarak optimize edin.
CSS kodunu optimize et Bu seçeneği etkinleştirmelisiniz. “CSS kodu optimize etme” etkinleştirildiğinde, AutoPtimize CSS dosyanızı azaltır. Toplam dosyası CSS seçeneği “Toplam dosyası CSS” AutoPtimize tüm CSS dosyalarınızı bir dosyada birleştirir. Daha önce de belirttiğimiz gibi, bu özellik HTTP/2’yi destekleyen siteye fayda sağlamayabilir. Sayfa hızı üzerinde olumlu bir etki olup olmadığını belirlemek için sitenizdeki bu A/B seçeneğini test etmenizi öneririz. Ayrıca birleştirilmiş CSS satır içi bu seçenek CSS satırlarını CSS AutoPtimize dosyasına taşır. CSS satırlarını önbellek tarayıcısı olabilecek CSS dosyalarına taşımak sayfa boyutunu azaltabilse de, bu seçeneğin birçok durumda devre dışı bırakılmasına izin vermelisiniz. Veri Üret: Görüntüler için URI Bu seçenek etkinleştirildiğinde, AutoPtimize Base64 küçük arka plan görüntülerini kodlayacak ve CSS’ye sabitleyecektir. Bu seçenek testi, sayfanızın hızı üzerindeki etkisini ölçmek için en iyisidir. Görüntüleri Base64 formatına kodlarken, HTTP isteklerinin sayısını azaltırken, Base64 temsil dosyası genellikle ikili meslektaşlarından% 20-30 daha fazladır.
CSS hizalamasında çizgi ve ertelemede önemli bir CSS, birkaç alan için hızda önemli bir artış sağlayabilir. Buradaki fikir, “Üst Paro’da” olan unsurlar için gereken bir çizgi çizgisidir. Uygulamada, CSS genellikle yapısal unsurlar, aileler ve küresel yazı tipi boyutu ve navigasyon kuvvetleri gibi öğeleri hedefler. Bu anahtar öğeyi hizalayarak, daha büyük bir tam CSS dosyası, sayfa görünümünü etkilemeden başka bir zamanda yüklenebilir. Kritik kuvvetleri manuel olarak çıkarmak mümkün olsa da, bir başlangıç noktası olarak bir kuvvet üretmek için böyle bir cihaz kullanmalısınız.
CSS’yi önemli hale getirdikten sonra, ayarları otomatik olarak ayarlamak için kopyalayıp yapıştırın.
Hat ve Autoptimize’de CSS’yi erteleyin.
Bir sonraki adım, ön uç site deneyiminizi test etmektir. Bazı garip içerik içeriği (FoUC) flaşları görürseniz, stiliz olmayan öğeyi tanımlamanız ve iniş için otomatiktimize uygun bir stil eklemeniz gerekebilir. AutoPtimize, WordPress sayfanız için otomatik olarak önemli CSS üreten bir “güçlendirme” sunar. Deneyimlerimize göre, bu özellik bazen sitenizi yavaşlatabilir, çünkü önemli CSS üretmek için harici yangın çağrıları kullanır. Bu nedenle, kritik başlangıç CSS’nin oluşturulması, harici sunucuların yanıt vermesine bağlıdır. Çoğu durumda, yukarıda belirtilen harici yangın çağrıları gerektirmeyen yöntem daha temiz bir çözümdür.
CSS’yi önemli hale getirdikten sonra, ayarları otomatik olarak ayarlamak için kopyalayıp yapıştırın.
Hat ve Autoptimize’de CSS’yi erteleyin.
Bir sonraki adım, ön uç site deneyiminizi test etmektir. Bazı garip içerik içeriği (FoUC) flaşları görürseniz, stiliz olmayan öğeyi tanımlamanız ve iniş için otomatiktimize uygun bir stil eklemeniz gerekebilir. AutoPtimize, WordPress sayfanız için otomatik olarak önemli CSS üreten bir “güçlendirme” sunar. Deneyimlerimize göre, bu özellik bazen sitenizi yavaşlatabilir, çünkü önemli CSS üretmek için harici yangın çağrıları kullanır. Bu nedenle, kritik başlangıç CSS’nin oluşturulması, harici sunucuların yanıt vermesine bağlıdır. Çoğu durumda, yukarıda belirtilen harici yangın çağrıları gerektirmeyen yöntem daha temiz bir çözümdür.
Çoğu site için tüm CSS satırı, tüm CSS’yi hizalamayı önermiyoruz çünkü sayfa boyutunu önemli ölçüde artırabilir. Buna ek olarak, tüm CSS içleri bir web tarayıcısını CSS önbelleği yapmak imkansız hale getirir. CSS’yi AutoPtimize’den hariç tutar. Varsayılan olarak, AutoPtimize Aşağıdaki dizin ve CSS dosyasını toplama işleminden hariç tutun. CSS dosyalarınızdan birini birleştirmek için AutOptimizize’yi önlemek istiyorsanız, bu listeye ekleyebilirsiniz. JavaScript hariç, bu özelliğin varsayılan davranışı, CSS dosyalarının yalnızca birleştirilmesini engellemez.
WP-Concent/Yükleme/
WP-Concent/Yükleme/
Admin-Bar.min.css
dashicons.min.css
HTML seçeneği HTML AUTOPTIMIZE Optimize Etmek, boşlukları kaldırarak sayfa boyutunuzu azaltmaya yardımcı olabilir.
Otoptimize HTML optimizasyonu.
HTML kodunu optimize edin “Optimize edilmiş HTML” kod özelliğini etkinleştirmelisiniz, çünkü bu özellik HTML’nizdeki gereksiz alanları silerek sayfa boyutunu azaltır. Bu özellik çoğu site ile uyumlu olsa da, boşlukların kaldırılması çeşitli sitelerde parazite neden olabilir. Bu nedenle, üretim ortamında kullanmadan önce HTML kodunun genel optimizasyonunu test etmenizi öneririz.
Bültenlere Kaydolun
Trafiğimizi%1000’den fazla nasıl artırdığımızı bilmek ister misiniz? Haftalık bültenimizi içerideki WordPress insanlar hakkında ipuçlarıyla alan 20.000’den fazla insana katılın!
Şimdi abone olun
dashicons.min.css
HTML seçeneği HTML AUTOPTIMIZE Optimize Etmek, boşlukları kaldırarak sayfa boyutunuzu azaltmaya yardımcı olabilir.
Otoptimize HTML optimizasyonu.
HTML kodunu optimize edin “Optimize edilmiş HTML” kod özelliğini etkinleştirmelisiniz, çünkü bu özellik HTML’nizdeki gereksiz alanları silerek sayfa boyutunu azaltır. Bu özellik çoğu site ile uyumlu olsa da, boşlukların kaldırılması çeşitli sitelerde parazite neden olabilir. Bu nedenle, üretim ortamında kullanmadan önce HTML kodunun genel optimizasyonunu test etmenizi öneririz.
Bültenlere Kaydolun
Trafiğimizi%1000’den fazla nasıl artırdığımızı bilmek ister misiniz? Haftalık bültenimizi içerideki WordPress insanlar hakkında ipuçlarıyla alan 20.000’den fazla insana katılın!
Şimdi abone olun
HTML Yorumları Kaydetme Optimize edilmiş sayfa için HTML yorumlarını kaydetmek istiyorsanız bu özelliği etkinleştirin. CDN Seçenekleri Statik varlıkları hızlandırmak için Kinstacdn gibi CDN kullanırsanız, otomatiktimize etmek için CDN URL’si eklemeniz gerekir. CloudFlare gibi CDN özelliklerine sahip bir proxy hizmeti kullanıyorsanız, CDN AutoPtimize seçeneğinde hiçbir şeyi yapılandırmanız gerekmez. CDN ayarlarını otomatik olarak yapılandırma.
Önbellek Bilgileri “Bilgi Önbellek” AutoPtimize, önbellek klasörünün konumu ve izni ve önbellek olan toplam stil ve komut dosyasının boyutu gibi önemli bilgileri görüntüler. “Hayır” yanında “yazabilir miyiz?”
Önbellek bilgilerini otomatik olarak optimize etmek.
Diğer seçenekler AutoPtimize, başka birkaç optimizasyon ayarı vardır. Sitenize yüklenecek şekilde optimize edilmiş CSS ve JS dosyalarını alırken sorun yaşıyorsanız, aşağıdaki ayarların bazılarını yeniden yapılandırmanız gerekebilir.
Önbellek Bilgileri “Bilgi Önbellek” AutoPtimize, önbellek klasörünün konumu ve izni ve önbellek olan toplam stil ve komut dosyasının boyutu gibi önemli bilgileri görüntüler. “Hayır” yanında “yazabilir miyiz?”
Önbellek bilgilerini otomatik olarak optimize etmek.
Diğer seçenekler AutoPtimize, başka birkaç optimizasyon ayarı vardır. Sitenize yüklenecek şekilde optimize edilmiş CSS ve JS dosyalarını alırken sorun yaşıyorsanız, aşağıdaki ayarların bazılarını yeniden yapılandırmanız gerekebilir.
Otomatik olarak başkalarının optimizasyonu.
Birleşik komut dosyasını/CSS’yi statik bir dosya olarak kaydedin, statik dosyalar olarak strateji olan gerçekleri yerel olarak saklamak için bu seçeneği etkinleştirmelisiniz. Sunucunuzun dosya sıkıştırmasını işleyecek şekilde yapılandırılmamışsa ve süresi doldurmak için bunu devre dışı bırakmanız gerekebilir. Dışlanan CSS ve JS dosyalarını en aza indirin, tüm CSS ve JS dosyalarının azaltıldığından emin olmak için bu seçeneği etkinleştirmelisiniz. Ancak, bazı hariç tutulan CSS ve JS dosyalarına sahip minifikatörlerle ilgili bazı sorunlar görürseniz, bu seçeneği devam edip devre dışı bırakabilirsiniz. Ayrıca, gelen editör/yönetici için optimize edin, varlıkların gelen editör ve yönetici için optimize edilmesini sağlamak için bunu etkinleştirmelisiniz. Bu, gelen bir kullanıcı olarak otomatik olarak ayarlama ayarlarını test ederseniz önemlidir. Yeni E-Niaga web siteniz için en iyi barındırma, hızlı ve güvenli barındırma? Kinsta, WooCommerce uzmanlarından çok hızlı bir sunucu ve 7/24 dünya standartlarında destek sağlar. Planımıza bakın
Otomatik Optimizasyonda Görüntü Optimizasyonu Otomatik Optimizasyon, görüntüleri optimize etmek için kısa piksellerle doğuştan entegrasyonu görüntüler. Görüntü kalitesi ayarlarına ek olarak, otomatiktimize entegrasyon, görüntünüzün WebP sürümünü oluşturmanıza ve sunmanıza da olanak tanır. Kinsta kullanıcıları için AutOptimize’de Görüntü Optimizasyonu özelliğini kullanmanızı önermiyoruz. Bunun yerine, Jortpixel’den veya Imagify’dan doğrudan bir özellik eklentisi kullanmanızı öneririz. Tam bir eklenti ile, Kinsta’da WebP desteği için gerekli olan etiketleri kullanmak için görüntüleri yeniden yazma da dahil olmak üzere optimizasyon ayarları üzerinde daha ayrıntılı kontrole sahip olacaksınız.
Autoptimize ile tembel yük görüntüsü.
Autoptimize ile tembel yük görüntüsü.
Otomatik optimizasyon ayrıca görüntüler için yavaş yükleme işlevleri de içerir. Birçok görüntüye sahip sayfalar için sayfanın hızını artırmak için bu özelliği etkinleştirmenizi öneririz. Yükleme yavaşça etkinleştirildiğinde, otomatik optimizasyon, sınıf görüntüsünü ve belirli dosya adlarını yavaşça yüklenmeyecek şekilde hariç tutmanıza olanak tanır. İstisna ayarları, yavaş yüklenmemesi gereken logolar, sosyal simgeler ve diğer önemli görüntü öğeleri gibi görüntüler için kullanışlıdır. Yavaş yükleme üzerinde daha fazla kontrol sunan bir çözüm arıyorsanız, WordPress’teki yavaş yükleme görüntüleri ve videolar hakkındaki kılavuzumuza bakın. Otomatikleştirme ekstra otomatik optimizasyonda ekstra optimizasyon.
Google Yazı Tipi Optimizasyonu, Google yazı tipini optimize etmek için otomatik olarak birkaç farklı seçeneğe sahiptir. Sizin için en iyi seçim, sitenizin Google yazı tipini nasıl kullandığına bağlı olacaktır.
Google Yazı Tipi Optimizasyonu, Google yazı tipini optimize etmek için otomatik olarak birkaç farklı seçeneğe sahiptir. Sizin için en iyi seçim, sitenizin Google yazı tipini nasıl kullandığına bağlı olacaktır.
Ne olduğunu bırak.
Google yazı tipini sil.
Birleştirin ve kafayı bağlayın.
Kafa birleştirin ve önceden yükleyin.
Google yazı tipini sil.
Birleştirin ve kafayı bağlayın.
Kafa birleştirin ve önceden yükleyin.
Yazı tiplerini eşzamansız olarak webfont.js ile birleştirin ve yükleyin.
Hız avantajları sunmadığı için “Olarak Bırak” seçeneğini kullanmanızı önermiyoruz. Google yazı tipi, sitenizde önemli bir görev gereksinimi değilse, onu kaldırmak ve bir yığın sistem yazı tipi kullanmak, sayfanızın hızı üzerinde büyük bir olumlu etkiye sahip olabilir. Sitenizde Google yazı tipini kaydetmek istiyorsanız, siteniz için hangisinin en uygun olduğunu öğrenmek için son üç seçeneği test etmelisiniz. WordPress Core emoji ile ilgili CSS ve JavaScript’i silme seçeneğini kaldırın. Sayfanızın boyutunu azaltmaya yardımcı olabileceğinden bu seçeneği etkinleştirmenizi öneririz. Buna ek olarak, ana işletim sistemlerinin çoğu emoji içeren bir yığın yazı tipi ile gönderilir. Tabii ki, WordPress sitenizde emojileri devre dışı bırakmanın başka yolları da var. Sorgu dizesini statik kaynaklardan kaldırın sorgu dizesini (örneğin? Ver =) statik kaynaklardan silmek istiyorsanız, bu seçeneği etkinleştirebilirsiniz. Sorgu dizesinin kaldırılması yükleme süresini etkilemez, ancak sitenizin GTMetrix, Google PagesPeed ve diğer performans test hizmetlerindeki puanını artırmaya yardımcı olabilir. Prec -Bağlant tarafından yönlendirilen üçüncü taraf bir etki alanına Ön Bağlantı, tam HTTP isteği gönderilmeden önce DNS ve SSL el sıkışma müzakerelerini aramayı işlemek için tarayıcınızın belirli bir etki alanına bağlanmasını sağlar. Örneğin, sitenizin https://site.kinsta.cdn.com/logo.png adresinden sunulan bir logo resmi varsa, HTTP’den önce öğelerindeki DNS ve erken SSL bağlantılarını işlemek için Direktif Ön Bağlantı eklemesini talimat verebilirsiniz. öğesinde yapılan istekler
Hız avantajları sunmadığı için “Olarak Bırak” seçeneğini kullanmanızı önermiyoruz. Google yazı tipi, sitenizde önemli bir görev gereksinimi değilse, onu kaldırmak ve bir yığın sistem yazı tipi kullanmak, sayfanızın hızı üzerinde büyük bir olumlu etkiye sahip olabilir. Sitenizde Google yazı tipini kaydetmek istiyorsanız, siteniz için hangisinin en uygun olduğunu öğrenmek için son üç seçeneği test etmelisiniz. WordPress Core emoji ile ilgili CSS ve JavaScript’i silme seçeneğini kaldırın. Sayfanızın boyutunu azaltmaya yardımcı olabileceğinden bu seçeneği etkinleştirmenizi öneririz. Buna ek olarak, ana işletim sistemlerinin çoğu emoji içeren bir yığın yazı tipi ile gönderilir. Tabii ki, WordPress sitenizde emojileri devre dışı bırakmanın başka yolları da var. Sorgu dizesini statik kaynaklardan kaldırın sorgu dizesini (örneğin? Ver =) statik kaynaklardan silmek istiyorsanız, bu seçeneği etkinleştirebilirsiniz. Sorgu dizesinin kaldırılması yükleme süresini etkilemez, ancak sitenizin GTMetrix, Google PagesPeed ve diğer performans test hizmetlerindeki puanını artırmaya yardımcı olabilir. Prec -Bağlant tarafından yönlendirilen üçüncü taraf bir etki alanına Ön Bağlantı, tam HTTP isteği gönderilmeden önce DNS ve SSL el sıkışma müzakerelerini aramayı işlemek için tarayıcınızın belirli bir etki alanına bağlanmasını sağlar. Örneğin, sitenizin https://site.kinsta.cdn.com/logo.png adresinden sunulan bir logo resmi varsa, HTTP’den önce öğelerindeki DNS ve erken SSL bağlantılarını işlemek için Direktif Ön Bağlantı eklemesini talimat verebilirsiniz. öğesinde yapılan istekler
HTML’niz.Önce bağlanacak önemli bir harici etki alanı bulmak için bir geliştirici veya tarayıcı muayenesi kullanabilirsiniz.Aşağıdaki örnek sayfada, aşağıdaki Domain.https: //cdn.brianli.com için harici bir istek bulunmaktadır.
https://www.google-analytics.com
https://www.googletagmanager.com
Bu üç alan, AutoPtimize PRAKONEKSI listesine eklenebilir.
Geliştirici araçlarıyla harici varlıkları bulun.
Performans nedenleriyle, çok fazla alan için ön planlama yönünü belirlediğinden, bir performans isabetine neden olabilir, çünkü otomatikleştirme öncesi listeye altıdan fazla alan eklemelisiniz. Pramuar Özel Talep, Pramuar tarafından yönlendirilen özel isteği, web tarayıcısınıza en kısa sürede varlıkları indirme talimatı verdi. Bu yön, sayfa yükleme işleminin başında gereken varlıkları indirmek için kullanışlıdır. Uygulamada, Pramuep genellikle CSS sayfasında sorulmadan önce yüklenerek özel yazı tipi yükleme süresini hızlandırmak için kullanılır. WordPress sitenizde hangi varlıkların yayınlanacağı hakkında geliştiricilere danışmanlık yapmanızı öneririz. Diğer performansla ilgili birçok ince ayar gibi, çok fazla varlık yüklemek sitenizin daha yavaş yüklenmesine neden olabilir. Async JavaScript dosyası “Async JavaScript Dosyaları” AutoPtimize, Async HTML bayrağından eşzamansız yüklenecek belirli bir harici JavaScript dosyasını belirlemenizi sağlar. JS dosyalarını asenkron yükleme sayfa hızını artırabilse de, hiçbir site işlevinin etkilenmediğinden emin olmak için yeterli test yapmalısınız. AutoPtimize’yi kullanmadıysanız, bu WordPress Optimizasyon eklentisini bu kılavuzu okuduktan sonra mümkün olan en kısa sürede sitenize eklemek istersiniz, Ayarları nasıl değiştireceğinizi biliyorsanız, otomatiktimize eklenti için sağlam bir seçenektir. Site performansını artırmak isteyen WordPress kullanıcıları.
https://www.google-analytics.com
https://www.googletagmanager.com
Bu üç alan, AutoPtimize PRAKONEKSI listesine eklenebilir.
Geliştirici araçlarıyla harici varlıkları bulun.
Performans nedenleriyle, çok fazla alan için ön planlama yönünü belirlediğinden, bir performans isabetine neden olabilir, çünkü otomatikleştirme öncesi listeye altıdan fazla alan eklemelisiniz. Pramuar Özel Talep, Pramuar tarafından yönlendirilen özel isteği, web tarayıcısınıza en kısa sürede varlıkları indirme talimatı verdi. Bu yön, sayfa yükleme işleminin başında gereken varlıkları indirmek için kullanışlıdır. Uygulamada, Pramuep genellikle CSS sayfasında sorulmadan önce yüklenerek özel yazı tipi yükleme süresini hızlandırmak için kullanılır. WordPress sitenizde hangi varlıkların yayınlanacağı hakkında geliştiricilere danışmanlık yapmanızı öneririz. Diğer performansla ilgili birçok ince ayar gibi, çok fazla varlık yüklemek sitenizin daha yavaş yüklenmesine neden olabilir. Async JavaScript dosyası “Async JavaScript Dosyaları” AutoPtimize, Async HTML bayrağından eşzamansız yüklenecek belirli bir harici JavaScript dosyasını belirlemenizi sağlar. JS dosyalarını asenkron yükleme sayfa hızını artırabilse de, hiçbir site işlevinin etkilenmediğinden emin olmak için yeterli test yapmalısınız. AutoPtimize’yi kullanmadıysanız, bu WordPress Optimizasyon eklentisini bu kılavuzu okuduktan sonra mümkün olan en kısa sürede sitenize eklemek istersiniz, Ayarları nasıl değiştireceğinizi biliyorsanız, otomatiktimize eklenti için sağlam bir seçenektir. Site performansını artırmak isteyen WordPress kullanıcıları.
