WP Roketini WordPress Ajansımız İçin Gizli Silah Olarak Kullanmak

Ya size PageSpeed ​​Insights'ta %90'ın üzerinde puan alan hızlı ve verimli WordPress web siteleri oluşturabileceğinizi söylesem? Daha da iyisi, size mobil cihazlar için bu etkileyici puanları alabileceğinizi ve her proje için Önemli Web Verilerini geçebileceğinizi söylesem?

Bunu, hızlı temalar, iyi barındırma ve en önemlisi WP Rocket kullanan müşteri projeleri için sürekli olarak yapıyoruz. WP Rocket kullanmak, WordPress ajansımızın gizli silahıdır!

Ancak, başka bir geliştiriciden veya ajanstan bir proje devralırsanız ve performansı artırmanız gerekiyorsa ne olur? Bu makalede, bazı genel performans darboğazlarını gözden geçiriyoruz ve harika sonuçlar elde etmek için WP Rocket ile yapabileceğiniz iyileştirmeler öneriyoruz.

Geçmişimiz ve WordPress Deneyimimiz

Ajansımız Clio Web Siteleri, 2007'den beri müşterilerin güzel yeni web siteleri başlatmasına yardımcı oluyor.

2013'ten beri WordPress ile çalışıyoruz ve web sitesi performansına zarar verebilecek hemen hemen her şeyi gördük ve çözdük. Verimsiz temalardan büyük resim dosyalarına ve aynı web sitesinde birden çok oluşturucuya.

Temel tekliflerimizden biri, müşterilerin web sitesi performanslarını iyileştirmelerine yardımcı olmaktır ve WP Rocket bunda önemli bir rol oynar. Özel temalar, blok düzenleyici (Gutenberg) ve Elementor ve WP Bakery gibi popüler sayfa oluşturucular kullanan projeler için WP Rocket'i kullandık ve mükemmel sonuçlar elde ettik. Bu nedenle WP Rocket'i WordPress ajansımızın gizli silahı olarak adlandırıyoruz.

Önbelleğe Alma, Küçültme ve Varlık Gecikmeleri – Harika Web Sitesi Performansı Elde Etmenin Anahtarı

WordPress, kullanıma hazır mimarisi nedeniyle, performans söz konusu olduğunda biraz ekstra sevgi gerektirir. Vanilla WordPress uygulamaları, kullanıcılar web sitesiyle etkileşime girdiğinde sunucuya sık sık gidiş dönüşlere neden olan bilgileri aramak için SQL veritabanına sık sık erişir.

Bir içerik yönetim sistemi (CMS) olarak WordPress'in en büyük avantajı olan bu kurulumun dinamik doğası, aynı zamanda en büyük dezavantajıdır.

Önbelleğe Alma Nasıl Çalışır?

WP Rocket gibi önbelleğe alma eklentileri, web sitenizin statik bir sürümünü oluşturur ve veritabanına ve arka uç sunucularına gidiş-dönüş yapmak yerine bunu ziyaretçilere gösterir.

Web sitenizde değişiklik yaptığınızda veya yeni içerik eklediğinizde, WP Rocket o sürümü önbelleğe alır ve kullanıcılarınıza en güncel dosyaları gösterir. Bu büyülü eklentinin nasıl çalıştığı hakkında daha fazla bilgi edinmek için WP Rocket özelliklerine göz atın.

Minification, Performansı Nasıl Artırabilir?

Minification, web sitelerinin daha iyi performans göstermesini sağlayan bir diğer önemli özelliktir. Bu işlem, web sitesi dosyalarından tüm gereksiz karakterleri ve boşlukları kaldırarak, onları insanlar tarafından okunabilir hale getirir ve bu dosyaların daha verimli sürümlerini oluşturur.

Bilgisayarların dosyaları açmak ve görüntülemek için alana ihtiyacı olmadığından, bunları okumak ve işlemek çok daha hızlıdır. Dosyaları küçültmek, web sitesi hızını artırmaya yardımcı olabilir, ancak bazen sorunlara yol açabileceğinden (makalenin sonraki bölümlerinde ele alacağız) kapsamlı bir şekilde test edilmesi gerekir.

Varlık Erteleme ve Erteleme Nedir?

Web sitesi varlıklarının yüklenmesini gerekene kadar geciktirmek, kulağa tam olarak böyle geliyor. WP Rocket kullanarak, bir kullanıcı o bölüme geçene veya bir web sitesi özelliğiyle etkileşime girene kadar bir dosya veya resmin yüklenmesini geciktirebilir veya erteleyebilirsiniz. Bu, web sitesini yalnızca bir ziyaretçinin web sitenize geldiğinde görmesi gereken ilk bölümü yüklemeye zorlayabileceğiniz için web sitesi performansını önemli ölçüde artırabilir.

Artık önbelleğe alma ve küçültme hakkında biraz daha bilgi sahibi olduğunuza göre, müşterilerle çalışırken gördüğümüz yaygın sorunlara atlayalım ve bunları WP Rocket kullanarak nasıl düzelteceğinizi gösterelim.

4 Yaygın Web Sitesi Performans Sorunu

Müşterilerin web sitelerinin performansını iyileştirmelerine yardımcı olma konusunda çok fazla deneyime sahibiz.

Diğer geliştiricilerden devraldığımız web siteleriyle çalışırken gördüğümüz en yaygın sorunlar şunlardır:

1. Büyük ve sıkıştırılmamış görüntüler
2. Yanlış yapılandırılmış önbelleğe alma eklentileri veya önbelleğe alma eklentisi yok
3. Gecikme veya erteleme özellikleri olmayan sıkıştırılmamış varlıklar (CSS ve JavaScript dosyaları)
4. Verimsiz temalar ve eklentiler

Performans Sorunları Nasıl Belirlenir

Web sitesi performans sorunlarını tanılamak ve çözmek için kullanabileceğiniz bir dizi ücretsiz araç vardır. Favori araçlarımız PageSpeed ​​Insights, GTmetrix ve WebPageTest'tir.

Sorunları çözme konusunda benzersiz içgörüler ve öneriler sundukları için üçünü de kullanmaktan korkmayın. PageSpeed ​​Insights bize göre en önemli ve güvenilir araçtır. Bu, Google Arama Konsolunda tanımlanan performans sorunlarını gidermek ve düzeltmek için Google tarafından önerilen araçlardır.

Sonraki birkaç bölümde, en yaygın performans sorunlarını ve bunların nasıl düzeltileceğini inceleyeceğiz.

1. Sıkıştırılmamış Görüntüler

Büyük ve sıkıştırılmamış resimler kullanmak, web sitesi yükleme hızlarını olumsuz etkileyen en yaygın sorundur. 2022'deki ortalama web sitesi boyutu, masaüstü için yaklaşık 2,3 MB ve mobil sürümler için yaklaşık 2 MB'dir.

Web siteniz birkaç yüksek kaliteli resim kullanıyorsa, ortalama web sitesi boyutunu hızla aşabilir ve yavaşlatabilirsiniz. Bu, web sitesinin daha yavaş yüklenmesine ve resimlerin metinden sonra yüklenmesine neden olur, bu da web sitelerine 1990'ların ortalarındaki havayı verir.

Görüntüleri sitenize yüklemeden önce sıkıştırmak çok önemlidir. Imagify gibi araçları kullanarak bu işlemi otomatikleştirebilirsiniz. Web sitelerinde görüntülerin nasıl sıkıştırılacağı ve sunulacağıyla ilgili diğer öneriler için bu makaleye göz atın.

2. Yanlış Yapılandırılmış veya Eksik Önbelleğe Alma Eklentileri

WordPress bir istemci-sunucu mimarisi kullandığından, önbelleğe almayı etkinleştirmek ve yapılandırmak bir zorunluluktur. Önbelleğe alma eklentisi kullanmak, WordPress web sitesi sahiplerinin yaşadığı birçok performans sorununu çözebilir.

Bu adımı tamamen kaçıran birçok site ile karşılaşıyoruz. Bu, web sitelerinin, özellikle de web sitesi performansı söz konusu olduğunda masaüstü cihazlardan daha az bağışlayıcı olan mobil cihazlarda yüklenmesinin sonsuza kadar sürmesine neden olabilir.

Önbelleğe alma eklentileri karmaşık olma eğilimindedir ve yanlış yapılandırılması kolaydır. WP Rocket'i tercih etmemizin bir başka nedeni de bu. Yapılandırması gerçekten çok kolay ve kısa sürede harika sonuçlar elde etmek için ayarlandı.

3. Gecikme Özelliği Olmayan Sıkıştırılmamış Varlıklar

CSS ve JavaScript (JS) dosyaları gibi diğer web sitesi varlıklarını sıkıştırmak, doğru araçlarla kolaydır ve harika sonuçlar verebilir. Bir sonraki bölümde, web sitenizin performansını artırmak için bunu nasıl yapabileceğinizi göstereceğiz.

Bu aynı varlıklar, performansı daha da iyileştirmek için birleştirilebilir, ertelenebilir ve ertelenebilir. Bu sorunları gidermek biraz daha zor olabilir, ancak GTmetrix gibi araçların kullanışlı olduğu yer burasıdır.

GTmetrix, web siteniz tarafından yüklenen tüm varlıkları gösterebilen bir şelale grafiğine sahiptir. Sıkıştırma ve gecikme olmadan, daha fazla ve daha büyük CSS ve JS dosyalarının yüklendiğini göreceksiniz.

Bir uyarı: sıkıştırma ve gecikme ayarlarının etkinleştirilmesi bazen web sitenizin belirli bölümlerini ve özelliklerini bozabilir. Bunları yolun her adımında iyice test ettiğinizden emin olun.

4. Verimsiz Temalar ve Eklentiler

Verimsiz WordPress temaları, web performansını önemli ölçüde etkileyebilecek çok sayıda komut dosyası, şişirilmiş varlık ve kötü programlama uygulamaları içerebilir. Öncelikle hızlı ve verimli temalarla çalışmanızı öneririz (Merhaba Elementor, GeneratePress ve Astra gibi).

WP Rocket gibi araçlar, kötü temaların neden olduğu sorunları hafifletmeye yardımcı olsa da, yeni projeler oluştururken hızlı temalar kullanarak bunlardan tamamen kaçınmak daha kolaydır.

Gereksiz eklentilerden kaçınmak, performansa odaklanırken ve yavaş sitelerde sorun giderirken başka bir harika fikirdir. Çok sayıda eklenti yüklemek bir web sitesini önemli ölçüde yavaşlatabilir.

Kullanmanız gereken eklenti sayısı konusunda kesin ve hızlı bir kural olmasa da, kullanmanız gerekenden fazlasını kullanmamanızı öneririz. Tüm eklentiler eşit olarak oluşturulmaz ve bazıları kesinlikle diğerlerinden daha iyidir. Web sitelerinin performansını artırmak isteyen müşterilerle çalıştığımızda, mümkün olduğunca çok sayıda gereksiz eklentiyi ortadan kaldırmaya çalışırız.

>%90 Puanlar Elde Etmek İçin WP Roketini Nasıl Kullanıyoruz?

Kimse yavaş bir web sitesi kullanmaktan hoşlanmaz. Özellikle mobil cihazlarında değil.

Müşterilerinizin web sitelerinin yaşadığı performans sorunlarını belirledikten sonra, bunları WP Rocket kullanarak çözebilir ve mobilde %90'ın üzerinde puan alabilirsiniz.

Bu, Müşterileriniz ve Ajansınız İçin Ne Anlama Geliyor?

Kısa bir süre önce bir müşterinin , yalnızca WP Rocket'i yükleyip yapılandırarak mobilde performansını %54'ten %97'ye yükseltmesine yardımcı olduk:

Müşteri web sitelerimiz için performansın dönüşümleri, SEO'yu ve ziyaretçi memnuniyetini iyileştirdiğini gördük. Aslında, araştırmaya göre, ziyaretçilerin yarısından fazlası yüklenmesi 3 saniyeden uzun süren bir web sitesini terk edecek.

Google ayrıca hızlı yükleme hızının bir sıralama faktörü olduğunu, yani web siteniz rekabetten daha hızlıysa Google aramasında daha üst sıralarda yer alacağını belirtti.

Başka bir örnekte, mobil performansı %24'ten %90'ın üzerine çıkarmak ve Önemli Web Verilerini geçmelerine yardımcı olmak için WP Rocket'i kullandık (aşağıdaki ekran görüntüsüne bakın). Performans sorunları çözüldükten ve Google Search Console yavaşlık hataları temizlendikten kısa bir süre sonra SEO trafiğinin %55 arttığını gördük.

Bir ajans olarak, performansı artırmak için WP Rocket Infinite planını kullanıyoruz ve tüm müşteri web sitelerimize WP Rocket kuruyoruz. Bunu, sizi kendi premium eklentilerinizi satın almaya zorlayabilecek başkaları yerine ajansımızı kullanmanın bir avantajı olarak kullanıyoruz.

Müşterilerimiz, piyasadaki en iyi eklentilerden bazılarına (Imagify ve WP Rocket gibi) erişmenin avantajlarından yararlanır. WP Rocket ayrıca platformlarındaki siteleri yönetmeyi ve gerekirse kaldırmayı çok kolaylaştırır. Lisansınızı kullanan tüm web siteleri hesabınızda görünecek ve artık lisansınızı kullanmak istemediğiniz siteleri kolayca kaldırabilir ve hatta yasaklayabilirsiniz.

Bir sonraki bölümde, performansı artırmak ve mobil cihazlarda %90'ın üzerinde puan almak için WordPress web sitelerinde kullandığımız yaygın WP Rocket özelliklerini inceleyeceğiz.

1. Önbellek Ayarları

WP Roket Önbelleği bölümünde her zaman “Mobil cihazlar için önbelleğe almayı etkinleştir” seçeneğini açıyoruz. Google, hız performansını web sitenizin mobil cihazlarda nasıl performans gösterdiğine göre değerlendirdiğinden, bu ayar bir zorunluluktur.

Elde edilmesi daha zor olduğu için mobil cihazlar için performans iyileştirmelerine öncelik veriyoruz. Mobil cihazlarda harika sonuçlar elde ederseniz, masaüstü cihazlarda da biraz daha bağışlayıcı olduklarından (daha hızlı ev interneti ve masaüstü hızları nedeniyle) harika performans yaşarsınız.

"Önbellek Ömrü" ayarı da performansı artırmak için genellikle artırdığımız bir ayardır. Varsayılan 10 saattir, yani her 10 saatte bir web sitesi önbelleği tamamen silinecektir.

Bu gereksizdir ve güncellenen sayfalar otomatik olarak yeniden oluşturulacağı ve WP Rocket tarafından önceden yükleneceği için genellikle bu ayarı artırırız.

2. Dosya Optimizasyon Ayarları

Dosya Optimizasyonu bölümü, WP Rocket'in en önemli ve etkileyici bölümlerinden biridir. Ancak büyük güç, büyük sorumluluk getirir.

Bu ayarları tek tek etkinleştirmenizi ve web sitenizin bozulmadığından emin olmak için tarayıcı önbelleği kapalıyken Chrome Incognito'da kapsamlı bir şekilde test etmenizi öneririz. Kırılırsa, belirli bir ayarı geri alabilir veya sorun giderebilirsiniz.

CSS Optimizasyonu

Üstteki bölüm, CSS dosyalarındaki değişiklikleri ve iyileştirmeleri, alttaki bölüm ise JavaScript dosyası geliştirmelerini ele alır.

"CSS dosyalarını küçült" özelliğinin açılması, web sitenizin CSS dosyalarından tüm boşlukları ve gereksiz karakterleri kaldıracak ve bu varlıkların daha hızlı yüklenmesini sağlayacaktır. Genellikle bu ayarı açarız.

Sitelerimizin çoğu HTTP2'yi destekleyen sunucularda barındırıldığından ve dosyaları birleştirmek yerine ayrı olarak yüklemek daha verimli olabileceğinden, genellikle CSS ve JS dosyalarını birleştirmeyi kapalı bırakırız.

CSS dağıtımını optimize etmek, PageSpeed ​​Insights'ta uyarılar görürseniz deneyebileceğiniz harika bir özelliktir. Yukarıdaki örneğimizde görebileceğiniz gibi, bu ayarı açmadık ve bu belirli müşteri sitesi için mobil cihazlarda hala %97 alıyoruz.

Daha fazla iyileştirme arıyorsanız, bu ayarı açmak faydalı olabilir. Bu ayar, kullanılmayan tüm CSS'leri web sitenizden kaldıracak ve web sitenizin çok fazla kod yüklemesi ve yürütmesi gerekmeyeceği için daha verimli hale getirecektir.

Yukarıdaki örnekte görebileceğiniz gibi, bu özelliğin kapsamlı bir şekilde test edilmesi önerilir, ancak bazı etkileyici sonuçlar verebilir.

JavaScript Optimizasyonu

JavaScript optimizasyonu bölümü benzer seçeneklere ve özelliklere sahiptir.

HTTP2 kullanan sunucular çalıştırıyorsanız JavaScript küçültmeyi açmanızı, ancak "birleştirme" özelliğini kapalı bırakmanızı öneririz.

JavaScript yürütmesini geciktirmek ve ertelemek de web sitesi performansını önemli ölçüde artıracaktır. Aslında çoğu web sitesi en büyük etkiyi, ertelenmemiş ve geciktirilmemiş çok sayıda JavaScript dosyası yükleyerek yaşayacaktır.

Erteleme ve geciktirme bölümleri belirli özelliklerin bozulmasına ve çalışmamasına neden olabilir, bu yüzden bunları tek tek açın ve web sitenizi test edin. Sorun yaşarsanız, sorunu gidermenin yolları vardır.

Bazı popüler temalar ve eklentiler, bu ayar açıldığında bozulma eğilimindedir. En yaygın örneklerden biri Elementor Pro'dur. WP Rocket, buna benzer bir sorunla karşılaşırsanız size yardımcı olur. Daha fazla ayrıntı için JavaScript hariç tutma sorun giderme kılavuzlarına göz atın ve önerilen komut dosyalarını bu bölüme ekleyin.

Örneğin, Elementor Pro web siteleri için, hariç tutulması gereken komut dosyalarını bulabilir ve bunları bu bölüme ekleyebilir ve web sitelerinin geri kalan JavaScript dosyaları için bu özellikten yararlanmaya devam edebilirsiniz.

3. Medya Seçenekleri ve Ayarlama

Gördüğümüz diğer bir yaygın sorun, sıkıştırılmamış görüntüler ve tembel yükleme eksikliğidir.

Ayarlanmamış görüntüleri yüklemek performansı önemli ölçüde etkileyebilir, bu nedenle web sitenize yüklemeden önce görüntülerinizi ayarlayın ve sıkıştırın. Olaydan sonra bunları otomatik olarak sıkıştırmak için Imagify gibi bir eklenti de kullanabilirsiniz. Bu yöntemi müşteri sitelerimiz için kullanıyoruz çünkü bu bölümü otomatikleştirmek ve müşterilerimiz için iyi performansı sürdürmek istiyoruz. Imagify, aynı ekip tarafından geliştirildiği için WP Rocket ile iyi bir şekilde bütünleşir. WP Rocket, aynı web sitesine kurulursa Imagify'ı tanır ve kullanır.

Resimler ve videolar için LazyLoad'u etkinleştirmek için Medya sekmesi altındaki tüm özellikleri açmanızı öneririz. Bu, görüntülerin yalnızca bir ziyaretçi o bölüme kaydırdığında yüklenmesini sağlar.

Logonuz veya ana kahraman bölümü resminiz gibi resimleri "hariç tutulan resimler veya iframe'ler" bölümüne ekleyerek hariç tutabilirsiniz.

Eksik görüntü boyutlarının eklenmesi de iyi bir web geliştirme ve erişilebilirlik uygulaması olarak önerilir. Bazı temalar ve geliştiriciler bu adımı kaçırdığından, WP Rocket, boyutları olmayan görüntüler için bunu otomatikleştirerek size yardımcı olabilir. İstemci web sitelerinde çalışırken her zaman bu ayarı kullanırız.

4. Ön Yükleme

WP Rocket'te ön yükleme varsayılan olarak açıktır ve açık bırakmanızı öneririz. Sitenize erişen bir web sitesi ziyaretçisini simüle eder ve gerçek bir ziyaretçi geldiğinde önbelleğin zaten mevcut olması için web sitenizin önbelleğe alınmış bir sürümünü oluşturur.

Ön yükleme bağlantıları, bir kullanıcı bir köprünün üzerine geldiğinde bir siteyi yüklemeye başlayan harika bir özelliktir. Kullanıcı bağlantıya tıkladığında, sayfa neredeyse anında yüklenecektir.

5. Diğer WP Roket Ayarları

Çok kullanışlı ancak isteğe bağlı bir başka özellik de “Veritabanı temizleme” özelliğidir. Bu özelliği, işleri hızlandırmak için çok sayıda yayın revizyonu ve spam yorumu olan sitelerde çalıştırıyoruz. Bu temizlemeyi otomatikleştirme ve arada bir çalıştırma seçeneği de vardır. Bir şeyler ters giderse diye, genellikle veritabanının yedeğini aldıktan sonra bu adımı manuel olarak yapmanızı öneririz.

Ayrıca, Kalp Atışı bölümünün altında varsayılan "Kalp Atışını Kontrol Et" seçeneğini açık bırakmanızı öneririz. Kalp atışı, bir kullanıcı yazarken bir yazı revizyonunu otomatik olarak kaydederek yardımcı olan varsayılan bir WordPress zamanlanmış görevidir. Çok kullanışlı bir özelliktir ancak sunucu kaynaklarının gereksiz kullanımına neden olabilir.

WP Rocket, sunucu kaynaklarını korumak ve performansa yardımcı olmak için bu etkinliği otomatik olarak 1 dakikadan 2 dakikaya indirecektir.

Diğer Eklenti ayarları, Varnish önbelleğini açmayı (WP Rocket tarafından otomatik olarak algılanır) ve WebP uyumluluğunu içerir.

Varnish'i kullanarak sunucu tarafında web sitesi performansını artırmaya daha fazla yardımcı olabilirsiniz. Barındırma sağlayıcınız Vernik kullanıyorsa, otomatik olarak tanınmıyorsa bu ayarı açın.

WebP, tüm modern tarayıcıların desteklediği nispeten yeni bir görüntü sıkıştırma standardı ve dosya uzantısıdır. Daha iyi performans için, Imagify gibi bir görüntü sıkıştırma eklentisi, png ve jpg görüntülerinizi otomatik olarak WebP'ye dönüştürebilir. WP Rocket, bu görüntüleri sizin için önbellekten otomatik olarak sunabilir.

Bir ajans olarak en sevdiğimiz özelliklerden biri, ayarları bir siteden diğerine aktarmak ve almaktır. Kullandığımız ayarların ve araçların çoğu projeler arasında benzer olduğundan, ayarları başka bir siteye aktarmak ve almak bize çok zaman kazandırır!

Eşyaları Sarmak

Bu ayarları açarak ve web sitenizi kapsamlı bir şekilde test ederek, müşteri web siteleriniz için etkileyici sonuçlar elde edebilirsiniz. WP Rocket, bu özellikleri etkinleştirmeyi ve test etmeyi çok kolaylaştırır ve sorun yaşarsanız harika sorun giderme ipuçları sunar.

Ayarlamadan Sonra Performans Sonuçlarının Sürdürülmesi

Hızlı ve verimli bir web sitesi başlattığınızda, işiniz burada bitmez. Bloat'ı web sitesine geri eklemek kolaydır, ancak gereksiz eklentiler eklemek, büyük resimler veya videolar yüklemek, veritabanınızı temiz tutmamak ve web sitenizi güncel tutmamak (eklentiler, çekirdek ve PHP sürümleri).

Web sitesinin hızlı bir şekilde yüklenmeye devam etmesini sağlamak için PageSpeed ​​Insights ve GTmetrix kullanarak web sitesi performansını her zaman ayda bir test ederiz. Ayrıca, işleri daha da iyileştirmeye yardımcı olabilecek yeni WP Rocket özelliklerine ve güncellemelerine göz kulak olmanız önerilir. WP Rocket, her zaman kullanıcıların web sitesi performanslarını artırmalarına yardımcı olabilecek yeni işlevler geliştiriyor ve ekliyor.

Ajansınızın cephaneliğine WP Rocket eklemek, süper hızlı web siteleri oluşturmanıza ve mevcut müşteriler için web sitesi hızlarını artırmanıza yardımcı olabilir. Bu makalenin, WordPress ajansınızın gizli silahı olarak WP Rocket'i eklemeniz için sizi cesaretlendirmeye yardımcı olduğunu umuyoruz.