Perfmatters, yapılandırma kılavuzu

Eğer yarın bana ıssız bir adaya sadece tek bir eklenti götürebileceğim söylenseydi, büyük ihtimalle Perfmatters Eğer bir hayran kulübüm olsaydı, üye olur ve tüm konserlerine giderdims.

Ocak 2021'den beri kullanıyorum ve en çok sorunu çözen eklentilerden biri oldu ve en çok katkıda bulunan ve en iyi şekilde hafifleten eklenti oldu hız kargonun.

Temel

Yıllık yenileme günü geldiğinde ödeme yapmamanın uzak ihtimalini bile sorgulamadığınız araçlardan biridir. Ki bu arada, çok ekonomiktir tek saha kullanımı için. Yalnızca 24,95 ABD doları tutarındadır ve sonraki yenilemeler için %15 indirim uygulanır. Yani ikinci yıldan itibaren sadece 21,21 $'a 21,21 $.

Bazı işlevlerini ayrı ayrı incelediğim için, daha derinlemesine bir analiz ve yapılandırma eğitimi beklemedeydi. Bu yazının amacı da budur.

Yapılandırma hakkında

Uyarı: Söylemeye gerek yok, eklediğim açık ve kapalı simgeler benim yapılandırmama karşılık gelenler, bu blog için alabildiğimin en iyisi bu. Bu, ortamınız için ideal olanın bu olduğu anlamına gelmez.

Her senaryo farklıdır. Her bir seçeneği incelemeniz ve anlamanız, davranışlarını denemeniz ve sizin durumunuz için en iyisinin ne olduğuna karar vermeniz gerekecektir. Bunun için seçeneklerinizi tek tek test etmek ve sonuçları değerlendirmekten daha iyi bir şey yoktur.

Dikkat edilmesi gereken bir diğer husus da yinelenen araçların çarpışacağıdır. Gibi başka eklentiler de var WP Rocket veya sunucu önbellek eklentisi ile Litespeed Aynı işlevlere sahip ve tamamen aynı şeyi yapan. Bunları birlikte etkinleştirmek çatışmalara yol açabilir. Hangisinin en iyi sonucu verdiğini değerlendirmeniz ve bunlardan yalnızca birine bağlı kalmanız gerekecektir.

Genel sekmesi

Genel sekmesinde en yaygın araçları bulacaksınız. Hepsinin yanında ilgili yardıma bir bağlantı bulacaksınız. Denemekten korkmayın. Her şey tersine çevrilebilir. Düğmesine tekrar basıldığında her şey eski haline dönecektir ve burada hiçbir şey olmamıştır.

Emojileri devre dışı bırakın

WordPress'in 2015 yılındaki 4.2 sürümünde aşağıdakiler için destek eklenmiştir emojis eski tarayıcılar için çekirdekte.

Çok ağır olmasalar da (18 KB artı diğer JS) bunları devre dışı bırakabilirsiniz çünkü blogunuzun her sayfasında wp-emoji-release.min.js JavaScript'ini yüklerler ve daha az istek her zaman daha az istektir.

Desactivar dashicons

Dashicons kaynak sürüm 3.8'den beri resmi WordPress yönetici simge seti. Bazı şablonlar dashicons.min.css CSS'sini yükleyerek ön uçta kullanır. Bununla birlikte, birçok modern tema ve eklenti zaten kendi simgelerini, SVG'lerini kullanıyor veya hiç simge kullanmıyor. Bu nedenle, çizgi simgeleri kullanmıyorsanız bunları devre dışı bırakabilirsiniz çünkü stil sayfası gereksiz yükleme süresi ekler ve ayrıca görüntülemeyi engeller.

Bunları Perfmatters'tan devre dışı bırakmak, bunları kullanan WordPress yönetici panelini etkilemez. Oturum açmadığınızda yalnızca ön uçtaki gösterge simgeleri kaldırılacaktır.

Kaplamaları devre dışı bırak

Düzenleyiciye blogunuzdan herhangi bir bağlantı eklediğinizde, WordPress bunu tanır ve bu şekilde görüntüler (stilini değiştirmediyseniz).

Yerleştirmeleri önemsemiyorsanız, bunları devre dışı bırakabilir ve yükü biraz hafifletebilirsiniz. Bunları kapatmadım çünkü önizlemeli bağlantıların paragraflar arasında ilgili bağlantılar olarak kullanıldığında iyi tıklama oranları elde etme eğiliminde olduğunu fark ettim.

Yerleştirme WordPress sürüm 4.4 ile birlikte geldi. Dezavantajı ise yüklenmesi gereken başka bir JavaScript içeren ekstra bir kodla birlikte gelmeleridir: wp-embed.min.js

Blogunuzdaki yerleştirmeleri devre dışı bırakmak, diğer blogların sitenizden bu önizlemeyle bağlantı yerleştirmesini de engeller, ancak oEmbed'e özgü JavaScript'i kaldırır, oEmbed sonuçlarının filtrelenmesini devre dışı bırakır, oEmbed bağlantı keşfini ve ayrıca tüm yerleştirme yeniden yazma kurallarını kaldırır.

XML-RPC'yi devre dışı bırak

XML-RPC, uzak bağlantılara izin vermek için WordPress 3.5'te eklenen bir protokoldür ve kullanmadığınız sürece WordPress Uygulaması Blogunuzu cep telefonunuzdan yayınlamak veya düzenlemek için, ciddi güvenlik riskleri oluşturduğundan devre dışı bırakmanız önemlidir.

Çok az eklenti buna ihtiyaç duyar, bunu kullanan sadece bir tane biliyorum: JetPack. Performansı önemli ölçüde engellediği için tavsiye edilmeyen çok işlevli bir eklenti.

XML-RPCXML-RPC devre dışı bırakıldıktan sonra, yalnızca 403 hata mesajı döndürdüğünden emin olmak için yourdomain.com/xmlrpc.php adresini ziyaret ederek durumunu kontrol edin.

Ayrıca şu adresten de kontrol edebilirsiniz bu doğrulayıcı. Bunun gibi bir mesaj alırsanız, XML-RPC devre dışı bırakılmış demektir.

jQuery Migrate'i kaldırın

WordPress 3.6'da kullanıma sunulmuştur ve WP 5.5 ve üzeri sürümlerden itibaren varsayılan olarak etkin değildir.

Çoğu şablon ve eklenti buna ihtiyaç duymasa da, bazı küçük işlevler için bunu gerektiren birkaç tane var. Benim durumumda bunu kullanan iki eklenti var, Ultimate Membership Pro ve Rank Math için bir İSTATİSTİK ÇUBUĞU (kullanmadığım) yalnızca yöneticiler için görüntülenir. Bazı çerez onayı yönetimi eklentileri yakın zamana kadar hala bunu kullanıyordu.

jQuery Migrate, geliştiriciler için eski bağımlılıklara sahip kodun yeni kodla iletişim kurmasını sağlayan bir kaynaktır.

Muhtemelen buna ihtiyaç duyan herhangi bir eklentiniz yoktur, bu nedenle jQuery Migrate, jquery-migrate.min.js JavaScript'in gereksiz ek yükünü ekler.

Yine de, devre dışı bırakmadan önce eklentilerinizin belgelerini kontrol edin veya geliştiricilere sorun (belirli konumlar için nasıl devre dışı bırakılacağını daha sonra göreceğiz).

WordPress sürümünü gizle

Bu seçeneğin hiçbir gizemi yoktur, sadece bir güvenlik önlemi olarak yüklediğiniz WordPress sürümünü meraklı gözlerden gizler.

Farklı şekillerde yapılabilen bu işlem, sürümünüzde istismar edilebilecek güvenlik açıklarının ortaya çıktığı veya çekirdeğin tehlikeye atılabileceği bir şeyi güncellemekte geç kalmanız durumunda yararlıdır. En azından sürümü gizleyerek, boşluk arayan saldırganlar için daha az kolay hale getiriyorsunuz.

Yalnızca bir satır kod kaldırılsa da ve bu esas olarak güvenlik nedenleriyle yapılsa da, optimizasyon severler için bu, çıkarılacak toplam tutara eklenen başka bir tutamdır.

wlwmanifest bağlantısını kaldırın

Bu, her WordPress kurulumunda görünen bir etikettir ve Windows Live Writer, Ocak 2017'de güncellenmesi ve desteklenmesi durdurulmuştur.

Önceki durumda olduğu gibi, bu sadece gereksiz bir koddur, bu yüzden bir satır daha azdır.

RSD bağlantısını kaldırın

Her WordPress kurulumunda görünen bir başka artık etiket.

Sitelerini tarayıcıdan düzenlerseniz buna hiç ihtiyacınız olmaz. Ayrıca, zaten devre dışı bırakmış olmanız gereken XML-RPC isteklerini kullanan bazı üçüncü taraf uygulamalar tarafından da kullanılır. Yani kaldırılması gereken gereksiz bir kod.

Kısa bağlantıyı kaldırın

Bu etiketi ekleyen sayfalarınız ve yazılarınız için sayılarla kısa bir bağlantı oluşturmak için kullanılır:

<link rel='shortlink' href='https://dominio.com?p=123' />

domain.com/%postname% gibi "güzel" kısa kalıcı bağlantılar kullanıyorsanız, bu kullanılmayan, atılacak daha fazla gereksiz kodu tutmak için hiçbir neden yoktur.

RSS Akışını Devre Dışı Bırak

WordPress varsayılan olarak farklı türlerde RSS beslemeleri oluşturur. RSS beslemeleri bir blog için hala yararlı olsa da, siteniz oldukça statikse veya onu bir blog olarak kullanmıyorsanız, beslemeyi devre dışı bırakabilirsiniz.

RSS beslemelerinden bağlantıları kaldırma

WordPress RSS beslemeleri oluşturduğu gibi, sayfalarınız, yazılarınız, yorumlarınız, kategorileriniz, etiketleriniz vb. için bu RSS beslemelerine bağlantılar da oluşturur. RSS beslemelerinizi etkin bırakabilir ve yine de RSS besleme bağlantılarını kaldırabilirsiniz. Bunun amacı, sayfanızdaki ek ve büyük olasılıkla kullanılmayan kodu kaldırmaktır.

Otomatik geri dönüşleri devre dışı bırak

Pingback temel olarak, başka bir blog size bağlantı verdiğinde blogunuzda bildirim olarak oluşturulan bir bağlantı içeren otomatik bir yorumdur. Otomatik geribildirim, kendi blogunuzdaki bir makaleye bağlantı verdiğinizde oluşturulur.

Günümüzde neredeyse hiç kimse bunları kullanmıyor ve alabileceğiniz harici pingback'ler genellikle spam, sadece kaynak israfı ve hatta kötü niyetli veya geçici ve daha sonra kırık bağlantılar oluşturabilir ve bu nedenle SEO'ya zarar verebilir.
Tıpkı trackbacks, ait blogların geçmişi, Bir blog felsefesi olarak bağlantı vermenin netiquette'in bir parçası olarak gelenek olduğu zamanlardan.

REST API'yi devre dışı bırakın

WordPress REST API, geliştiricilerin JSON nesneleri gönderip alarak sitelerle uzaktan etkileşim kurmasına olanak tanıyan WordPress veri türleri için API uç noktaları sağlar.

Diğer sitelerle ve PHP veya başka bir dilde yazılmış yazılımlarla çapraz referanslamaya izin verir.

Perfmatters'a göre REST API kullanan farklı eklentiler, hizmetler ve uygulamalar var, bunlar bunlardan bazıları:

Yoast SEO ve Ryte gösterge paneli widget'ı, Jetpack, bazı iletişim formları, Wordfence ve bazı özel WooCommerce gösterge paneli widget'ları. Ayrıca Gutenberg blok editörü tarafından sayfa ve yazı düzenlemeleri yaparken iletişim kurmak için kullanılır. Tamamen devre dışı bırakırsanız "Güncelleme başarısız oldu" hatası alırsınız.

Perfmatters üç seçenek sunuyor. Etkin (varsayılan), yönetici olmayanlar için devre dışı ve oturum kapatıldığında devre dışı.

REST API bağlamalarını kaldırma

Varsayılan olarak, tür başlığına bir REST API bağlantısı eklenir:

<link rel='https://api.w.org/' href='https://domain.com/wp-json/' />

Her istekte bir başlık da gönderilir ve API etiketinin uç noktasına bir API etiketi eklenir. Really Simple Discovery (RSD). Tüm bu kod, bağlantılarını kaldırma seçeneği etkinleştirilerek gönderilebilir.

Google Haritalar'ı devre dışı bırakma

Sadece bu, Google Haritalar API'sini devre dışı bırakın.

Bazı WordPress şablonları ve eklentilerinde Google Maps API yerleşik olarak bulunur ve genellikle bunu devre dışı bırakmak için bir yol sunmaz. Google Haritalar, istekler eşzamansız olarak yüklense bile blogunuzun performansına zarar verebilir. Genellikle resmi Google Haritalar API'si üzerinden bir istek yapılır.

Sadece blogunuza bir harita yüklemek için Google Haritalar'a 20'ye kadar HTTP isteği gönderebilirsiniz. Entegrasyona bağlı olarak daha az veya daha fazla talepte bulunabilirler.

Bunlara ihtiyacınız yoksa, devre dışı bırakılmalıdırlar.

Google Haritalar'ı posta kimlik numarasına göre devre dışı bırakma

Ancak, haritaları yerleştirmekten başka seçeneğiniz yoksa, devre dışı bırakmayı yalnızca bunları eklemeniz gereken gönderiler için hariç tutabilirsiniz. Bunu yapmak için aşağıdaki kutuya virgülle ayırarak her bir gönderinin ID'sini eklemelisiniz.

Parola gücü ölçeri devre dışı bırakma

Bu, WordPress ve WooCommerce'in en son sürümlerinde tanıtıldı. Kullanıcıları güçlü parolalar kullanmaya zorlayan ve /wp-admin/js/password-strength-meter.min.js ve /wp-includes/js/zxcvbn.min.js gibi çeşitli dosyaları yükleyen yerleşik bir parola gücü ölçerdir.

zxcvbn.min.js 800 KB'den daha ağır olabilir

WooCommerce kullanıyorsanız, dosya bazen bu yolda da bulunur:

/wp-content/plugins/woocommerce/assets/js/frontend/password-strength-meter.min.js

Her bir şablona ve geliştiricinin işleri nasıl sıraladığına bağlı olarak, bazen bu dosyalar site boyunca yüklenir. Performans nedenleriyle, yalnızca "hesap", "ödeme" ve "şifre sıfırlama" sayfalarına yüklenmelidir.

Devre dışı bıraktıktan sonra hala istekler arasında bu komut dosyalarını bulursanız, şablonunuzun belgelerine ve bu işlevi kullanıyor olabileceğini düşündüğünüz eklentilerin belgelerine bakın.

Yorumları devre dışı bırak

Yorumlara ihtiyacınız yoksa veya spam'i en radikal şekilde sonlandırmaya karar verdiyseniz, okuyucularınızın yorum yapma seçeneğini devre dışı bırakabilirsiniz. Yorum formu kaybolacaktır.

Bu, Yorumları devre dışı bırak seçeneği etkinleştirildiğinde Perfmatters'ın gerçekleştirmeye çalışacağı eylemlerin listesidir:

• Yerleşik son yorumlar widget'ını devre dışı bırakın.
• X-Pingback başlığını çıkarın.
• Yorum akışı bağlantılarını kaldırın.
• Yorum akışı isteklerini devre dışı bırakın.
• Yönetim çubuğundan yorum bağlantılarını kaldırın.
• Tüm gönderi türlerinden yorum desteğini kaldırın.
• Yorum filtrelerini kapatın.
• Yönetim menüsünden yorum bağlantılarını kaldırın.
• Yerleşik tartışma sayfasını devre dışı bırakın.
• Kontrol paneli yorumlarını gizle.
• Profil sayfasındaki yorum ayarları seçeneğini gizleyin.
• İstek üzerine boş bir yorum şablonu döndürün.
• Yorumlara yanıt vermek için betiği kaldırın.

Daha yumuşak bir seçeneği tercih ederseniz, bu kutunun işaretini kaldırarak yalnızca belirli gönderilerdeki yorumları her birinin düzenlenmesinden kapatabileceğinizi unutmayın.

Ya da Ayarlar/yorumlar bölümünden belirli bir gün sayısından sonra kapanacak şekilde ayarlayabilirsiniz.

Yorumlardan URL'leri kaldırma

Varsayılan olarak, WordPress yorumları, yorum yazarının adına nofollow bağlantısı oluşturan bir web sitesi alanı içerir (spam gönderenler buna aldırış etmese de).

Zamanla kırılan bağlantılarla uğraşmak istemiyorsanız, çok az yorumunuz varsa veya sadece spam'i ortadan kaldırmak istiyorsanız, ziyaretçiler tarafından yorumlara eklenen tüm URL'leri tek seferde silebilirsiniz.

Etkinleştirmek, gelecekteki yorumlar için URL alanını da formdan kaldıracaktır.

Boş bir favicon ekleyin

Sitenizde zaten bir favicon varsa, bu seçeneği devre dışı bırakmalısınız.

Beyaz bir favicon eklemek, birçok yeni WordPress kurulumu oluşturuyor ve test ediyorsanız kullanışlıdır. Boş bir favicon eklemek sizi her site için bir favicon yüklemek zorunda kalmaktan kurtarır. Ayrıca, unutursanız, hız testi araçlarında 404 hatası oluşturabilir.

Global stilleri kaldırma

WordPress 5.9'dan itibaren, ek satır içi kodlar eklenerek duotone sti̇ller (CSS ve SVG kodu). Çoğu kullanıcı muhtemelen bu özelliği kullanmayacaktır ve sorun, sitenizin her sayfasına bu şekilde yayılmış 311 (küçültülmemiş) kod satırı eklemesidir:

body etiketinden önce 196 satır CSS ve /body etiketinden önce de 115 satır SVG kodu eklenmiştir.

Kodun birçoğu !important; etiketlerini kullanıyor, bu da ideal değil. Perfmatters bunun bir hata olabileceğine inanıyor, bu nedenle çözülürken tüm bu gereksiz kodu kaldırmanın kolay bir yolu olarak bu seçeneği ekliyorlar.

Hearbeat, revisiones y autoguardado

WordPress Heartbeat API, web tarayıcısından AJAX çağrılarını yürütmek için /wp-admin/admin-ajax.php adresini kullanır.

Bu, taslaklarınızı kaydettiği ve beklenmedik bir kapanmanın onları kaybetmenize neden olmasını önlediği için harikadır, ancak aynı zamanda yüksek CPU kullanımına ve çılgın miktarda PHP çağrısına neden olabilir. Örneğin, kontrol panelinizi açık bırakırsanız, her 15 saniyede bir düzenli aralıklarla bu dosyaya POST istekleri göndermeye devam edecektir. Bunu azaltmak için frekansı 60 saniyeye kadar artırabilirsiniz.

İlk seçenekte ne zaman ve nerede etkinleştirileceğini seçebilirsiniz.

Üçüncü seçenek, yerden tasarruf etmek için girişlerinizin revizyon sayısını sınırlamanıza olanak tanır; örneğin, 10 olarak ayarlarsanız, yalnızca son 10 kaydedilecek ve öncekiler silinecektir.

Son olarak, taslaklar için otomatik kaydetme aralığını ayarlayabilirsiniz. WordPress varsayılan olarak her 60 saniyede bir otomatik olarak kaydeder. Bununla birlikte, aralığı artırarak daha sık manuel olarak kaydetmeniz gerekecektir, bu, siz yönetim alanındayken tarayıcının çok fazla "takılmasını" önler ve ayrıca veritabanına daha az yazma kaydeder.

Woocommerce

WooCommerce için optimizasyon seçenekleri hakkında sadece var olduklarını söyleyeceğim, ancak bu evde olduğu gibi çok net olmadığım hiçbir şeyi incelememek geleneksel olduğu için herhangi bir yorum yapmaktan kaçınacağım. WooCommerce'i şuradan kaldırdım Temmuz 2021 ve bu optimizasyonlara verilen yanıt hakkında neredeyse hiçbir şey hatırlayamıyorum, bu yüzden sizi belgelerine yönlendiriyorum:

• WooCommerce komut dosyalarını ve stillerini devre dışı bırakma
• El arabası parçalarını devre dışı bırakın
• WooCommerce durum kutusunu devre dışı bırakma
• WooCommerce widget'larını devre dışı bırakma

Giriş URL'si

Bir başka ilginç özellik de WordPress'in yourdomain/wp-admin'de belirlediği yönetici alanına varsayılan giriş URL'sini değiştirme yeteneğidir. Puginlerin yaptığı gibi WPS Hide Login.

Üç alan bulacaksınız:

İlkinde, wp-admin erişim url'sini "yourdomain.com/potato" gibi istediğiniz herhangi bir şekilde değiştirebilir, böylece genellikle varsayılan url'yi hedef alan kaba kuvvet saldırılarından ve diğerlerinden kaçınabilirsiniz. Sadece bir yere yazın ve/veya unutmamak için çok fazla karakter içeren garip bir url yapmamaya çalışın (wp_options / perfmatters_options tablosuna giderek her zaman geri alabilirsiniz).

İkinci alan (Disabled Behavior), yourdomain/wp-admin adresine gelen ziyaretçinin üç olasılıkla hangi url'ye gönderileceğini ayarlar:

• Mesaj (varsayılan): Ziyaretçiye bir mesaj görüntüler. Mesajı, Mesaj alanına ekleyerek istediğiniz herhangi bir metinle özelleştirebilirsiniz.
• Şablon 404: Kullanıcı bir 404 sayfasına gönderilecektir.
• URL'yi Başlat: Kullanıcı ana sayfaya yönlendirilir.

Assets

İşte burada işler gerçekten ilginçleşiyor.

Senaryo Yöneticisi, pastanın üzerindeki krema

Perfmatters Script Manager şüphesiz en güçlü ve kullanışlı aracıdır. Sadece bu eklenti ve desteği için ödediğiniz her kuruşa değer.

Her eklenti tarafından kullanılan komut dosyalarını ve CSS'yi devre dışı bırakmanıza ve bir yazı veya sayfada, her iki yerde veya site genelinde yüklenmelerini engellemenize, oturum açmış veya oturumu kapatmış kullanıcılara, cihazlara göre filtrelemenize ve kategoriler ve etiketler de dahil olmak üzere istisnalar eklemenize olanak tanır.

Bu, formlar veya başka herhangi bir şey gibi eklentilerin kullanılmadığı yerlerde gereksiz istekleri ortadan kaldırarak yükleme hızını (özellikle ana sayfanın) büyük ölçüde artırabilir.

Zorunlu Kullanım Modu (MU), Komut Dosyası Yöneticisini çok daha ileri götürür. Çok daha fazla kontrol sağlar ve WordPress eklenti sorguları ve kancalarının yanı sıra satır içi CSS ve JS'yi devre dışı bırakma olanağı sunar. Artık bir eklentinin ön uç komut dosyalarından satır içi koduna ve MySQL sorgularına kadar tüm yönlerini istediğiniz yerde kontrol edebilirsiniz.

Genel görünümünde, yeniden düzenlemeniz, değiştirmeniz, yenilerini eklemeniz veya bazılarını silmeniz gerektiğinde uygulanan tüm yapılandırmaları bulacaksınız.

Bu bir dokümantasyon oldukça eksiksiz. Bu tür bir araca alışık değilseniz, ilk başta gözünüzü korkutabilir, ancak alıştıkça kullanımının çok kolay olduğunu keşfedeceksiniz.

JavaScript

Javascript'i erteleyin ve geciktirin.

Her ikisi de Türkiye'nin kalkınmasına katkıda bulunabilir. FCP ve LCP

Kritik olmayan her JavaScript dosyasına erteleme özelliğinin eklenmesi, sayfanın ilk içerik boyamasını (FCP) hızlandırır. Bu, JavaScript'in HTML ayrıştırma sırasında indirildiği ve sayfa yüklendikten sonra (ayrıştırma bittiğinde) çalıştırıldığı anlamına gelir. Başka bir deyişle, javascript indirme işlemi sayfanın en altına itilir, böylece işlemin sonunda yapılır.

Gecikme LCP sonuçlarını iyileştirir ve TBT. JavaScript, kullanıcı etkileşimine göre geciktirilir ve Google Adsense, Google Analytics, Facebook dönüşüm pikselleri veya Google Reklamları ve benzerleri gibi ağır üçüncü taraf komut dosyaları gibi hemen bir şeye ihtiyaç duyulmadığında sayfanın ilk resmini önemli ölçüde hızlandırır.

Her iki seçenek için de istisnalar ekleyebilir ve Gecikme Zaman Aşımı davranışını etkinleştirebilirsiniz; bu, herhangi bir kullanıcı etkileşimi algılanmazsa 10 saniye sonra komut dosyalarını otomatik olarak yükleyecek bir zaman aşımı ayarlar. Bu isteğe bağlıdır ve varsayılan olarak devre dışıdır.

Delay Timeout

Bu seçeneği etkinleştirirseniz, aşağıdaki seçeneklerden birini kullanarak zaman aşımını farklı bir değere ayarlama olanağına sahip olursunuz bu filtreler.

Örnekteki 7 saniyeye ayarlanmıştır.

add_filter('perfmatters_delay_js_timeout', function($timeout) {
    return '7';
});

Zaman aşımı değerinin çok kısa ayarlanmamasını tavsiye ederler, aksi takdirde JS gecikme işlevi düzgün çalışmayacaktır. Ayrıca, zaman aşımı değerinden bağımsız olarak, kaydırma, tıklama veya ilk fare hareketi olsun, her şey %99 oranında ilk kullanıcı etkileşimi tarafından tetiklenecektir.

CSS

Perfmatters, "Kullanılmayan CSS'yi azalt" uyarısını çözmenin en kolay yolunun bu özelliği etkinleştirmek olduğunu belirtiyor Henüz beta aşamasındayken incelemiştim, hepsini otomatik olarak yapar. Geliştiricileri, yüzlerce URL üzerinde (farklı şablonlar ve yapılandırmalar kullanarak) test ettiklerini iddia ediyorlar ve elde ettiklerini iddia ettikleri sonuçlardan bazıları bunlar:

• PCF'de ortalama %15,20 düşüş.
• Ortalama LCP düşüşü %19,66'dır.
• Ortalama düşüş TTI %14.95.

Perfmatters'ta "Kullanılmayan CSS'yi kaldır" özelliğini etkinleştirmeden önce, Perfmatters'ta yapılandırılmış olan mevcut CSS ön yüklemelerini kaldırmanızı önerirler (Google Fonts yerel stil sayfaları hariç). CSS'yi birleştirmeyin (WP Rocket, Litespeed, Autoptimize ve diğerleri ile sıklıkla yapılan şeyler). CSS birleştirme, HTTP/2'den beri eski bir optimizasyon tekniğidir. Bazı durumlarda, CSS'yi birleştirmek performansa zarar verebilir (benim durumumda vermedi) ve son olarak kullanılmayan CSS'yi başka bir eklentiyle kaldırmaya çalışmadığınızdan emin olun.

Üç eleme yöntemi vardır:

• Gecikme (varsayılan): Tüm orijinal CSS stil sayfaları (kullanılmayan CSS) geciktirilir ve kullanıcı etkileşimi üzerine yüklenir. Bu önerilen seçenektir.
• Eşzamansız: Tüm orijinal CSS stil sayfaları (kullanılmayan CSS) async aracılığıyla yüklenir. Bu yöntem, sayfa yüklenirken stil sayfaları eşzamansız olarak yürütüldüğü için pop-in'i önlemeye yardımcı olabilir. Bu yöntem, gecikme davranışından biraz daha yüksek bir LCP/FCP ile sonuçlanacaktır.
• Silme: Tüm orijinal CSS stil sayfaları (kullanılmayan CSS) kaldırılır. Bu en agresif yöntemdir ancak muhtemelen istisnaların da eklenmesini gerektirecektir. Yalnızca ileri düzey kullanıcılar için önerilir.

Burada bir test ortamında denemeler yapmak ve sonuçları hem tek başına hem de diğer işlevlerle etkileşim halinde ölçmekten başka bir sır yoktur.

Bu işlevlerden bazıları WP düzenlemesinde herhangi bir yazı veya sayfada devre dışı bırakılabilir.

Code

Diğer birçok eklentinin içermediği, elle bile yapılabilen, ancak blogunuzun üstbilgisine, gövdesine veya altbilgisine özel kod ekleme işlemini basitleştiren ve kolaylaştıran kullanışlı bir klasik.

Aşağıdaki alanlar kodu doğrudan ön uca yazdırır, bu nedenle geçerli HTML olmalıdır. Buna stil etiketleri içindeki satır içi CSS veya komut dosyası etiketleri içindeki satır içi JS dahildir. Ayrıca bir JS veya CSS dosyası da yükleyebilirsiniz.

PHP gibi sunucu tarafı dillerini desteklemez. Özel PHP kodu eklemek için eklentiyi kullanmanız önerilir Code Snippets.

Preloading

Ön Yükleme'de, "Anında Sayfa" olarak adlandırılan ilk seçenek KİTAPÇI gelen instant.page ve 2 KB'den küçük bir JS dosyasını (instantpage.js) sitenize yerel olarak yükler ve kullanıcı bir bağlantının veya masaüstü sürümündeki bir resmin üzerine geldiğinde URL'leri önceden yüklemek için kullanılır. Mobilde, kullanıcı ekranındaki bağlantıya dokunmaya başladıktan sonra ve bırakmadan önce bir URL önceden yüklenir.

65 milisaniye sonra URL ön yüklemesi arka planda otomatik olarak başlatılır.

Bu araç, aşağıdaki araçlara eşdeğerdir "Anında tıklama" gelen Litespeedve "Preload Links" Bu nedenle, bu iki eklentiden herhangi birinde bu seçeneği kullanıyorsanız, Perfmatters'ı denemek için devre dışı bırakmanız gerekecektir.

Benim durumumda Litespeed'deki eşdeğer seçenekten biraz daha iyi çalıştı, ancak bazı durumlarda sunucu yükünü artırabileceği unutulmamalıdır.

Javascript ve CSS seçeneklerinde olduğu gibi, ön yükleme ve ön bağlantı kullanımı farklı testlere dayalı ihtiyaçlarınıza göre kullanılmalıdır.

Kritik görüntülerin (katlamanın üstünde olanlar) önceden yüklenmesi, Core Web Vitals'ta daha büyük içeriklerin (LCP) boyanma süresini azaltmaya yardımcı olabilecek ve halen Beta aşamasında olan bir seçenektir.

Bunlar genellikle bir logo, bir gönderide öne çıkan bir görsel, bir açılış sayfasındaki ana görsel vb. görsellerdir. Önceden yüklendiklerinde şelalenin en üstüne çıkarlar ve tarayıcıya öncelikli olduklarını ve hemen yüklenmeleri gerektiğini söylerler.

Hiçbir ön yükleme yapmamak için sıfır (varsayılan seçenek) ile beş resim arasında seçim yapabilirsiniz. Permatters tavsiye eder Chrome'un şelalenin tepesinde görünecek önceden yüklenmiş iki resim sınırı olduğundan en fazla iki veya üç tane seçin.

Lazy loading

WordPress'in 2020'de yayınlanan 5.4 sürümünden bu yana zaten yerel olarak içerdiği performansla ilgili bir başka klasik.

Benim durumumda ben şunları kullanıyorum Litespeed seçeneği Testlerde biraz daha iyi sonuçlar buldum, ancak yine de Perfmatters'ınki gerçekten iyi çalışıyor ve bunu arka plan görüntülerinin CSS'sine de uyguluyor.

Fonts

Bir başka iyi şey. Bu seçenek, 1.7.4 sürümüne eklenmiştir Perfmatters, 7 Haziran 2022 tarihinde başlatılmıştır. Birkaç tıklama ile Google Yazı Tiplerini yerel olarak barındırmaya ve yüklemeye olanak tanır.

Yazı tiplerini yerel olarak barındırmanın birçok avantajı vardır; yazı tipleri üzerinde tam kontrol sahibi olursunuz, tüm bu istekleri ve dolayısıyla yükleme süresini ortadan kaldırırsınız ve ayrıca yazı tiplerinin nasıl sunulacağına da karar verebilirsiniz.

İşlev, blogunuzda bulunan tüm Google Fonts referanslarını otomatik olarak bulur, ilgili fontları fonts.google.com adresinden indirir ve bunları sunucunuzda yerel olarak şu dizinde barındırır: /wp-content/cache/perfmatters/your-domain.com/fonts/

Bu diğer yazıda daha ayrıntılı olarak açıklanmıştır.

CDN

Burada özel bir şey yok ve yorum yapacak çok az şey var. Kullandığınız CDN'i eklemek için her zaman yararlı olan bir araç. Kullandığım gibi QUIC.CLOUD, Henüz ihtiyacım olmadı.

Analytics

Her ne kadar şimdi kullanmasam da Matomo'ya geçiş ve Analytics komut dosyasının yönetimini benim eklentim RGPD/CCPA için çerez onayı yönetim sistemi de bunu doğru bir şekilde yönetiyor, ancak Perfmatters ile çok iyi çalıştığını biliyorum çünkü geçmişte kullandım.

Buradan Google Analytics betiğinizi yerel olarak barındırabilirsiniz. Bu, ek DNS aramalarını azaltarak ve komut dosyanızın "tarayıcı önbelleğinden yararlanma" sorununu çözerek sitenizi hızlandırmaya yardımcı olur.

Göre Perfmatters,İronik bir şekilde, Google'ın kendi komut dosyası önbelleğe alma konusunda bir uyarı veriyor, ancak bunun nedeni çok kısa bir HTTP önbellek başlığı süresine sahip olmaları. Kendiniz barındırıyorsanız, kendi CDN'nizden veya sunucunuzdan HTTP önbellek başlıkları otomatik olarak uygulanacaktır. Başka bir deyişle, komut dosyasının önbelleğe alınması üzerinde tam kontrol sahibi olursunuz.

Ayrıca şu uyarıda da bulunuyorlar bu araç Google tarafından resmi olarak desteklenmemektedir, ancak yıllardır sorunsuz bir şekilde kullanılmaktadır.

Google Analytics'i yerel olarak barındırmak ve komut dosyasını kendi CDN'nizden veya sunucunuzdan sunmak, tek bir HTTP/2 bağlantısından yararlanmanıza da olanak tanır.