Performansı kontrol etmek için hız testleri yapmaya geldiğinde web sitesi sahibi olarak sahip olduğunuz pek çok seçenek vardır. Daha önce,  WordPress siteniz için ücretsiz araçlar derinlemesine baktık. Bugün, popüler web sitesi hız test aracı GTmetrix’den gelen verileri daha iyi nasıl kullanacağımız ve anlayacağımız konusunda bilgi edineceğiz. Bunun gibi araçlar, sitenizde neyin yanlış olabileceğinin uyarılarının yanı sıra derecelendirme sistemlerine ve puanlara dayanır. Bazen bunlar tamamen kafa karıştırıcı olabilir ve aslında ne anlama geldiğini yorumlamak için biraz zaman ayırmak, yalnızca puanlarınızı artırmakla kalmaz, aynı zamanda sitenizin performansını da önemli ölçüde artırmanıza yardımcı olabilir.

GTmetrix

GTmetrix, Kanada’daki bir şirket olan GT.net tarafından barındırma müşterilerinin sitelerinin performansını kolayca belirleyebilmeleri için geliştirildi. Pingdom’ın yanı sıra, bugün web’de en çok bilinen ve kullanılan hız test araçlarından biri! Aslında, bunu yazmamızın nedeni, GTmetrix raporlarında gördükleri tavsiyeleri nasıl uygulanmasını gerektiğini anlatmak amaçlanıyor. Diğer geliştirici araçlarıyla karşılaştırıldığında, GTmetrix kullanımı oldukça kolaydır ve yeni başlayanlar oldukça hızlı bir şekilde bunları uygulayabilir. GTmetrix skorlar ve öneriler üretmek için Google PageSpeed Insights ve YSlow’un bir birleşimini kullanır.

gtmetrix sorgulama

GTmetrix’in temel sürümü tamamen ücretsizdir ve siteye kayıt olarak bir takım ek özelliklere sahip olabilirsiniz. Ayrıca ücretli planları var, ancak bugünkü yazıda ücretsiz sürümü kullanacağız. Ücretsiz olarak hesap açtığınızda, bir takım ek analiz seçeneklerini seçebilirsiniz. Birincisi, URL’nizi test etmek istediğiniz konumu seçme olanağı. Seçtiğiniz fiziksel konum aslında web sitenizin nerede barındırıldığına ilişkin olduğundan çok önemlidir. Bekleme süresi ne kadar azsa, yükleme süreleri de o kadar hızlı olur. Şu anda mevcut olan yerler şunlardır:

  • Dallas, USA – ABD
  • Hong Kong, China – Çin
  • London, UK – İngiltere
  • Mumbai, India – Hindistan
  • Sydney, Australia – Avustralya
  • São Paulo, Brazil – Brezilya
  • Vancouver, Canada – Kanada

Hangi tarayıcıyı kullanmak istediğinizi seçebilirsiniz. Chrome (Masaüstü) ve Firefox (Masaüstü) ile test edebilirsiniz. Mobil sürümleri, ücretli planlarında mevcuttur. Ayrıca, bağlantı hızını değiştirmenize de izin verirler; bu sayfanızdaki yüklenme süresini nasıl etkilediğini görmek için çeşitli bağlantı türlerini taklit edebileceğiniz anlamına gelir.

gtmetrix test ayarları

Ek seçenekler arasında bir video oluşturma olanağı bulunmaktadır. Bu, sayfanın nasıl işlediğini görebildiğiniz gibi sorunları tespit etmenize yardımcı olabilir. Adblock Plus güzel bir özelliktir. Google Adsense gibi bir reklam ağını çalıştırıyorsanız, reklamların tam yükleme sürelerine etkisini görmek için bu seçeneği etkinleştirebilirsiniz. Ertandonmez.com.tr sitesindeki mükemmel bir karşılaştırma raporu. Reklamları olanın daha yavaş olması hiç de şaşırtıcı değil.

GTmetrix ekstra seçenekler

Ek seçenekler arasında, test yüklemesinin durdurulması (daha sonra içine dalacağımız), isteğinizle birlikte bir çerez gönderilebilmesi, HTTP kimlik doğrulamasının kullanılması ve URL’lerin beyaz listeye eklenmesi ve kara listeye alma olanağı bulunmaktadır.

GTmetrix Hız Test Aracıyla Analiz

Bir web sayfası, HTML, JavaScript, CSS ve resimler gibi farklı öğelerden oluşur. Bunların her biri, web sitenizde gördüklerinizi oluşturmak için istekler üretir. Genellikle sahip olduğunuz talepleriniz arttıkça, web siteniz yavaş yüklenir. Bu durum her zaman böyle değildir, ancak çoğu zaman geçerlidir. Aşağıda, her bir GTmetrix bölümünü anlatacağız ve bu bilgilerin web sitenizin genel performansıyla ve önerilerle ilgili olarak ne yapılacağı ile ilgili olarak ne anlama geldiğini daha ayrıntılı olarak açıklayacağız. Puanları hiç bir zaman ilk önceliğiniz olmasın, daha ziyade sitenizde gerçek hız iyileştirmeleri yapmayı hedef alın.

GTmetrix Özeti (Performans Skorları ve Detayları)

WordPress web sitenizi GTmetrix aracılığıyla çalıştırdığınızda PageSpeed Puanı, YSlow Puanı, Tam Yüklenen Süresi, Toplam Sayfa Boyutu ve web sitenizde sahip olduğunuz isteklerin sayısını içeren bir performans raporu üretir. Örneğimizde Veridyen üzerinde barındırılan sitemiz wpgurme.com’u kullanıyoruz. İlk hız testimizde tam dolu zamanımız 8.3 saniyeydi.

gtmetrix wpgurme testi

Ardından tekrar test yaptık ve şimdi toplam yükleme süresi 10.2 saniye olarak geldi! Tüm bunlar ne hakkında? Web sitenizi GTmetrix hız test aracı ile defalarca uyguluyorsanız bunu fark edebilirsiniz. Bunun sebeplerinden biri, önbelleğe alma, hem DNS önbelleğe alma hem de sunucu önbelleği nedeniyle oluşur. Kafanızı karıştırmasın.

gtmetrix wpgurme testi tekrar

Sıklıkla ortaya çıkan başka bir soru da, GTmetrix aracı neden Pingdom‘dan daha yavaş hızlar gösteriyor? İki test aracı üzerinde hedef ziyaretçinin geleceği konumu Dallas olarak seçtik yukarıda ki ekran görüntüleri kafanızı karıştırmasın.

pingdom wpgurme

Yüzlerce hız testi yaptıktan sonra, Pingdom’un neredeyse daima GTmetrix’ten daha hızlı yükleme süresi göstereceğini söyleyebiliriz. İkisi de bizce yanlış. Her iki sistemde hız testini kendi hesaplama metodu üzerinden yapmaktadır. Web sitesi hız testi araçlarını kullanmaya gelince, gerçekten beğendiğiniz birini seçmeli ve onu kendinize baz almalısınız.

PageSpeed

GTmetrix, web sitenize bir puan vermek için Google PageSpeed Insight kurallarını kullanır. Derecelendirmeler 0’dan 100’e (F’den A’ya). 26’in üzerinde önerisi var. WordPress sitesi sahiplerinin karşılaştıkları en yaygın ve popüler olanları kapsamaya çalışacağız. Genellikle, sitenizde bunları iyileştirirseniz toplam yükleme sürenizde bir düşüş olduğunu görmeniz gerekir.

gtmetrix pagespeed

Serve Scaled Images

Web sitenizdeki görselleri onları yüklemeden önce boyutlandırınız. Aksi takdirde, ölçekli resim önerileri sunulmaya devam edecektir. WordPress kullanıyorsanız, varsayılan olarak görsel yüklemeleri ortam kütüphanenize kayıt olurken tekrar boyutlandıramadan yüklenmez. Tekrar boyutlandırma ayarını  “Ayarlar> Ortam” altından sitenize uygun şekilde yapabilirsiniz. Maksimum genişliğin sitenizin genişliğine yakın olmasına dikkat edin. Kullandığınız WordPress temasının kılavuzu içerisinde yer alan bilgileri de ayrıca kontrol etmenizde fayda var. Çoğu WordPress teması CSS ile görselleri belirlediği boyutta çağırma eğilimindedir. Ayrıca bir resim optimizasyon eklentisi ile bunları otomatik olarak yeniden boyutlandırabilirsiniz.

gtmetrix resim boyutlandırma

Inline Small CSS

Sayfanızın genel indirme boyutunu artıracağı için CSS’nizi sıkıştırmak genellikle tavsiye edilmez. Ancak, siteniz bizim sitemiz gibi yalın bir blog ise en az istekle performansınızı artırabilirsiniz.

gtmetrix inline small css

Biz sitemizde Wp Fastest Cache eklentisini kullanarak bu ve diğer işlemleri kolayca hallettik. Daha önce detaylı olarak hazırladığımız Wp Fastest Cache WordPress Eklentisi Kurulum ve Ayarları adlı makalemizi bir gözden geçirin.

Hali hazırda farklı bir önbellek ve optimizasyon eklentisi kullanıyor iseniz size CSS küçültmek için kullanabileceğiniz bir eklenti önere biliriz.

CSS dosyanızı kolayca sıkıştırmak için Autoptimize gibi ücretsiz bir eklenti kullanabilirsiniz. “Inline all CSS?” Seçeneğini işaretleyip işaretlemediğiniz ek CSS dosyalarını hariç tuttuğunuzdan emin olun.

autoptimize inline css

Inline Small JavaScript

CSS küçültmede olduğu gibi, aynı şey JavaScript dosyalarınız için de geçerlidir. Sayfa isteğinizin genel indirme boyutunu artıracağından genellikle tavsiye edilmez. Ancak, siteniz yalın içerikli ise, en az istekle performansınızı artırabilirsiniz. Yine, Autoptimize gibi ücretsiz bir eklenti kullanabilirsiniz.

gtmetrix javascript

Leverage Browser Caching

Tarayıcı ön belleğini kullanma, çoğu kişinin düzeltmek için çok fazla uğraştığı bir kısım. Bu, web sunucunuzun doğru HTTP önbellek başlıklarına sahip olmadığı için karşınıza çıkmaktadır. Daha önce bu konu hakkında derinlemesine yazdığımız yazımızı okumanızı öneriyoruz.

Öğretici: Tarayıcı Önbellekleme Özelliğinden Yararlanın Uyarısı Nasıl Düzeltilir.

Bunu yalnızca kontrol ettiğiniz kaynaklarda düzeltebilirsiniz. Örneğin, bu hatayı sayaç ve reklam sistemleri üzerinden alıyorsanız yapabileceğiniz bir şey bulunmamaktadır.

leverage browser caching analytics hatası

Gördüğünüz üzere tek hatamız ne acıdır ki Google servisi üzerinden. Daha öncede bahsettiğimiz üzere puanlama sistemini çok fazla kafanıza takmayın.

Serve Resources From a Consistent URL

Hizmet kaynaklarını tutarlı bir URL’den görüyorsanız, farklı URL’lerden aynı kaynakların sunulduğu olasılığı yüksektir. Sorgu dizeleri söz konusu olduğunda bu durum birçok kez ortaya çıkabilir.

Örnek vermek gerekirse; https://wpgurme.com/a.jpg dosyasını farklı bir yerde istemeden https://www.wpgurme.com/a.jpg olarak çağrılması bu hayatı karşınıza çıkaracaktır.

Defer Parsing of JavaScript

JavaScript ve CSS varsayılan olarak render-blocking özelliğindedir. Bu, web sayfasının tarayıcı tarafından indirilene ve işlenene kadar görüntülenmesini engelleyebilecekleri anlamına gelir. Ertelme özniteliği tarayıcıya, HTML ayrıştırma işlemi tamamlanıncaya kadar kaynak indirmeyi durdurması gerektiğini bildirir. Bunu düzeltmenin birkaç kolay yolu, ücretsiz Autoptimize veya Async JavaScript WordPress eklentilerini kullanmaktır. Açılmayı engelleyici JavaScript ve CSS’yi nasıl ortadan kaldıracağımız konusunda derinlemesine yazılan yazımıza göz attığınızdan emin olun.

defer parsing of javascript wordpress

Minify CSS and JavaScript

Minification, esasen tüm gereksiz karakterleri işlevselliğini değiştirmeden kaynak kodun içerisinden kaldırmaktır. Bu, satır sonları, boşluk, girintiler vb içerebilir. Bunu yaparak, verilerin baytından tasarruf edebilir ve indirme, ayrıştırma ve yürütme süresini hızlandırabilir.

Autoptimize eklentisi ile bu hataları düzeltebilirsiniz. Autoptimize eklentisi ayarlarında “Optimize JavaScript Code” ve “Optimize CSS Code” ikisinin de işaretli olduğundan emin olun. Büyük bir siteniz varsa gelişmiş ayarlarla oynamak isteyebilirsiniz, bazıları sitenizdeki performansa zarar verebilir. Büyük sitelerde CSS ve JavaScript’i birleştirmek genellikle tavsiye edilmez. İşte bu noktada HTTP / 2‘nin gücü devreye giriyor.

minify css ve javascript

Optimize Images

Görsel optimizasyonu, bir web sitesinin açılış hızının ortalama %66’sını oluşturuyor. Bu nedenle, WordPress sitenizi optimize etmeye gelince, görseller başlamanız gereken ilk yer! Komut dosyaları ve yazı tiplerinden daha önemlidir.

gtmetrix optimize images wordpress

WordPress’e yüklemeden önce her resim sıkıştırılmalı ve optimize edilmelidir. Ama ne yazık ki, bu işlemleri çoğu zaman göz ardı ediyoruz. Bu nedenle, iyi bir görüntü optimizasyonu eklentisi kullanmanızı öneririz. Bu, resimlerinizin otomatik olarak sıkıştırılmasına, boyutlarının değiştirilmesine ve sitenizde hızlı açılmasına yardımcı olur. Biz web sitemiz üzerinde Wp Fastest Cache resim optimizasyon aracını kullanıyoruz.

İlerleyen günlerde WordPress resim sıkıştırma eklentileri üzerinde bir makale yazmayı düşünüyoruz.

Minify HTML

CSS ve JavaScript gibi HTML dosyalarında gereksiz karakterleri kaldırmak, yürütme süresini hızlandırmak için veri baytından tasarruf etmek için küçültülebilir.

Biz sitemizde bu işi Wp Fastest Cache’e yükledik. Ancak siz bunu Autoptimize eklentisi ile halledebilirsiniz. Bunun için”Optimize HTML Code” seçeneğini etkinleştirmeniz yeterlidir.

autoptimize minify html

Enable GZIP Compression

GZIP, dosya sıkıştırma ve açma için kullanılan bir yazılım ve dosya  formatıdır. GZIP sıkıştırması sunucu tarafında etkinleştirilir. Belirli dosya tiplerinde boyut küçülmesi sağlar. Bunlar HTML,CSS ve JavaScript dosyalarıdır. Bunlar zaten farklı bir şekilde sıkıştırıldığından görseller üzerinde çalışmazlar. Bazıları sıkıştırmadan dolayı% 70’e varan dosya küçülmesi sağlanabilir. Muhtemelen WordPress söz konusu olduğunda yapabileceğiniz en kolay iyileştirmelerden biridir. Not: GZIP sıkıştırması tüm Veridyen sunucularında varsayılan olarak etkindir. Biz sunucu tarafında herhangi bir değişiklik talebinde bulunmadık.

gtmetrix enable gzip compression wordpress

Apache’de GZIP sıkıştırmasını etkinleştirmek için .htaccess dosyanıza aşağıdaki kodu ekleyin.

NGINX üzerinde çalışıyorsanız, aşağıdakileri nginx.conf dosyanıza ekleyin.

Gzip hakkında daha fazla bilgi için bakınız.

Öğretici: WordPress GZIP Sıkıştırma Nasıl Etkinleştirilir.

Minimize Redirects

HTTP yönlendirmelerini azaltmak kullanıcıların bekleme süresini azaltır. WordPress yönlendirmelerinde yer alan ve yanlış yapılmış yönlendirmeler hem siteniz hemde kullanıcılarınız açısından size sıkıntı oluşturacaktır. Doğru yönlendirmeleri yapmak için ücretsiz  WordPress Redirection eklentisini kullanabilirsiniz.

Specify a Cache Validator

Eksik HTTP önbellekleme başlıkları olduğunda bu hatayı alırsınız. Üstbilgiler bulunmazsa, kaynak için her zaman yeni bir istek oluşturur; bu da sunucunuzdaki yükü artırır. Önbelleğe alma başlıklarını kullanmak, sonraki isteklerin sunucudan yüklenmesini gerektirmez, böylece bant genişliği tasarrufu sağlanır ve kullanıcı için performans artışı sağlanmış olur. Unutmayın, bunu kontrolünüz olmayan 3. parti kaynaklarda düzeltemezsiniz. Not: HTTP önbelleğe alma başlıkları tüm Veridyen sunucularında otomatik olarak eklenir.

Bu öneriyi düzeltmek için kullanılabilen, bir dizi farklı işlem bulunmaktadır. Daha önce yazdığımız Tarayıcı Önbellekleme Özelliğinden Yararlanın Uyarısı Nasıl Düzeltilir adlı makalemizi okuyarak daha detaylı bilgi edinebilirsiniz.

Specify Image Dimensions

Sitenizin CSS dosyasında resimlerinizi boyut bilgisi vermeniz gibi resim boyutlarını da belirtmelisiniz. Bu, HTML kodunuzdaki genişlik ve yükseklik dahil edilmesi anlamına gelir.

gtmetrix specify image dimensions wordpress

Yanlış

<img src=”https://wpgurme.com/gorsel/resim.png”>

Doğrusu

<img src=”https://wpgurme.com/gorsel/resim.png” width=”800″ height=”600″>

Remove Query Strings From Static Resources

Bu bir HTTP üstbilgisi olup, istemcinin içeriğin sıkıştırılmış sürümlerini işleyip işlemediğini tarayıcıya bildirmektedir. Genellikle, GZIP sıkıştırma ile birlikte etkinleşmektedir. Sunucu tarafından ayarlaması yapılmaktadır. Sayaç ve reklam kodları gibi bunları kendi sunucunuzda değil ise düzenleme şansınız bulunmamaktır.

YSlow

GTmetrix, web sitenize bir puan vermek için YSlow’u da kullanır. 20 farklı öneriden oluşmaktadır. WordPress site sahiplerinin karşılaştıkları en yaygın ve popüler olanları kapsamaya çalışacağız. Bunlardan bazıları yukarıda yer alan PageSpeed önerilerinde zaten anlatılmıştır. Ayrıca, GTmetrix yeni başlıklar eklediği sürece bizde yazımızı güncelleyeceğiz bu yüzden bu sayfayı yer imlerinize eklemeyi unutmayın. Bu sayfa altında ki başlıklarda iyileştirme yaptığınızda sayfanızın açılış hızında artma hissetmeniz gerekmektedir.

gtmetrix yslow wordpress

Make Fewer HTTP Requests

Web siteniz altında yer alan her eklenti, resim, JavaScript ve CSS dosyası sayfa açılışında HTTP isteği oluşturmaktır. WordPress siteniz için kullanacağınız eklentileri seçerken dikkatli olmanız sizin için daha az HTTP isteği oluşmasına ve hızlı sayfa yüklenim sürelerine sahip olabilirsiniz.

gtmetrix make fewer http requests wordpress

Add Expires Headers

Tüm modern tarayıcılar önbellek kontrolünü destekler. WordPress cache eklentisi kullanıyorsanız bu kısımı kolayca düzeltebilirsiniz.  Expires başlığı gerçek bir tarih kullanırken, Cache-Control üstbilgisi süresi dolmadan önce bir süre belirtmenizi sağlar. Unutmayın, sitenizin dışında barınan dosyalar için düzenleme yapma şansınız bulunmuyor.

gtmetrix Add Expires headers wordpress

Apache’de Expires başlığını eklemek için .htaccess dosyanıza aşağıdaki kodu ekleyin.

NGINX’e Expires üstbilgileri eklemek için, yapılandırma dosyanıza aşağıdaki kodu ekleyin.

Use a Content Delivery Network (CDN)

Daha öncede sıkça dile getirdiğimiz bir nokta yine karşımıza gelmekte. Özellikle dünya genelinden ziyaretçileriniz varsa, her zaman bir CDN kullanmanızı öneririz. Bir CDN, ziyaretçinin yanında bulunan POP’larda içeriğinizin ön belleğe alınmış bir kopyasını tutar; bu da gecikmeyi azaltarak yükleme süresini hızlandırır. Cloudflare ve KeyCDN WordPress sitenizde kolayca kullanabileceğiniz CDN sağlayıcılarına örnek olarak verilebilir.

Öğretici: CDN WordPress Siteniz için Neden önemli.

gtmetrix cdn wordpress

Use Cookie-Free Domains

Sunucu belirli bir alan adı için bir çerez ayarladıktan sonra, o alan adı için sonraki tüm HTTP istekleri çerezi içermelidir. Bu uyarı genellikle büyük miktarda istek içeren sitelerde görülür. Bunu düzeltmenin bazı yolları, çerezleri kaldıran bir CDN sağlayıcı kullanmak veya çerezleri sunmak için ayrı bir alan adı ve alt alan oluşturmayı gerektirir.

Reduce DNS Lookups

Sorguladığınız her alan, ilk kez önbelleklenene kadar DNS araması üretir. Örneğin CDN’den 4, Google web yazı tiplerinden 1 ve tek bir üçüncü taraf reklam verenden3 tane yüklediğinizi varsayalım. Bu, bu grupların her biri tek bir alan sorgularken, 3 DNS aramasına neden olur. Harici hizmetler eklemeye başlarken DNS aramaları hızla kontrolden çıkabilir. Bunu azaltmanın bir yolunun bir örneği, kendi CDN’nizde Google fontlarını barındırılması sayesinde DNS aramasında azalma sağlanabilir.

gtmetrix reduce dns lookups wordpress

Configure Entity Tags (ETags)

ETag başlığı, son değiştirilen başlığına çok benzer. Ayrıca bir dosyanın önbelleğini doğrulamak için kullanılır. Apache 2.4 veya üstünü kullanıyorsanız, ETag başlığı FileETag yönergesi kullanılarak zaten otomatik olarak eklenir. 2016 yılından bu yana, ETAG başlığı varsayılan olarak NGINX yapısında otomatik aktif olarak gelir. Bu uyarıyı görüyorsanız, barındırma sağlayıcınıza ulaşmanızı öneririz.

GTmetrix Waterfall

GTmetrix waterfall grafiği web sayfanızdaki tüm bireysel talepleri görüntüler (aşağıda gösterildiği gibi). Ardından, sitenizdeki gecikmelere ve performans sorunlarına neden olan şeyleri görmek için her isteği analiz edebilirsiniz. Aşağıda, her bir istekte renklerin ne anlama geldiğinin daha ayrıntılı bir özetini veya tanımını bulabilirsiniz.

gtmetrix waterfall tablosu

Blocking (Kahverengi)

Bir tarayıcı bir web sayfası yüklediğinde, JavaScript ve CSS kaynakları genelde web sayfasının tarayıcı tarafından indirilene ve işlenene kadar görüntülenmesini engeller. Bu zaman gecikmesi, GTmetrix waterfall grafiğinde engelleme(blocking) olarak ortaya çıkıyor.

DNS Lookup (Kil Rengi)

DNS aramasını bir telefon rehberinden numara bulmak gibi düşünebilirsiniz. Web sitenizle ilgili bilgileri ve hangi IP’yi yönlendirileceğini Domain Name Servers sunucuları belirlemektedir. Web sitenizi GTmetrix aracılığıyla ilk çalıştırdığınızda, yeni bir arama gerçekleştirir ve IP bilgilerini almak için DNS kayıtlarını sorgulamak zorundadır. Bu, ek bir arama süresi ile sonuçlanır.

Burada bilinmesi gereken bir noktayı size söylemekte fayda var. GTmetrix testini birden çok kez kullandığınızda artık DNS bilgileriniz akılda kaldığı için sizi yanıltmasın. Sitenizin bu testlerde ortalamasını alarak değerlendirmeniz gerekmektedir.

Bir CDN önbelleği, DNS’e çok benzer çalışır, önbelleklendiğinde ardışık yüklerde çok daha hızlıdır. DNS’yi hızlandırma konusundaki bir diğer ipucu, DNS ön işlemeyi kullanmaktır. Bu, tarayıcının arka planda bir sayfada DNS aramaları yapmasına izin verir. WordPress sitenizin başlığına birkaç kod satırı ekleyerek bunu yapabilirsiniz. Aşağıdaki örneklere bakın.

WordPress sürüm 4.6 veya daha üstünü kullanıyorsanız, kaynak ipuçlarını kullanmak isteyebilirsiniz. Geliştiriciler, dns ön getirme, ön bağlantı, ön getirme veya ön tanımlama için özel alanlar ve URL eklemek için wp_resource_hints filtresini kullanabilir.

Connecting (Yeşil)

GTmetrix’de bağlantı süresi TCP bağlantısına veya bir TCP bağlantısı oluşturmak için gereken toplam süreye hesaplar. Bu kısım için kafanızı yormanıza gerek yoktur.

Sending (Kırmızı)

Gönderme süresi, web tarayıcısının sunucuya veri göndermesi için gereken süreyi belirtir.

Waiting (Mor)

GTmetrix’deki bekleme süresi, aslında, bazı araçlarda TTFB olarak da bilinen ilk bayt için zamandan bahsediyor. TTFB, bir web sunucusunun veya diğer ağ kaynağının yanıt vermenin bir göstergesi olarak kullanılan bir ölçümdür. Genel olarak, 100 ms’nin altındaki herhangi bir şey kabul edilebilir. 300-400 ms aralığına yaklaşıyorsanız, sunucunuzda yanlış yapılandırılmış bir şey olabilir veya daha iyi bir web yığına geçmenin zamanı gelmiş olabilir.

Receiving (Gri)

Receiving, web tarayıcısının sunucudan veri alması için geçen zamandır.

Event Timings

Bir sayfa talep ettiğinizde her şeyin işlendiği ve yüklendiği zaman elde edilen veriler verilmektedir.

  • First Paint (Yeşil Çizgi): Tarayıcının sayfada, arka plan rengini görüntüleme gibi her türde render işlemini gerçekleştirdiği ilk nokta.
  • DOM Loaded (Mavi Çizgi): DOM (Document Object Model) hazır olan nokta.
  • Onload (Kırmızı Çizgi): Sayfanın işlenmesi tamamlandığında ve sayfadaki tüm kaynaklar (resimler, CSS vb.) indirmeyi bitirdiği nokta.
  • Fully Loaded (Mor Çizgi): Onload olayı sonrasında geçen tahmini tamamlanma süresi.

HTTP Response Headers

Ayrıca, tek tek bir isteği tıklayarak HTTP yanıt başlıklarına ne baktıklarını görebilirsiniz. Bu, size önemli bilgiler sağlar. Aşağıdaki ekranda, gzip’in web sunucusunda etkinleştirildiği, HHVM üzerinden çalıştığı, önbellekten hizmet edildiği (HIT, aksi halde MISS gösterecektir), önbellek denetim başlıkları, sunucu mimarisi gibi diğer bilgileri edine bilirsiniz.

HTTP Response Headers gtmetrixFarkında olunması gereken bir diğer husus, testlerini çalıştırmak için şu anda Chrome 58+ kullandığı için, GTmetrix aracının Pingdom’un aksine HTTP / 2’yi desteklemesi. Chrome, sürüm 49’da HTTP / 2 desteği ekledi. Hangi hız testi aracını kullanacağınızı seçerken aklınızda bulundurun.

History

Geçmiş sekmesinde, geçmiş hız testlerinizin tümünü görüntüleyebilirsiniz. Ücretsiz hesaplarda geçmiş testler için kota bulunmaktadır. Ayrıca, zaman içindeki performansınızı takip etmenizi ve herhangi bir değişiklik meydana geldiğinde bunları görmeniz açısından bu sekme faydalıdır.

gtmetrix history sekmesi

Gerçekten harika bir özellik, geçmiş raporlarınızı seçip yan yana karşılaştırmanız. Özellikle sitenizde iyileştirmeler olup olmadığını görmek için optimizasyonlar gerçekleştirirken bu çok yararlı olabilir.

gtmetrix rapor karşılaştırma

Gördüğünüz gibi, GTmetrix hız testi aracının nasıl çalıştığını ve tüm grafiklerin ne anlama geldiğini bilmek, performans açısından düzenleme yaparken daha sağlıklı karar vermenize yardımcı olabilir.

Aklınıza takılan yada sormak istediklerinizi bize yorum olarak yazmaktan çekinmeyin.

GTmetrix Hız Test Aracı ve Performans Optimizasyonu
5 (100%) 10 Oy verildi.