Perfmatters, web sitenizin performansını optimize etmek için kullanabileceğiniz güçlü bir WordPress eklentisidir. Hızlı yükleme süreleri, daha iyi kullanıcı deneyimi ve arama motoru sıralamalarını iyileştirme potansiyeli sunar.
Bu makalede, Perfmatters ayarlarına odaklanacak ve sitenizin performansını %80’e kadar artırmak için nasıl optimize edebileceğiniz hakkında size bilgi vereceğim.
Perfmatters’ı yükledikten sonra, öncelikle “Ayarlar” menüsündeki “Genel” sekmesine gidin.
General Settings (Genel Ayarlar)
Disable Emojis (Emojileri Devre Dışı Bırak)
WordPress, sadece emojiler için ayrı bir Javascript kütüphanesi ekler. Bunu devre dışı bırakarak, o JS’yi hariç tutarak önemli ölçüde tasarruf sağlayabilir ve wordpress siteniz emojileri işletim sistemi varsayılanlarını kullanarak yine de görüntüleyebilir.
Disable Dashicons (Dashiconları Devre Dışı Bırak)
Çoğu kişi Dashicon kullanmıyor çünkü çoğu simge SVG’lere taşındı. Bu ayarı denemek ve web sitenizi olası bir duruma karşı gözden geçirmek faydalı olabilir. Sitelerin %85-90’i için güvenlidir.
Disable Embeds (Gömüleri Devre Dışı Bırak)
Bu ayar, web sitesi önizleme kartlarını devre dışı bırakacak, ancak YouTube gömülemesine etkisi olmayacak ve çoğu web sitesi için aktif etmek güvenlidir.
Disable XML-RPC (XML-RPC’yi Devre Dışı Bırak)
Bu ayar daha çok performansla değil güvenlikle ilgilidir. Etkinleştirmek biraz kod azaltır. Eğer Jetpack kullanıyorsanız bu ayarı etkinleştirmeyin, diğer kullanıcılar için ise güvenlidir.
Remove jQuery Migrate (jQuery Migrate’i Kaldır)
Bu, “eski” kodun “yeni” kod ile çalışmasını sağlayan bir kütüphanedir. Eski ve güncellenmemiş eklentileriniz varsa, kullanımı riskli olabilir. Tüm eklentileriniz güncel ise, bu seçeneği etkinleştirip web sitenizi inceleyin. Özellikle Woocommerce sitelerde aktif edilmesini önermiyorum.
Hide WP Version (WP Versiyonunu Gizle)
Bu ayar, çalıştırdığınız WordPress sürümünü gizler. Bu, botların web sitenize saldırmasını önlemeye yardımcı olabilir. Bir kod satırı kaldırılarak küçük bir performans etkisi yaratır. Güvenle aktif edebilirsiniz.
Remove wlwmanifest Link (wlwmanifest Bağlantısını Kaldır)
Windows Live Writer artık nadiren kullanılıyor olsa da WordPress’te hala referans olarak gösteriliyor. Bu seçeneği etkinleştirerek gereksiz bir kod satırını kaldırmak büyük ihtimalle güvenlidir.
Remove RSD Link (RSD Bağlantısını Kaldır)
Bu seçenek, bir satır kodu kaldırır ve çoğu web sitesi için etkinleştirilmesi güvenlidir.
Remove Shortlinks (Kısaltmaları Kaldır)
Bu seçenek, hala referans gösterilmeye devam eden “Basit” permalinkleri (örn. “…/?p=123”) kaldırır. Bunlar, siz “Yazı Adı” veya “Özel Yapı” permalinklerini kullanıyor olsanız bile görünür.
Disabling RSS Feeds (RSS Feeds’i Devre Dışı Bırakma)
RSS feed işlevini devre dışı bırakır. Web sitenizde bir blog varsa önerilmez. Siz bir RSS feed kullanmasanız bile, Feedly gibi feed okuyucular kullanıcıların gönderilerinize abone olmasını sağlar.
Disable RSS Feed Links (RSS Feed Bağlantılarını Devre Dışı Bırak)
Bu seçenek, RSS feed’inize olan bağlantıları devre dışı bırakır. RSS feed’inize başka bir yerde bağlantı veriyorsanız veya çoğu feed okuyucunun bulabileceği varsayılan feed bağlantısı (/feed) kullanıyorsanız bunu güvenle devre dışı bırakabilirsiniz.
Disable Self Pingbacks (Kendinden Dönen Pingback’leri Devre Dışı Bırak)
Pingback işlevi genellikle kaynak israfıdır, bu nedenle devre dışı bırakabilirsiniz.
Disable REST API (REST API’yi Devre Dışı Bırak)
Bazı eklentiler (Jetpack, Wordfence ve bazı iletişim formları gibi) hala REST API’yi kullanır. REST API özelliklerinin çoğu yalnızca arka planda çalışır. Bu özelliği etkinleştirirseniz web sitenizi (iletişim formları dahil) kapsamlı bir şekilde test edin.
Remove REST API Links (REST API Bağlantılarını Kaldır)
Bu seçenek, yukarıda bahsedilen REST API’ye yapılan tüm referansları kaldırır.
Disable Google Maps (Google Haritaları’nı Devre Dışı Bırak)
Mümkünse bu özelliği her zaman etkinleştirin. Google Haritaları ekleme yerine statik bir resim kullanmayı deneyin, çünkü harita ekleme performansınızı önemli ölçüde etkileyebilir (bu tek başına puanınızı 20 düşürebilir!). Gerekirse, Perfmatters yalnızca belirli sayfalarda Google Haritaları’nı yüklemenize izin verir.
Disable Password Strength Meter (Şifre Gücü Ölçerini Devre Dışı Bırak)
Bu özellik çoğunlukla WooCommerce sitelerinde görülür, ancak gerekli olmayan yerlerde çalışan büyük bir scripttir. Giriş işleminizi çok fazla özelleştirmiyorsanız genellikle güvenlidir.
Disable Comments (Yorumları Devre Dışı Bırak)
Eğer WordPress’teki yorum sistemini kullanmıyorsanız bunu devre dışı bırakın. Bu, web sitenize oldukça fazla kod ekler.
Remove Comment URLs (Yorum URL’lerini Kaldır)
Bu seçenek, kişilerin yorumlarınıza URL bırakmasını engeller (genellikle spam gönderenler tarafından geri bağlantı almaya çalışmak için yapılır). Kesinlikle öneriyorum.
Add Blank Favicon (Boş Favicon Ekleyin)
Bu seçeneğe yalnızca bir favicon kullanmıyorsanız ihtiyacınız vardır (ancak kesinlikle bir tane kullanmalısınız). Boş bir kurulumu test etmiyorsanız bu ayarı kapalı bırakın.
Remove Global Styles (Global Stilleri Kaldır)
WordPress 5.9, birçok gereksiz kod ekledi. Bu özellikleri kullanmıyorsanız, yaklaşık 300 satır sıkıştırılmamış kodu kaldırmak için bu ayarı etkinleştirebilirsiniz. Ancak Elementor gibi bir sayfa oluşturucu ile yapılan sayfaları kontrol etmelisiniz.
Disable Heartbeat (Heartbeat’i Devre Dışı Bırak)
Etkinleştirilmesi şiddetle tavsiye edilir. Çoğu kişi bunu “Yalnızca yazı/sayfa düzenlerken izin ver” olarak ayarlamak isteyecektir. Bu, sunucu yükünü azaltmaya yardımcı olacaktır.
Heartbeat Frequency (Heartbeat Frekansı)
Sunucunuzdan gelen pinglerin sıklığını değiştirin. 60 saniye idealdir.
Limit Post Revisions (Gönderi Revizyonlarını Sınırla)
Siteler, gereksiz yere veritabanınıza birçok satır ekleyen binlerce revizyona sahip olabilir. Brian, bunu 3’e (daha temkinliyseniz 10’a) değiştirmeyi önerir.
Autosave Interval (Otomatik Kaydetme Aralığı)
Bu, sunucunuzu korumaya yardımcı olabilir. Bunu güvenle 3 dakikaya değiştirebilirsiniz.
Login URL (Giriş URL’si)
Botlar, varsayılan olarak WordPress girişinin nerede olduğunu bilir. Bu URL’yi değiştirmek, giriş sayfanızı kolay bulamayacak olan bazı botları uzaklaştırabilir gibi görünse de, aslında güvenlik açısından pek bir fayda sağlamaz. Daha güvenli yöntemler tercih edilmelidir. Mesela güçlü şifre kullanımı gibi.
Assets (Varlıklar)
Script Manager (Komut Yöneticisi)
Komutları ayrıntılı bir şekilde açıp kapatmanızı sağlar. Bu, performans üzerinde büyük etkiler yaratabilir, ancak hiçbir şeyi bozmamanızı sağlamak için manuel test ve ince ayar gerektirir.
Perfmatters kapsamlı dokümantasyonu aracılığıyla komut yöneticisi hakkında daha fazla bilgi edinebilirsiniz.
Defer JavaScript (JavaScript’i Ertele)
Bu seçenek, JavaScript kodunu “çağlayanın” (sayfa yüklenme sürecinin aşamalarının temsili) alt kısmına taşırır. Bu, test puanlarına ve “render engelleme” hatalarına yardımcı olabilir. Ancak web sitenizi yüklerken bazı sorunlara neden olabilir.
Include jQuery (jQuery Dahil Et)
jQuery oldukça büyük bir dosyadır, bu nedenle bu scripti ertelemek performans puanlarınızda büyük kazanımlar sağlayabilir. Ancak, bu ayar çok risklidir, bu nedenle ne yaptığınızı bilmiyorsanız kullanmayın.
Delay JavaScript (JavaScript’i Geciktir)
Bu seçenek, kullanıcı sayfayla etkileşime girene kadar JavaScript’i geciktirir. Bu, pagespeed sayfa test puanlarınıza gerçekten yardımcı olabilir çünkü botlar sayfa ile etkileşim kurmaz, ancak kullanıcılarınız için her şey güvenli kalmalıdır.
Gecikme zaman aşımını birkaç saniyeye ayarlayın, böylece kullanıcı etkileşime girmese bile JavaScript yüklenmeye devam etsin.
Remove Unused CSS (Kullanılmayan CSS’i Kaldır)
Bu ayar kusursuz değildir, bu nedenle muhtemelen bazı istisnalar yapmanız gerekecektir. Ancak, kullanılmayan CSS’lerden kurtulabilirseniz, yükleme sürelerinizde önemli iyileştirmeler görebilirsiniz.
Preloading (Ön Yükleme)
Enable Instant Page (Anında Sayfa’yı Etkinleştir)
Bu seçenek muhtemelen puanlarınızı etkilemeyecektir, ancak web sitenizin hızında dramatik bir iyileşme görecek kullanıcılar için büyük bir fark yaratabilir. Bu ayarı kendi tercihiniz doğrultusunda kullanabilirsiniz.
Preload (Ön Yükle)
Bu seçenek, varlıkları (resimler veya yazı tipleri gibi) önceden yüklemenize olanak tanır. Aslında, bu öğeleri “çağlayanınızın” (sayfa yükleme sürecinin aşamalarının temsili) üstüne taşıyarak önce yüklenmelerini sağlar. Logonuz veya web sitenizdeki yazı tiplerinin hemen yüklenmesini sağlamak için kullanışlı olabilir.
Preload Critical Images (Kritik Önemli Görüntüleri Ön Yükle)
Bu seçenek, yukarıdaki “Ön Yükle” seçeneğine benzer bir şey yapar, ancak sayfanızdaki ilk görüntü(leri) (sayı, seçtiğiniz geçiş sayısına bağlıdır) otomatik olarak ön yükler, bu da LCP‘nizi (Largest Contentful Paint – En Büyük İçerikli Boyama) iyileştirebilir.
Preconnect & DNS Preload (Ön Bağlantı & DNS Ön Yüklemesi)
Bu seçenek, genellikle getirilmesi en uzun süren 3. taraf kaynaklarına önceden bağlanır.
Lazy Loading
Lazy Loading Images (Tembel Yükleme Resimleri)
Bu seçenek, sayfalarınız yüklenirken Google’ın gördüğü istek sayısını azaltır. Çünkü siteniz, görüntüleme alanına gelene kadar görüntüleri yüklemeyecektir. WordPress bunu varsayılan olarak sunsa da, bu seçenek o kadar güçlü değildir. Bu ayarın kullanılması tavsiye edilir.
iFrames & Videos (iFrame’ler & Videolar)
Bu ayar, web sitenizin, görüntüleme alanına gelene kadar video eklemelerini yüklemesini engeller. Bu, video kullanan herhangi bir sayfada büyük bir etki yaratabilir.
YouTube Preview Thumbnails
Bu seçenek, kullanıcı videoya tıklayana kadar YouTube’dan herhangi bir şeyin yüklenmesini engeller. Bu, önerilen bir ayardır.
Threshold (Eşik Değeri)
Bu ayar, Tembel Yüklemenin ne kadar agresif çalıştığını değiştirir. Brian, görüntüleme alanına 600px mesafeye gelen görüntüleri yüklemeye başlayacak olan 600px değerini önermektedir. Varsayılan değer 0px’dir (ki bu oldukça agresiftir).
DOM Monitoring (DOM Takibi)
Bu ayar, tembel yüklemeyi kontrol etmeye yardımcı olmak için DOM’u izler. Bu, herhangi bir türde “sonsuz kaydırma” özelliği kullanıyorsanız faydalı olabilir.
Add Missing Image Dimensions (Eksik Görsel Boyutlarını Ekle)
Bu seçenek genellikle test araçları tarafından işaretlenir ve bu ayarı etkinleştirmek, eksik tüm görüntü boyutlarını (SVG’ler hariç) otomatik olarak ekler. Bu, gerçek yükleme sürenizi önemli ölçüde etkilemez, ancak puanlarınızı iyileştirmeye yardımcı olabilir.
Dikkat Edilmesi Gerekenler:
- SVG Görselleri: Bu ayar, SVG görsellerine uygulanmaz. SVG görselleri, vektör tabanlı görsellerdir ve boyutları dosyanın içinde saklanır.
- Bazı Görseller: Bu ayar, bazı görsellere (örneğin, CSS arka plan resimleri) uygulanmayabilir.
Fonts (Fontlar)
Disable Google Fonts (Google Fontlarını Devre Dışı Bırak)
Eğer Google Fontlarını KULLANMIYORSANIZ, bu ayarı kullanmak güvenlidir (ve önerilir!). Fakat Google Fontlarını kullanıyorsanız, bunun yerine “Yerel Google Fontları” ayarını kullanmalısınız.
Local Google Fonts (Yerel Google Fontları)
Bu ayar, Google fontlarını Google’ın sunucularından değil, kendi sunucunuzdan yükleyecektir. Bu genellikle çok daha hızlıdır ve sitenizi daha uyumlu hale getirebilir
CDN
Bu özellikler, 3. taraf bir CDN kullanıyorsanız URL’leri yeniden yazmanıza yardımcı olacaktır.
Analytics
Enable Local Analytics (Yerel Analitiği Etkinleştir)
Bu ayar, Google Analytics’i Google’ın sunucularından yüklemek yerine, Google’ın scriptlerini yerel olarak barındırmanıza olanak tanır. Bu, genel puanlarınız ve hızınız üzerinde büyük bir etkiye sahip olabilir, ayrıca toplam istek sayısını azaltabilir.
Enable AMP Support (AMP Desteğini Etkinleştir)
AMP desteği kullanımdan kaldırılıyor ve büyük olasılıkla siz kullanmıyorsunuz ve bu ayara ihtiyacınız olmayacak. AMP kullanıyorsanız, muhtemelen durdurmanın zamanı geldi, ancak bu arada bu ayarı isterseniz kullanabilirsiniz.
Perfmatters and WooCommerce
Perfmatters, WooCommerce ile uyumlu çalışacak şekilde tasarlanmıştır ve WooCommerce eklentisini kurduğunuzda etkinleşen ek özelliklere sahiptir. Bu ek özelliklere ulaşmak için Perfmatters Woocommerce dokümantasyonuna göz atabilirsiniz.
Bu makalede, Perfmatters başlıca ayarlarını ele aldık ve web sitenizin performansını artırmak için nasıl kullanabileceğiniz hakkında size bilgi verdik. İyi bir Perfmatters yapılandırması, yüklenme sürelerini azaltabilir ve kullanıcı deneyimini olumlu yönde etkileyebilir. Unutmayın, her web sitesi farklı olduğundan, deneme yanılma yöntemini kullanarak en iyi sonuçları elde etmek önemlidir.
Perfmatters ile WordPress Sitenizi Uçurun!
Web sitenizin hızı, kullanıcı deneyimini ve arama motoru sıralamanızı doğrudan etkiler. Perfmatters eklentisi ile sitenizi optimize ederek bu konuda büyük bir adım atabilirsiniz.
Perfmatters ile Neler Yapabilirsiniz?
- Gecikmeli yükleme ile görseller, videolar ve diğer içerikleri sayfa yüklendikten sonra yükleyin.
- JavaScript ve CSS dosyalarınızı birleştirerek daha hızlı yüklenme sağlayın.
- Tarayıcı önbelleğini etkinleştirerek statik kaynakların tekrar indirilmesini önleyin.
- Kullanmadığınız WordPress özelliklerini devre dışı bırakarak veritabanı yükünü azaltın.
Perfmatters ile web sitenizin hızını %80’e kadar artırabilirsiniz!
Hızlı bir web sitesi, daha fazla ziyaretçi ve daha fazla başarı anlamına gelir. Perfmatters’ı bugün deneyin ve farkı hissedin!
Kullanıcı Deneyimini Artırmak İçin Perfmatters Ayarlarının Önemi
Web sitenizin hızı ve performansı, kullanıcı deneyimini doğrudan etkiler. Perfmatters eklentisi ile bu alanda büyük bir adım atabilirsiniz.
Perfmatters ile Neler Kazanırsınız?
- Hızlı Yüklenen Sayfalar: Gecikmeli yükleme, CSS/JS optimizasyonu ve önbellekleme ile kullanıcıların bekleme süresini ortadan kaldırın.
- Optimize Edilmiş Görseller: Görsellerinizin boyutunu küçültün ve daha hızlı yüklenmelerini sağlayın.
- Kişiselleştirilmiş Deneyim: Sayfa içeriğini geciktirme, önbellekleme kuralları ve harici kaynak optimizasyonu gibi seçeneklerle kullanıcı deneyimini özelleştirin.
Perfmatters, WordPress sitelerinizin performansını artırmak için etkili bir araçtır. Hızlı yükleme süreleri, daha iyi kullanıcı deneyimi ve arama motoru sıralamalarını iyileştirme potansiyeli sunar. Eklentinin sunduğu optimizasyon ve gelişmiş özellikler sayesinde, sitenizin performansını artırmak ve rekabette öne çıkmak için Perfmatters’ı kullanmanızı şiddetle öneririm.
Perfmatters Ayarları Sıkça Sorulan Sorular
Preloading ( Ön Yükleme ) Nedir?
Ön Yükleme, web sitesi performans optimizasyonu bağlamında, kullanıcının bir bağlantıya tıklamasından veya sayfada ihtiyaç duyulan kaynakların bulunduğu yere kaydırmasından önce bile belirli kaynakları (yazı tipleri, resimler veya JavaScript gibi) arka planda yüklemeye başlaması için tarayıcıya talimat veren bir tekniktir. Bu, web sitenizi daha hızlı yükleniyormuş gibi hissettirerek algılanan performansı artırabilir.
Preconnect & DNS Preload Nedir?
Preconnect & DNS Preload” web sitelerinin performansını optimize etmek için kullanılan iki tekniktir. Her ikisi de sayfanın yüklenme hızını artırmaya yardımcı olur, ancak farklı şekillerde çalışırlar.
Ön Bağlantı (Preconnect):
Web tarayıcısına, sayfanın yüklenmesi için gerekli olan üçüncü taraf kaynaklara (web siteğinizin kendi sunucusunda olmayan kaynaklar) önceden bağlantı kurmasını söyler.
Bu, DNS araması, TCP bağlantısı kurma ve TLS el sıkışması gibi bağlantı kurma sürecinin bazı aşamalarını hızlandırır.
Kullanıcı sayfada bu kaynaklara ihtiyaç duymadan önce bile bağlantı kurulabilir.
DNS Ön Yüklemesi (DNS Preload):
Web tarayıcısına, belirli bir URL’nin alan adı sistemini (DNS) aramasını önceden gerçekleştirmesini söyler.
DNS araması, bir alan adının bir IP adresine dönüştürülmesi işlemidir.
Bu, kullanıcının sayfada söz konusu kaynağa ihtiyaç duyduğu anda IP adresinin zaten bilindiği anlamına gelir, bu da bağlantı kurma süresini kısaltır.
Genel olarak, her iki tekniğin de faydası düşüktür çünkü
Sadece üçüncü taraf kaynakları için çalışırlar ve web sitenizin kendi kaynaklarını hızlandırmazlar.
Modern tarayıcılar genellikle zaten bu kaynakları önceden yüklemeye çalışırlar, bu nedenle fayda sınırlı olabilir.
Aşırı kullanım gerçekten de performansı yavaşlatabilir.
Ancak, web sitenizde kritik önem taşıyan belirli üçüncü taraf kaynaklar varsa, bu teknikleri kullanmak faydalı olabilir. Bu, özellikle bu kaynakların genellikle yavaş yüklenmesi durumunda geçerlidir.
Sonuç olarak, “Preconnect & DNS Preload” performansı iyileştirme potansiyeline sahiptir, ancak faydaları genellikle düşüktür. Bu teknikleri kullanmadan önce, web sitenizin performansını gerçekten etkileyip etkilemeyeceğini değerlendirmek önemlidir.
Lazy Loading Nedir?
Lazy loading, web sitesi performansını optimize etmek için kullanılan bir başka tekniktir. Türkçe’de “tembel yükleme” olarak adlandırılabilir.
Normalde, bir web sayfası yüklenirken tüm kaynaklar (resimler, videolar, JavaScript dosyaları vb.) aynı anda yüklenmeye çalışır. Bu, özellikle sayfanın alt kısmında bulunan kaynaklar için gereksiz yere yavaşlatabilir.
Lazy loading ise, kullanıcının ekranında görünmeyen kaynakları yüklemeyi erteleyen bir yaklaşımdır. Kullanıcı sayfayı aşağı kaydırdıkça veya belirli bir elemente ulaştıkça, gerekli kaynaklar yüklenir. Bu sayede, sayfa başlangıçta daha hızlı yüklenir ve kullanıcı daha iyi bir deneyim yaşar.
Lazy loading’in faydaları şunlardır:
Daha hızlı sayfa yükleme süreleri: Sayfa başlangıçta daha az kaynak yüklediği için daha hızlı görüntülenir.
Daha iyi kullanıcı deneyimi: Kullanıcılar içeriği hemen görmeye başladığı için bekleme süresi azalır.
Azaltılmış sunucu yükü: Sayfa yalnızca ihtiyaç duyulan kaynakları yüklediği için sunucu üzerindeki yük azalır.
Lazy loading’in bazı kısıtlamaları da vardır:
Karmaşık uygulama gerektirir: Lazy loading’i uygulamak için biraz kod yazmanız gerekir.
JavaScript gereklidir: Lazy loading genellikle JavaScript kullanarak uygulanır. JavaScript devre dışı bırakılmış tarayıcılar lazy loading’den faydalanmayacaktır.
Genel olarak, lazy loading web sitelerinin performansını artırmak için etkili bir tekniktir. Web sitenizde birçok resim, video veya diğer kaynak varsa, lazy loading’i kullanmayı düşünmelisiniz.