GTMetrix Puanında Nasıl Harekete Geçirilir
Web geliştirmede tamamen yeni değilseniz, web siteleri için GTMetrix optimizasyon hizmetlerini zaten bilebilirsiniz. Ancak bu durumda yeniyseniz, GTMetrix, web sitesini optimize etmeye ve daha iyi performans göstermesine ve Arama Motoru (SERP) sayfasında daha üst sıralarda yer almasına yardımcı olan çok güçlü bir araçtır. Yavaş web siteleri ziyaretçileri daha hızlı kaybetme ve oranda bir artışa sahip olma eğilimindedir, çünkü kullanıcı talebine yanıt vermek çok uzundur, bu da hayal kırıklığına neden olur. Web sitenizi başarıyla optimize ederseniz ve tamamen duyarlı hale getirirseniz, kısa sürede organik trafikte bir artış göreceksiniz. Google’ın sıralama algoritmaları için faktörlerden biri olarak “hız” kullandığını unutmayın, böylece siteniz ne kadar hızlı olursa, SERP’de sıralama şansı o kadar yüksek olur.
Bununla birlikte, GTMetrix’in size çok fazla geri bildirim (farklı puanlar ve öneriler) vermesine rağmen, sıralamayı ve performansı iyileştirmenin en iyi yolunun web sitesi sayfalarınızın ortalama açılış süresini azaltmak olduğunu fark etmelisiniz. Bu, web sitenizi daha erişilebilir ve kullanıcı dostu hale getirecektir. Yükleme süresini azaltmanın birkaç yolu vardır ve burada da tartışacağız, bu yüzden izlemeye devam edin. Yakında, GTMetrix (PagesPeed, YSLOW, Şelale) ‘deki en önemli puanlara odaklanacağız ve ayrıca daha az önemli olan diğer puanları tartışacağız. Gtmetrix
Bu ücretsiz bir web hizmeti olduğundan, aynı anda birçok soru aldıklarını ve istediğiniz siteyi taramak ve sonuçları görüntülemek için birkaç dakikaya ihtiyaçları olduğunu unutmayın. Yani, sadece oturun ve yakında web sitenizin tam bir analizini alacaksınız. Sitenizi yüklemenin ne kadar sürdüğünü görebilir ve ayrıca web sitenizin performansını neden ve nasıl geliştirebileceğinizi analiz edebilirsiniz. Özellik Google Pagespeed
yavaş
Şelale grafiği
Zaman analizi
Yüklenirken bir video kaydı çekin
Önceki testin sonuçlarını kaydedin
GTMetrix, üçüncü taraf analizi ve Google ve Yahoo gibi arama motorlarından puanları kullanarak puanlar üretti. Ziyaretçileriniz GTMetrix puanınızla çok ilgilenmese de, sitenizin bir bütün olarak performansı ve yanıt verebilirliği, yüksek bir puana sahip olmak iyidir ve doğru yönde olduğunuzu gösterir.
Ancak, daha düşük puanlar daha iyi optimize edilmişse daha iyi performans gösterebilir. Örneğin, daha hızlı optimize edilmiş ancak yine de düşük sıralamaya sahip olabilen arka uç performansa sahip siteler. Bu nedenle, sıralama ve performans aynı zamanda iyi olacak şekilde ön uç ve arka uç performansınızı optimize etmelisiniz. Sitenizi GTMetrix Hız Testi ile Nasıl Test Edilir En kolay ve en hızlı yol, sitelerine gitmek, Web Sitesi URL’nizi (Link) girmek ve “Site Testi” ni tıklamaktır.
Bu yöntem çok etkili değildir, çünkü test yöntemini/parametresini değiştirmenize/seçmenize izin vermez. Bu nedenle, tavsiyem size seçme özgürlüğü veren ücretsiz bir hesap oluşturmaktır. Ücretsiz hesap özellikleri
Web tarayıcısını (Firefox veya Chrome) ve platformu (masaüstü veya Android) seçen altı farklı test alanı arasından seçim yapın.
Çeşitli bağlantı türlerini seçin ve simüle edin
Sayfa yüklemesi kaydedin ve tam olarak nasıl yüklendiğini görün
Reklamların yükleme süresini nasıl etkilediğini değerlendirmenize yardımcı olan reklamları devre dışı bırakmak için AdBlock’u kullanın
Gelişmiş Seçenekler – Sadece URL’ye izin verin, URL’yi engelleyin, çerez
Test parametresini ayarladıktan sonra, testi çalıştırın ve sayfanın sonuçları görüntülemesini bekleyin.
PageSpeed Analizi Sayfalar Sitenizi analiz eden hız analizi ve Google’ın sayfa pagePeed kurallarına göre yargılar. Tüm sitelerin farklı temaları, görüntüleri ve eklentileri olduğundan, sonuçlar her site için farklı olacaktır.
Ancak bu, sitenizin çeşitli unsurlarını değerlendirir ve size sayfa puanınızı verir. Her kuralın puanı için farklı bir ağırlığı vardır ve bazılarının genel puanınız üzerinde diğerlerinden daha büyük bir etkisi vardır. Genişletmek için her kuralın yanındaki oku tıklayabilirsiniz. Bu, düşük puanlara neden olan belirli unsurlar hakkında ek ayrıntılar verir. Genel sorunlar ve puanlarınızı artırmak için bunları nasıl düzelteceğiniz puanınızı ve en önemlisi sitenizin genel performansını artırmanın çeşitli yolları vardır. Ve şimdi, performansı artırmanıza ve en yaygın sorunları çözmenize yardımcı olacak kullanışlı bir araç göstereceğim. Öyleyse, optimize etmeye başlayalım, ha?
1. Web sitenizdeki resimleri optimize edin Yükleme süresini azaltmanın iyi bir yolu, görüntünüzü sıkıştırmaktır, bu da dosya boyutunu minimum kalite kaybı ile azaltır ve sitenizin daha hızlı yüklenmesini sağlar. Tüm resimlerinizi WordPress sitenizdeki otomatik olarak optimize etmek ve sıkıştırmak için, aşağıda listelenen WordPress eklentilerinden birini kullanmanız yeterlidir. Bununla birlikte, farklı sıkıştırma yöntemlerini denediğinizden emin olun ve görüntüleri fazla doldurmayın. Kalite ve boyut arasında iyi bir denge bulun. SMUSH – Sıkıştırma, Görüntü Optimal, Tembel Yük, WebPimstim Görüntüleri uygulayın, yavaş yüklemeyi etkinleştirin, boyutu değiştirin, sıkıştırın ve Google PagesPeed’i artırın. Görüntünüzü eşzamansız olarak hizalamak ve sıkıştıracak şekilde otomatik smmush yapılandırın. Optimole – Tembel görüntü ve yük optimizasyonu
Ağır görüntüleri ve şişmiş sayfaları temizlemenizi sağlayan tam otomasyonlu görüntüleri optimize etmek için bir numaralı çözüm. Web sitenizi hızlandırmak ve tüm cihazlarda yüksek kaliteli görüntüler sağlamak için kullanın. Optimal Görüntü EWWW Görüntü optimizasyonu ile hızı artırın. Hızlı sayfalar daha iyi arama motoru sıralamaları üretir ve dönüşümü artırır. 2. Önbellek tarayıcı önbellek eklentisini etkinleştirin PagePeed & YSLOW puanınızı büyük ölçüde artırabilir. Kullanıcı tarayıcı önbelleğinde statik varlıkları depolayarak sayfa yükleme süresini azaltmaya ve sayfa boyutunu azaltmaya yardımcı olurlar.
CSS dosyaları, JavaScript dosyaları ve görüntüler gibi statik kaynaklar, ilk ziyarette tarayıcı önbelleğine yüklenir ve daha sonra gerektiğinde yüklenebilir, bu da sunucu yanıt süresini azaltmaya yardımcı olur. Hummingbird, WP Super Cache ve WP en hızlı önbellek gibi tarayıcı önbelleğe alınan birçok WordPress önbellek eklentisi vardır. Colibridi Kuşları Hummingbird ile aldığınız birçok iyileştirme arasında, sitenizi sinek kuşlarının kanatları kadar hızlı hareket ettirecek eksiksiz bir önbellek süiti var! Önbelleklemeye ek olarak, bu ücretsiz eklenti HTML, CSS ve JavaScript kodunu optimize etmenize yardımcı olacaktır. Bu, JavaScript’in ayrışmasını geciktirir, GZIP sıkıştırmasını aktive eder ve daha fazlası. WP Süper Önbellek Daha ağır ve daha pahalı olan PHP komut dosyalarını işlemek yerine web sunucunuz tarafından sunulacak WordPress sitenizden statik HTML dosyaları üretin. PRAMU özelliğini kullanarak web sitenizin gönderim, kategorileri ve etiketleri için dosyaları da kaydedebilirsiniz. En hızlı WP önbellek
Birçok kullanıcı sitenizi ziyaret ettiğinde, sistem çok fazla CPU ve RAM kaynağı gerektirir, böylece web siteniz daha yavaş yüklenir. Önbellek sistemi sayfayı önler, böylece statik bir HTML dosyası oluşturarak tekrar tekrar oluşturulması gerekmez. 3. HTML, CSS ve JavaScript kodunu optimize edin, boşluklar, satır kırmaları ve tam işlevselliği koruyarak gereksiz karakterleri silerek kodunuzu optimize edin.
Agregaları optimize etmek, komut dosyalarını ve stilleri küçültmek ve depolamak, sayfanın kafasına CSS enjekte etmek, komut dosyasını altbilgiye taşıma ve geciktirme ve ayrıca HTML’yi daraltın.Bu, yavaş yüklemenizi ve görüntüleri, Google yazı tiplerini, JavaScript’in ajans dışı eşzamansız olarak optimize edilmesini sağlar.4. Görüntüleri birleştirmek için Sprite CSS kullanın, Sprite CSS kullanarak birkaç görüntüsü bir dosyada birleştirebilirsiniz.Bu, sayfanızı yüklemek için gereken HTTP isteklerini, genel giriş talebini ve toplam dosya boyutlarını azaltacaktır.Dekoratif görüntüler için Sprite CSS kullanmanızı öneririm.Örneğin, logolar ve sosyal simgeler.Sinek kuşları tüm bunları sizin için yapabilir veya manuel olarak yapabilirsiniz, bu da daha fazla zaman gerektirir.5. Ayrıştırma JavaScript’i erteleme Kötü yerleştirilen JavaScript kodu, içeriği tamamen yüklemek ve kullanıcı tarafından görünür olmak için sitenizin ihtiyaç duyduğu süreyi büyük ölçüde artırabilir. JavaScript kodu, bir web tarayıcısını, HTML’yi parçalamaya devam etmeden önce komut dosyasını indirmek ve çalıştırmak için sayfa oluşturmayı duraklatmaya zorlar. Bu ertelemeyi önlemek ve sayfayı olabildiğince çabuk hale getirmek için, gereksiz kaynakları (CSS, JavaScript) kafadan silmeniz gerekir. Bu şekilde, siteniz yalnızca Site/sayfanın görülen bölümü tamamen yüklendiğinde JavaScript’i tanımlamaya başlar. Daha önce olduğu gibi, Hummingbird bunu sizin için kolayca işleyen varsayılan bir araca sahiptir. 6. GZIP Sıkıştırma Etkinleştir Görüntüleri sıkıştırmadan bahsettim, ancak bu başka bir seviyeye sıkıştırma gerektirir. GZIP sıkıştırmasını etkinleştirerek tüm web sitesi dosyalarınızı sıkıştırabilirsiniz. GZIP sıkıştırmasını kullanarak çok fazla alan tasarrufu sağlayabilir ve kullanıcıların dosyaları daha hızlı yüklemesine izin verebilirsiniz. GZIP sıkıştırmasını etkinleştirmek için birçok WordPress eklentisi vardır. Bir kez daha, Hummingbird iyi bir seçimdir. Veya tüm ek optimizasyon özelliklerine ihtiyacınız yoksa GZIP Sıkıştırma Eklentisini Enable kullanabilirsiniz. YSLOW Analizi YSLOW analizi, PagePeed puanınıza benzer, ancak ek ve daha küçük bir kural listesine sahiptir. Tartıştığımız JavaScript bileşenleri, CSS ve azaltılmış kompresler gibi benzer kurallar ve öneriler var, bu yüzden şimdilik geçelim. Genel Sorunlar ve YSLOW Puanınızı Artırmak için Nasıl Düzeltilecekleri 1. Sitenizin statik içeriğini dünyanın dört bir yanından birkaç sunucudan göndererek sayfanın yükleme süresini hızlandırarak CDN İçerik Dağıtım Ağını (CDN) kullanmaya başlayın. Bu, tüm işlemi hızlandıran kullanıcıya en yakın sunucudan içerik sağlar. Cloudflare çok popüler bir CDN hizmetidir ve tartıştığımız ücretsiz bir optimol eklentisi de vardır. PageSpeed’deki “Yön Sayfalarını Farklı Olmaktan Kaçın” a benzer bazı URL aktarımlarından kaçının. İşleyen hedeflere kullanıcı istekleri göndermeyi ummak yerine, her zaman en yeni/mevcut URL’ye (bağlantı) bağlantı kurmalısınız. Sayfaları birkaç kez yeniden yönlendirdiyseniz ve ilk (orijinal) bağlantı kullanıcısını verirseniz, daha fazla zaman ve kaynak gerektiren daha fazla adım (transfer) işlenmesi gerekir. Bunun yerine, aktarımınızı oluşturmak ve yönetmek için yalnızca 301 Yönlendirme – Easy ReDirect Manager eklentisini kullanmanız gerekir.
3. DNS aramasını azaltın, kullanıcının tarayıcısı URL’yi açmak için bir istek gönderdiğinde, sitenin adresini IP adresine (aslında) izlemek için DNS araması gerekir. Genel olarak, web sitenizi bir DNS araması yaparsınız, ancak Google yazı tipleri gibi ek harici hizmetler kullanmak veya Google Analytics’i izlemek ve ek DNS aramasıyla sonuçlanacak ek harici hizmetler kullanmak istiyorsanız bu miktar artabilir. Çözüm
Tüm gereksiz harici hizmetleri kullanmayı bırakın ve silin. CDN’lerine güvenmek yerine kendi sunucunuzda kendi barındırma içeriğinizi (Google Fonts) yerel olarak başlatın. OMGF | Yerel olarak Google yazı tipini barındırıyor Google yazı tiplerinizi yerel olarak göndererek DNS isteklerini en aza indirmek için OMGF kullanın. Bu basit eklenti ile yükleme süresini azaltın, daha yüksek puanlar elde edin ve CDN’nizden yazı tipleri sunun. Şelale Analizi Bu bölümü, web sitenizi yavaşlatan ve web sitenizdeki her HTTP isteğinin listesini analiz eden engelleri bulmak için kullanın. Sayfanızdaki her nesne benzersiz bir HTTP isteğidir. Örneğin, Sprite CSS kullanmadığınız ve her CSS veya JavaScript dosyası için aynı şey geçerli olmadığı sürece bir resim HTTP isteğidir. Harici hizmetlerin (Google Yazı Tipi, Analytics) HTTP için en az bir istek olarak ele alındığını unutmayın. Bu nedenle, ne kadar az HTTP istekleri olursa, web siteniz o kadar hızlı yüklenir. Tüm HTTP istekleri yükleme süresi açısından farklıdır, bu nedenle sizi yavaşlatan HTTP isteklerini silmenizi tavsiye ederim. 1. Daha az http isteği yapın Bazen eklentiler birçok HTTP isteği ekleyebilir ve web sitenizi yavaşlatabilir. Bir eklenti sizin için çok fazla fayda sağlamazsa, sitenizin performansını iyileştirip iyileştirmeyeceğini silmeyi ve görünmesini deneyin. Daha az HTTP isteği YSLOW puanınız için de iyidir. Zaman analizi çeşitli unsurları yüklemenin ne kadar sürdüğünü öğrenin. İmleci zaman ayarlama analizi metriğine yönlendirerek, tam açıklamayı ve ayrıntıları göreceksiniz. Örneğin, bkz. DOM TIME Etkileşimli ve Onload.Video analizi Bahsettiğim gibi, ücretsiz bir hesap oluşturduktan sonra test parametrelerinde sayfa yükleme videolarını ve film şeridini etkinleştirebilirsiniz. Videoyu orijinal hızın 4 katını yavaşlatabilir ve yükleme süresini daha iyi anlayabilirsiniz. Sitenizin ne kadar yüklenmesi gerektiğini ve en önemlisi nasıl yükleneceğini öğrenin. Birçok dosya ve sayfa öğesi vardır, bu nedenle doğru sırada yüklenemez veya görünürlük ve rahatsızlık sorunlarına neden olabilir. Tarihsel analiz bazı testler yaparsanız, GTMetrix karşılaştırmanız için önceki sonuçları/puanları kaydeder, böylece Zaman zaman sitenizin ilerlemesine bakın. Sonuçlar, veritabanlarından silindikten sonra 30 gün boyunca saklanır. Web sitenizin analizi şimdi, hangi yaklaşımın siteniz için en uygun olduğunu görmek için iyileştirmeler ve daha fazla test yapın. Örneğin, bir eklentinin birçok gecikmeye neden olduğunu fark ederseniz, eklentiyi silin ve yükleme süresi üzerinde ne kadar etkisi olduğunu ve orantılı silip silmeyeceğini görmek için başka bir test yapın.
