GTMetrix Hız Testi: Hız Testinin Tam Detayları
Web sitenizin performansını kontrol etmek için GTMetrix Hız Testi’ni almak istiyor musunuz? Web’de, sitenizin performansı hakkında size çok fazla bilgi verebilecek birçok web sitesi hız test hizmeti vardır. Bununla birlikte, GTMetrix ve Pingdom çok popüler araçlardır. Bu makalede, WordPress sitesinden GTMetrix testi hakkında konuşacağım, böylece sağladıkları verileri ve bilgileri daha iyi anlayabiliriz. Çoğu hız testi aracı, site hızını artırmak için değerler, sıralama ve öneriler sağlar. Bu araç tarafından verilen uyarılar ve öneriler herkesin bunalmasını sağlayabilir.
Bu yüzden bunu anlamak önemlidir, böylece kolayca çözebilir ve hız ve saha testi puanlarını artırabilirsiniz. Ancak en önemli şeyin site performansı olduğunu unutmayın. Bu değer, yazılımdaki güncellemelerle değişebilir. Web sitesi yükleme hızı tutarlı kalmalıdır.
GTMetrix hız testi nedir?
GTMetrix Hız Testinin Pro Sürümü
GTMetrix Hız Test Ekipmanı
Sayfa Tavsiyeleri
YSLOW Tavsiye
Şelale grafiği
Tarih
GTMetrix hız testi nedir? GTMetrix, yönetilen bir bulut şirketi olan bir Carbon60 ürünüdür. 2009 yılında müşterileri için araçlar oluşturdular, ancak halka yayınladılar.
O zamandan beri, bu araç çeşitli iyileştirmeler ve güncellemelerden geçti ve bugün gördüğümüz şey internetteki en iyi web sitesi performans test araçlarından biri. Müşterilerimizin çoğu bu aracı sitelerinin hızını kontrol etmek için kullanıyor ve GTMetrix test raporuna gelen önerileri kırmak için bizimle iletişime geçiyor. Bu yazıyı yazmanın nedenlerinden biri budur. Bununla birlikte, GTMetrix kullanımı kolay bir programdır ve insanlar üzerinde test yapmanın nasıl yapılacağını hızlı bir şekilde anlayabilir. Sınıfın temeli olan puanlar ve öneriler üretmek için Google PagePeed Insights ve YSLOW’un bir kombinasyonunu kullanır. Pro Hız Testi Ücretleri GTMetrix’in iki versiyonu vardır – Basic ve Ücretsiz ve Hız Testlerini çalıştırmak için yeterli. Bu özelliğe erişmek için bir hesap oluşturmanız bile gerekmez. GTMetrix ayrıca premium paketler sunar. Ancak sadece ücretsiz paketler hakkında konuşacağız çünkü herkes GTMetrix Pro’ya erişimi yok. Ama bakalım premium sürümün ne sunduğunu görelim. Öncelik Erişim: Testi ücretsiz bir hesaptan önce alabilirsiniz. Bir seferde çalıştırılabilecek bir dizi GTMetrix hız testi vardır. Yani bir test çalışana kadar, diğeri beklemelidir.
Hong Kong, Çin
Londra, Ingiltere
Mumbai, Hindistan
Sidney, Avustralya
Sao Paulo, Brezilya
Vancouver, Kanada
Bu özelliği bir hesap oluşturarak alabilirsiniz.
Tarayıcınızı seçin Hangi tarayıcıyı kullanmak istediğinizi seçebilirsiniz. Chrome veya Firefox ile test edebilirsiniz. Hücresel sürüm için premium bir pakete ihtiyacınız var. Bağlantı hızını artırmak veya azaltma seçeneği de vardır, böylece sayfanın düşük bir bağlantıda yüklenmesinin ne kadar sürdüğünü kontrol edebilirsiniz. Tüm bu metrikler, sayfaları hızlı hızlar için optimize ederken kullanışlıdır. GTMetrix Video Catch bir video oluşturma videosu yapacak. Bu, sorunun çözülmesine yardımcı olacaktır çünkü sayfayı yüklemenin her adımını görebilirsiniz. Daha sonra tamamlanacak zaman gerektiren öğeleri belirleyebilirsiniz.
Adblock Plus özelliğinin diğer bazı özellikleri, sitenizdeki üçüncü taraf reklamları. Sonra testi çalıştırın. Bu özellik ile, reklamların web sayfanız üzerindeki tam etkisini bulabilirsiniz. Daha sonra iki raporu karşılaştırabilirsiniz: biri reklamlarla ve reklamlar olmadan. Bu size net bir resim verecektir. Şimdi ekranınızda gördüğünüz GTMetrix Hız Test aracı sadece görüntülerden ve metinlerden yapılmış değildir. HTML, JavaScript, CSS ve görüntüler gibi birçok varlıktan oluşur. Bu kaynakların her biri, sayfada oluşturulacak içeriği almak için sunucuya bir istek gönderdi. Ne kadar çok varlıkınız varsa, o kadar çok istek. Bu, sayfanın yüklenmesi için daha fazla zamana ihtiyaç duyacağı anlamına gelir. Şimdi GTMetrix testinin her işlevini inceleyeceğim. Ayrıca her şeyi ve yükleme süresini nasıl etkilediğini ve azaltmak için neler yapabileceğinizi açıklamaya devam edeceğim. Ancak A değeri alarak sıkı olmanız gerekmez. Bu değer geçicidir. Burada hedeflediğimiz şey siteyi hızlandırmak ve performansı artırmaktır. İyi bir sıralama yüksek hızda gelecek. GTMetrix’in temelleri Siteyi GTMetrix testi yoluyla çalıştırdıktan sonra, sayfada bir performans raporu görüntüleyecektir.
Sitenizle ilgili temel bilgiler iki kutuya ayrılmıştır.
İlk kutu “Performans Puanı”. O içerir:
Sayfa Hız Puanı Yslow skoru
İkinci kutu sayfa ayrıntılarını verir.
Tam Yükleme Süresi
Toplam Sayfa Boyutu
Rica etmek
Makalede her şeyi daha sonra keşfedeceğiz. Şimdilik, daha fazla test yapalım.
Gördüğünüz gibi, sonuçlar dalgalanıyor.Bu değişikliğin sonuçlarının nedeni devam eden önbellek.DNS önbellekleme ve önbellek sunucusu sayfa hızını ikinci kez artırır.Ben de dedim ki, değer peşinde.Siteyi yükleme hızı hızlıysa, her testte iyi bir puan alacaktır. PagePeed GTMetrix önerileri Google sayfa hızının kurallarına uyun ve sitenize uygun bir puan verin.Sıralama 0 ila 100 arasındadır (F ila A).Sayfanın hızında yaklaşık 25 öneri vardır.
Çoğu web sitesi sahibi tarafından en çok karşılaşılan her şeyi açıklayacağım.Daha hızlı yüklenen bir sayfa almak için artmanız gereken nokta budur.Ölçek resimlerini servis edin
İndirimli görüntüler, CSS ve HTML’de belirtilen boyuta göre boyutta görüntüler anlamına gelir.Bu, yüklediğiniz görüntünün boyutunun izin verilen CSS veya HTML ile aynı veya daha büyük olduğu anlamına gelir. Örneğin: Kullanıcı 500 x 500 piksel ölçen bir görüntü yüklerse, ancak küçük resim yalnızca 50 x 50 piksel ölçen bir görüntüye izin verir.Şimdi CSS, ziyaretçilere göstermeden önce görüntüleri daha küçük boyutlara dağıtmalıdır.Bu işlem zaman alır ve sayfa yükleme süresini artırır.Bu nedenle, çizimler açısından, CSS’nin bunları ölçeklendirmesine izin vermek yerine her zaman bir ölçekte görüntü yükleyin.Veya ‘mevcut söylem resmi’ tavsiyesi alacaksınız.WordPress kullanıyorsanız, görüntünüz medya kitaplığına yüklediğinizde varsayılan olarak deşarj olur.Ancak, aşağıda ‘Ayarlar> Medya’ aşağıda bulacağınız ayarlarınızı kontrol etmelisiniz.Görüntüye ait olabilecek maksimum genişliğin sitenizin genişliğinden daha az olduğundan emin olun.Bir deşarj görüntüsü otomatik olarak sunmak için bir görüntü optimizasyon eklentisi de kullanabilirsiniz.Sıradaki küçük CSS
Bu büyük web siteleri için çok fazla önerilmez. Küçük siteler için performansta daha fazla farklılık yaratacaktır. CSS in Line, web sayfalarını görüntülemeden önce tarayıcı indirilmesi gereken dosyaları azaltır. Harici CSS dosyaları için tarayıcı önce HTML’nizi, ardından CSS dosyanızı yükler. CSS ekledikten sonra tarayıcı yalnızca HTML dosyalarını indirir. Şimdi, bir dosyayı birçok dosyayı indirmekten daha hızlı indirmek. Ancak dosya büyükse, HTML’yi önce CSS’den indirmek daha iyidir. Dediğim gibi, bu düşük miktarda talebe sahip küçük bir site için bir çözümdür. CSS’nizi eklentilerin yardımıyla kolayca hizalayabilirsiniz. Otomatik eklentiler bu işi yapabilir. Ayarların ‘satır içi işlevini’ etkinleştirin ve eklentiler oradan işleyecektir. Küçük JavaScript CSS’yi hizaladığınızda, JavaScript’i de hizalayın. Bir kez daha, bu yalnızca çok fazla istek göndermeyen küçük siteler için önerilir. JS’nizi HTML’ye yerleştirmek, artık ayrı bir JavaScript dosyası istemediğiniz için web tarayıcısından sunucuya bazı geziler kaydedecektir. Ancak HTML dosyasına JS ekleyecektir, bu nedenle dosya boyutunu artırır. Satır içi JavaScript için, eklenti ayarlarını AutoPtimize et eklenti ayarlarından ‘satır içi js’ etkinleştirebilirsiniz. Tarayıcı önbelleğinden yararlanın
Bu, GTMetrix tarafından yapılan en yaygın öneridir çünkü birçok insan onunla mücadele ediyor. Önbellek tarayıcısı, tarayıcı tarafından daha önce yüklenen kaynakları göz önünde bulundurarak tarayıcı anlamına gelir. Bu nedenle, ziyaretçiler web sitesinden başka bir sayfaya taşındıklarında, artık yüklenmesi gerekmeyen birçok varlık var. Web sayfalarında Site genelinde yaygın olan birçok öğe vardır ve bu öğelerin herhangi bir zamanda web sunucusundan alınması gerekmez, çünkü tarayıcı bunu hatırlayabilir. Önbellek tarayıcısını kullanmak, site hızını artırmak için bunu kullanmak anlamına gelir. Bunu uyguladıktan sonra, sitenizin ikinci sayfası daha hızlı yüklenecektir. Bir önbellek tarayıcısı başlatmanın en yaygın ve basit yöntem .htacess dosyasına bir son kullanma başlığı kodu eklemektir. Kod: ## son kullanma süresi önbellek ## son kullanma işleminde son kullanma işleminde expiresbytype görüntü/jpg “erişim 1” e sona erme “erişim 1 yıl” son kullanma “erişim” yıl “erişim 1 ay” ExpiresbyType Text/html “erişim 1 ay” expiresbyType uygulaması/pdf “erişim 1 ay” ını epidesbyType “1 ay” ını epidesbytype icra/x-icon “erişim 1 yıl” erişim “1 ay” erişim Ancak bu yalnızca sitenizin kaynakları için işe yarar. Üçüncü taraf başlıklarına çok fazla şey yapamazsınız. Kaynakları tutarlı bir URL’den sunmak
Tutarlı bir URL’den kaynak sunmak, aynı dosyayı aynı kaynaktan almanız gerektiği anlamına gelir. Aynı dosyayı kontrol etmeli ve dosyanın aynı URL’den geldiğinden emin olmalısınız. Veya yükleme ve çoğaltma süresi sorununu gündeme getireceklerdir. Bu, SEO’nuza iki taraftan zarar verecektir. Bu, sorgu dizesi söz konusu olduğunda olur. Çoğaltmayı önlemek için aynı kaynaktan aynı olan dosyaları yüklemeniz gerekir. Bu sorunun üstesinden gelmek için tüm sorunlu URL’leri bulmalısınız. Ardından, isteklerinize göre yeniden yönlendirebilir veya silebilirsiniz. Bununla birlikte, CDN birçok sorunu da çözebilir. Oynat JavaScriptsaat Site yüklenir, tarayıcı HTTP yanıtında sunucudan içerik alır. Ardından kodu yukarıdan aşağıya yürütün ve yükleyin. JavaScript gelene kadar her şey yolunda gitti. Tüm JS yükleninceye kadar yükleme işlemi daha fazla çalışmaz. Bu da yükleme süresini arttırır. JS’yi geçit ederek, JS yüklemesini beklemeden sayfayı yüklemesi için bir izin tarayıcısı verirsiniz. Bu basit işlev, JS’nin yükleme süresinde olumsuz etkisini ortadan kaldırır. JavaScript, web’in önemli bir parçasıdır ve birisi onu kullanmayı bırakamaz. Eklentilerle JavaScript ayrışmasını uygulayabilirsiniz, en kolay yöntemdir.
Ücretsiz Async JavaScript eklentisi WPROCKE eklentisi Hız Geliştirme Paketi Bu eklenti ayarından etkinleştirebilirsiniz. Sol CSS ve JavaScript Hiç HTML, CSS veya JavaScript dosyalarını gördünüz mü?Kodlamanın ilk kuralı okunabilir.Bu yüzden çok fazla çizgi ve alan duraklaması var.Tüm bunlar kodu okumayı ve anlamayı kolaylaştırır, ancak dosya boyutunu da artırır.Kodu azaltmak, işlevini sağlam tutarken tüm gereksiz karakterleri ve boşlukları koddan kaldırmak anlamına gelir.Bu küçük görev verileri serbest bırakıyor ve yükleme işlemini hızlandırıyor.Bu görevi yapabilecek birçok eklenti var. Hızlı hız WordPress’i daha iyi Minify
Otomatik optimize et
Herhangi bir eklenti yükleyin ve etkinleştirin.CSS ve Java’nın optimizasyonunu etkinleştirme ve etkinleştirme seçeneğini bulun.Bunu bir eklenti yardımı olmadan yapmak istiyorsanız, bir web geliştiricisine ihtiyacınız var.Geliştiricilerin komut dosyalarını en aza indirmek için kullanabileceği birçok çevrimiçi araç vardır.Görüntüleri optimize et
Web için resimleri optimize etmezseniz, ne yaparsanız yapın Web sayfasını hızlı bir şekilde yüklemez. Büyük resimler, büyük fotoğraflar çekilmesi daha uzun sürdüğü için web sayfalarını yavaşlatır. Görüntü optimizasyonu, görüntünün boyutunu, netliğini kaybetmeden hızlı bir şekilde yüklenecek şekilde azaltmak anlamına gelir. Kayıplı ve kayıpsız sıkıştırma, bir kişinin görüntüleri sıkıştırabilmesinin iki yoludur. Bir web sitesi sahibi olarak, sıkıştırdıktan ve optimize ettikten sonra her resmi yüklemeye çalışmalısınız. Ancak, sunucuda birçok resim olup olmadığı mümkün değildir. Pinterest, Unsplash veya büyük e -ticaret mağazaları gibi. Bunun gibi örnekler için, siteye yüklediğinizde görüntüleri otomatik olarak sıkıştıracak WordPress eklentisini kullanabilirsiniz. Smush görüntüleri, görüntü optimize edici, tinypng gibi eklentiler bu görevi yapmak için çok iyidir. HTMLHTML bir web yapı taşıdır. Web’in her yerinde. HTML’nin azaltılması da dosya boyutunu azaltır ve nasıl çalıştığı CSS ve JS’yi küçültmeye benzer. Azaltılmış HTML, gereksiz karakterlerden ve boşluklardan oluşmaz. Birçok önbellek eklentisi HTML’yi küçültmenize izin verir. AutoPtimize Eklentileri de bu işleve sahiptir. HTML minifikasyonunu etkinleştirin ve site yükleme hızının arttığını göreceksiniz. GZIP sıkıştırmasını etkinleştirin
Bu standart bir web uygulamasıdır ve bu GTMetrix tavsiyesini alırsanız, yine de buna öncelik vermelisiniz.Tarayıcı, web sayfalarını yüklemek için gereken dosyalar için Web sunucularına HTTP istekleri gönderir.Yanıt olarak, web sunucusu dosyayı geri gönderir.Ancak, dosya GZIP sıkıştırmasında gelir.GZIP sıkıştırma, ikili olarak tekrar tekrar bir birim olarak hesaplayarak dosya boyutunu azaltmanın bir yoludur.Okumak için yayınları ayrıntılı olarak kontrol edebilirsiniz.GZIP Sıkıştırma, HTML, JS dosyaları ve diğer varlıkların boyutunu azaltmayı mümkün kılan sunucu tarafı ayarlarıdır.Ancak, bu görüntüde çalışmaz, ancak bu yöntem dosya boyutlarını%50-70’e düşürebilir.Barındırma şirketlerinin çoğunluğu varsayılan olarak GZIP sıkıştırmasını etkinleştirir.Apache’de GZIP sıkıştırmasını etkinleştirmek için .htaccess dosyanıza aşağıdaki kodu ekleyin: # Sıkıştırma html, css, javascript, metin, xml ve yazı tipleri addoutputFilterbyType Deflat uygulaması/javascript addoutputfilterbytype deflate uygulaması/rss+xml addoutfilterbype uygulama ekleme ekleme eklentisi eklenti/vnd.ms-fontebect addutfilterbype sefat/x-fontoBoBect ekleme/vnd-fontoBoBoBype ekleme/x-fontoBoBoBypet/vnd-fontoBoBoBype ekleme/x-fontoBoBoBypet/vnd-fontoBoBoBypet/vnd-fontoBoBoBypet/vnd-fontobobect eklenti AddOutputFilterByType DEFLATE application/x-font-otf AddOutputFilterByType DEFLATE application/x-font-truetype AddOutputFilterByType DEFLATE application/x-font-ttf AddOutputFilterByType DEFLATE application/x-javascript AddOutputFilterByType DEFLATE application/xhtml+xml AddOutputFilterByType DEFLATE application/xml AddOutputFilterByType DEFLATE font/ opentype AddOutputFilterByType DEFLATE font/otf AddOutputFilterByType DEFLATE font/ttf AddOutputFilterByType DEFLATE image/svg+xml AddOutputFilterByType DEFLATE image/x-icon AddOutputFilterByType DEFLATE text/css AddOutputFilterByType DEFLATE text/html AddOutputFilterByType DEFLATE text/javascript AddOutputFilterByType DEF Geç metin/düz addoutputFilterbyType Deflat metin/xml # Tarayıcı hatalarını kaldır (sadece gerçekten eski tarayıcı için gerekli) browermatch ^mozilla/4 gzip-text/html browsematch ^mozilla/4 \\. 0 [678] \ bmsie! No- GZIP! GZIP Yalnızca Text/HTML Başlığı Ekleme Kullanıcı Ajanı gzip_disable “msie [1-6] \\. (?!*sv1)”; GZIP_VARY ON; gzip_types metin/düz metin/css metin/javascript görüntü/svg+xml görüntü/x-icon uygulaması/javascript uygulaması/x-javascript; GZIP sıkıştırmasını nasıl etkinleştireceğinizle ilgili derinlemesine yazımızı okuduğunuzdan emin olun. Transferi en aza indir
Dosya konumu web sitenizde değiştiğinde, ziyaretçilerin eski konumu ziyaret etmesini istemezsiniz. Transferin yararlı olduğu yer burasıdır. Aktarım, ziyaretçileri otomatik olarak bir dosyadan diğerine taşımanıza olanak tanır. Birçok transfer türü vardır; Her biri sayfanın hızını etkiler. HTTP transferinin en aza indirilmesi ideal bir çözümdür. Sadece 1 veya 2 transfer yüksek yükleme süresine neden olabilir. Sayfadaki tüm aktarımın bir listesini oluşturun ve her birini ona göre teslim edin. Bir yönlendirme olması gerekiyorsa, önbellek olabilmesi için bir sunucu tarafı yapın. Önbellek Revalidator önbellek doğrulayıcısının HTTP istek başlığının küçük ama önemli bir parçası olduğunu belirleyin. Bu, önbellek tarayıcısının kaynaklarının kullanılamayacağını öğrenmeye yardımcı olur. Bu önbellek validatörü, dosya isteğinin sunucuya gönderilmesi gerekip gerekmediğine veya yerel olarak depolanan dosyaların yüklenecek kadar iyi olduğuna karar verir. Önbellek tarayıcısının kaynaklarını yüklemek yerine istek göndermek ve bir web sunucusundan yanıt almak daha uzun sürer. Ancak, bu yoksa, sunucuya herhangi bir zamanda yeni istekler yapılacak ve böylece açık süreyi artıracaktır.
Önbellek başlıkları eklemek site hızını artırabilir ve çok fazla bant genişliği tasarrufu sağlayabilir. Genel olarak, kullanıcılar için daha iyi bir deneyim. Yalnızca sitenizdeki sorunları çözebilirsiniz. Yani, sorun üçüncü taraf uygulamalarından kaynaklanıyorsa, sadece biraz yapabilirsiniz. Görüntünün boyutlarını belirleyin
Tarayıcı sayfayı yüklediğinde, çok fazla varlık içerir. Bunlardan biri bir resim. Tarayıcı görüntünüzün (HTML) boyutlarını biliyorsa, tarayıcı metni hızlı bir şekilde bu boyutun etrafına sarabilir ve belirli bir boyut olmadığında çözebilir, tarayıcı sayfayı yükler ve görüntünün yüklenmesini bekler. Görüntü yüklendikten sonra tarayıcı boyutları öğrenecek ve ardından metni görüntünün etrafına saracaktır. Bu her resim için olacak. HTML’de belirli bir görüntü boyutuna sahip olmak, tarayıcının görüntüler için sayfada çok fazla alan bırakmasını sağlar. Yanlış <Mg src = "”> true
![]()
HTML’deki görüntünün yüksekliğini ve genişliğini ekleyin, sayfayı hızlı bir şekilde yüklemeye yardımcı olur. Sorgu dizesinin statik kaynaklarından kuyruk dizesini kaldırın, “?” İle biten bir URL’dir. veya “&.” CSS ve JavaScript’in URL’lerinde bir dosya sürümü vardır. Örneğin: örnek.com/style.css?ver=3.6 Şimdi, bu sorgu dizesi sayfa önbelleği için zorlaştırıyor. Çoğu CDN, bir sorgu dizesi ile dosyaları yok sayar. Aynı şey proxy sunucusu için de geçerlidir; Ayrıca sorgu dizesini doğru şekilde saklamazlar. Sorgu dizesini siteden sildikten sonra, önbellek aracı statik kaynakların önbelleğini etkinleştirebilir. Bu kodu dosya işlevine ekleyin. ver ‘, $ src); Dönüş $ src; } add_filter (‘style_loader_src’, ‘remit_css_js_ver’, 10, 2); Add_filter (‘
Script_loader_src ‘,’ remove_css_js_ver ‘, 10, 2); Bu görevi yapmak için eklentileri de kullanabilirsiniz. Birçok önbellek eklentisi, araç kemerinin altında bu seçeneğe sahiptir. Buna ek olarak, bu işlevi yalnızca gerçekleştirmek için bir eklenti var. Varyasyonları belirleyin: Kodlama başlığı Tarayıcı, Web sunucusuna HTTP istekleri gönderir. Yanıt olarak, web sunucusu istenen verileri gönderir. Ancak, web sunucusu talep sistemi gönderildiği hakkında bazı bilgiler gerektirir. Bunlardan biri, tarayıcının kaynakların sıkıştırılmış versiyonunu işleyip işlemeyeceğidir. Kabul kodlama başlığı, bu bilgilerden oluşan bir HTTP başlığıdır. Onsuz, web sunucusu sıkıştırılmayan bir dosya sürümü gönderebilir. Genel dosya boyutunu ve yükleme süresini artıracaktır. Bu sorunu Apache’de düzeltmek için .htaccess dosyasına ekleyin: üstbilgi ek: kabul-kodlama > nginx için nginx.conf dosyalarını arayın ve bu satırı dosyaya ekleyin: GZIP_VARY ON, ancak yalnızca siteniz için etkinleştirebilirsiniz. Üçüncü tarafların URL’si üzerinde herhangi bir kontrolünüz yoktur. YSLOW YSLOW’un tavsiyesi, GTMetrix tarafından web sitesini değerlendirmek için kullanılan bir başka metriktir. YSLOW bölümü altında 15’ten fazla öneri vardır. Bu makalede önemli olan her şeyi tartışacağım. Bu öneri üzerinde çalışıyorsanız, sayfanızın kesinlikle öncekinden daha hızlı yüklü olduğunu göreceksiniz. Daha az HTTP istekleri yapın Sayfa web sunucusuna çok fazla HTTP isteği yapmazsa, sayfa hızlı bir şekilde yüklenir.HTML ile inşa edilen sitelerin, JavaScript, PHP ve diğer dillerin bir kombinasyonu ile yapılan sitelerden daha hızlı yüklü olmasının nedeni budur.Metinli sayfalar birçok görüntüye sahip görüntülerden daha hızlı açılır.Sayfa ağırsa ve yüklenmesi gereken birçok öğeye sahipse, yüklenmesi kesinlikle daha uzun sürecektir.Daha hızlı bir hız için sayfayı ışık tutun ve CSS, JS ve gereksiz eklentileri kullanmayın.Daha hızlı yükleme minimum HTTP talebini koruyun.Başlığı ekle
Tarayıcı önbelleğini kullanmak, tarayıcının dosyayı otomatik olarak tarayıcı belleğine kaydedeceği anlamına gelir. Kullanıcı sitenizdeki web sayfalarını ziyaret etmeye karar verirse, web sunucusundan tüm içeriği yüklemeye gerek yoktur. Ancak tarayıcı ne kadar sürer? Bunun için başlığa son kullanma süresini ekledik. Çünkü kullanıcıların dosyayı güncelledikten sonra bile aynı dosyayı yeniden ziyaret etmesini istemiyoruz. Apache’de bir son kullanma başlığı eklemek için, aşağıdaki kodu .htaccess dosyanıza eklemeniz yeterlidir. ## son kullanma başlığı önbellekleme ## expiresbytype görüntü/jpg “erişim 1 yıl” ın son kullanma işleminde expiresActive/jpeg “erişim 1 yıl” son kullanma işlem GIF “” Son DISPIRESBYTYPE TEXT/CSS “Erişim 1 Ay Erişim” Son kullanma işlemi/PDF “erişim 1 ay” expiresbyType uygulaması/x-javascript ay “ExpiresbyType uygulaması/x-javascript ay” ExpiresbyType Imace/X-icon “erişim 1 yıl” “7 gün erişim” Konum ~* \\. (JS | CSS | PNG | JPG | JPEG | GIF | ICO) $ {DECRISE 7D; } Siteye bir son kullanma başlığı eklemek için WordPress eklentisini de kullanabilirsiniz. Expires Expires Header eklentisi, bu görev için birçok işlevi sağlar. Ağ Dağıtım İçeriğini (CDN) kullanın Gecikme, yükleme sayfalarının hızında önemli bir rol oynar. Verileriniz Asya sunucusundaysa ve birisi Amerika Birleşik Devletleri’nden bir sayfa açarsa, verilerin dünya çapında yayılması gerekir. CDN, ziyaretçilere en yakın bulunan pop’da veri önbelleğinin bir kopyasını saklar. CDN önbelleğinin içerikten bir kopyası gecikmeyi azaltır ve saha yükleme hızını artırır. İnternette birçok ücretsiz CDN var. Cloudflare en popüler olanıdır, ancak CloudFlare için kullanabileceğiniz birçok alternatif vardır. HTTP Cookookie ücretsiz alan adını kullanın Web için çok önemlidir, çünkü kullanıcı deneyimini bir bütün olarak geliştirirler. Bu çerez, kullanıcı tercihleri, müşteri girişi, hangi sayfaların önceki ziyaretçiler tarafından ziyaret edildiği gibi web sitesi etkinlikleriyle ilgili verileri toplar. Bir yandan, bu çerez sitenin kullanıcılar için daha kişiselleştirilmesine yardımcı olur. Ancak, görüntüler, javascript ve CSS yüklerken HTTP çerezlerine sahip olmaya gerek yoktur … ancak sunucu tüm alanlar için çerezler ayarlar ve bunları tüm HTTP isteklerine yanıt olarak gönderir. Bu tür içerik için çerezlere gerek yoktur ve yalnızca dosyaya bir yük eklerler. Düzeltmenin bir yolu, statik varlıklar için CDN kullanmak ve çerezleri silmektir. Başka bir yol, bir alt alan hazırlamak ve orada kurabiyeler yüklemektir. DNS aramasını azaltın IP adresi hatırlamak karmaşıktır ve markalı değildir. Bu yüzden bir alan adı kullanıyoruz. Etki alanı adı IP adresine bağlanır ve kullanıcı tarayıcıdaki etki alanı adını girdiğinde, tarayıcı etki alanına bağlı IP adresini bulur. DNS, alan adı sistemi anlamına gelir – hangi alan adı kayıtlarının hangi IP adresine bağlı olduğunu saklar. Tarayıcı, ilgili IP adresini bulmak için DNS’yi arıyor. Bittiğinde, tarayıcı web sunucusundan içerik indirmeye başlar. Bu süreç zaman alır. Sayfanızda birçok üçüncü taraf uygulaması varsa, bu tarayıcının her uygulama için DNS’yi araması gerektiği anlamına gelir. Bu, sayfa yükleme süresini artıracaktır. DNS Aramasını Azaltmak İçin İpuçları: Üçüncü Partisi Kaynaklarının Ana Bilgisayarına Yerleşik
CNAME verilerinin miktarını en aza indirin Hızlı DNS sağlayıcılarını kullanın Küçük bir favicon yapın ve önbellek olabilir Favicon veya favicon.ico Sitenizdeki küçük resim simgesi dosyası. Bu, markalaşma için kullanışlıdır ve kullanıcıların sayfanın hangi sekmeleri açtığını öğrenmelerini kolaylaştırır. Genel olarak, bu sitenizi temsil eden bir görüntü simgesidir. Bu, sayfa hızı için çok fazla fark yaratmaz. Ne kadar küçük olursa olsun, onlar da optimize edilmelidir. Çünkü biraz tasarruf edebilirseniz, saklamaya çalışmalısınız. Favicon dosyaları PNG, GIF veya ICO olabilir. Ancak ideal format .ICO’dur çünkü size en küçük dosya boyutunu verecektir. Favicon çevrimiçi jeneratörünü bir favicon yapmak için kullanabilir veya bunu yapmak için bir profesyonel kiralayabilirsiniz. Varlık etiketi (ETAG) yapılandırması
Ücretsiz Async JavaScript eklentisi WPROCKE eklentisi Hız Geliştirme Paketi Bu eklenti ayarından etkinleştirebilirsiniz. Sol CSS ve JavaScript Hiç HTML, CSS veya JavaScript dosyalarını gördünüz mü?Kodlamanın ilk kuralı okunabilir.Bu yüzden çok fazla çizgi ve alan duraklaması var.Tüm bunlar kodu okumayı ve anlamayı kolaylaştırır, ancak dosya boyutunu da artırır.Kodu azaltmak, işlevini sağlam tutarken tüm gereksiz karakterleri ve boşlukları koddan kaldırmak anlamına gelir.Bu küçük görev verileri serbest bırakıyor ve yükleme işlemini hızlandırıyor.Bu görevi yapabilecek birçok eklenti var. Hızlı hız WordPress’i daha iyi Minify
Otomatik optimize et
Herhangi bir eklenti yükleyin ve etkinleştirin.CSS ve Java’nın optimizasyonunu etkinleştirme ve etkinleştirme seçeneğini bulun.Bunu bir eklenti yardımı olmadan yapmak istiyorsanız, bir web geliştiricisine ihtiyacınız var.Geliştiricilerin komut dosyalarını en aza indirmek için kullanabileceği birçok çevrimiçi araç vardır.Görüntüleri optimize et
Web için resimleri optimize etmezseniz, ne yaparsanız yapın Web sayfasını hızlı bir şekilde yüklemez. Büyük resimler, büyük fotoğraflar çekilmesi daha uzun sürdüğü için web sayfalarını yavaşlatır. Görüntü optimizasyonu, görüntünün boyutunu, netliğini kaybetmeden hızlı bir şekilde yüklenecek şekilde azaltmak anlamına gelir. Kayıplı ve kayıpsız sıkıştırma, bir kişinin görüntüleri sıkıştırabilmesinin iki yoludur. Bir web sitesi sahibi olarak, sıkıştırdıktan ve optimize ettikten sonra her resmi yüklemeye çalışmalısınız. Ancak, sunucuda birçok resim olup olmadığı mümkün değildir. Pinterest, Unsplash veya büyük e -ticaret mağazaları gibi. Bunun gibi örnekler için, siteye yüklediğinizde görüntüleri otomatik olarak sıkıştıracak WordPress eklentisini kullanabilirsiniz. Smush görüntüleri, görüntü optimize edici, tinypng gibi eklentiler bu görevi yapmak için çok iyidir. HTMLHTML bir web yapı taşıdır. Web’in her yerinde. HTML’nin azaltılması da dosya boyutunu azaltır ve nasıl çalıştığı CSS ve JS’yi küçültmeye benzer. Azaltılmış HTML, gereksiz karakterlerden ve boşluklardan oluşmaz. Birçok önbellek eklentisi HTML’yi küçültmenize izin verir. AutoPtimize Eklentileri de bu işleve sahiptir. HTML minifikasyonunu etkinleştirin ve site yükleme hızının arttığını göreceksiniz. GZIP sıkıştırmasını etkinleştirin
Bu standart bir web uygulamasıdır ve bu GTMetrix tavsiyesini alırsanız, yine de buna öncelik vermelisiniz.Tarayıcı, web sayfalarını yüklemek için gereken dosyalar için Web sunucularına HTTP istekleri gönderir.Yanıt olarak, web sunucusu dosyayı geri gönderir.Ancak, dosya GZIP sıkıştırmasında gelir.GZIP sıkıştırma, ikili olarak tekrar tekrar bir birim olarak hesaplayarak dosya boyutunu azaltmanın bir yoludur.Okumak için yayınları ayrıntılı olarak kontrol edebilirsiniz.GZIP Sıkıştırma, HTML, JS dosyaları ve diğer varlıkların boyutunu azaltmayı mümkün kılan sunucu tarafı ayarlarıdır.Ancak, bu görüntüde çalışmaz, ancak bu yöntem dosya boyutlarını%50-70’e düşürebilir.Barındırma şirketlerinin çoğunluğu varsayılan olarak GZIP sıkıştırmasını etkinleştirir.Apache’de GZIP sıkıştırmasını etkinleştirmek için .htaccess dosyanıza aşağıdaki kodu ekleyin: # Sıkıştırma html, css, javascript, metin, xml ve yazı tipleri addoutputFilterbyType Deflat uygulaması/javascript addoutputfilterbytype deflate uygulaması/rss+xml addoutfilterbype uygulama ekleme ekleme eklentisi eklenti/vnd.ms-fontebect addutfilterbype sefat/x-fontoBoBect ekleme/vnd-fontoBoBoBype ekleme/x-fontoBoBoBypet/vnd-fontoBoBoBype ekleme/x-fontoBoBoBypet/vnd-fontoBoBoBypet/vnd-fontoBoBoBypet/vnd-fontobobect eklenti AddOutputFilterByType DEFLATE application/x-font-otf AddOutputFilterByType DEFLATE application/x-font-truetype AddOutputFilterByType DEFLATE application/x-font-ttf AddOutputFilterByType DEFLATE application/x-javascript AddOutputFilterByType DEFLATE application/xhtml+xml AddOutputFilterByType DEFLATE application/xml AddOutputFilterByType DEFLATE font/ opentype AddOutputFilterByType DEFLATE font/otf AddOutputFilterByType DEFLATE font/ttf AddOutputFilterByType DEFLATE image/svg+xml AddOutputFilterByType DEFLATE image/x-icon AddOutputFilterByType DEFLATE text/css AddOutputFilterByType DEFLATE text/html AddOutputFilterByType DEFLATE text/javascript AddOutputFilterByType DEF Geç metin/düz addoutputFilterbyType Deflat metin/xml # Tarayıcı hatalarını kaldır (sadece gerçekten eski tarayıcı için gerekli) browermatch ^mozilla/4 gzip-text/html browsematch ^mozilla/4 \\. 0 [678] \ bmsie! No- GZIP! GZIP Yalnızca Text/HTML Başlığı Ekleme Kullanıcı Ajanı gzip_disable “msie [1-6] \\. (?!*sv1)”; GZIP_VARY ON; gzip_types metin/düz metin/css metin/javascript görüntü/svg+xml görüntü/x-icon uygulaması/javascript uygulaması/x-javascript; GZIP sıkıştırmasını nasıl etkinleştireceğinizle ilgili derinlemesine yazımızı okuduğunuzdan emin olun. Transferi en aza indir
Dosya konumu web sitenizde değiştiğinde, ziyaretçilerin eski konumu ziyaret etmesini istemezsiniz. Transferin yararlı olduğu yer burasıdır. Aktarım, ziyaretçileri otomatik olarak bir dosyadan diğerine taşımanıza olanak tanır. Birçok transfer türü vardır; Her biri sayfanın hızını etkiler. HTTP transferinin en aza indirilmesi ideal bir çözümdür. Sadece 1 veya 2 transfer yüksek yükleme süresine neden olabilir. Sayfadaki tüm aktarımın bir listesini oluşturun ve her birini ona göre teslim edin. Bir yönlendirme olması gerekiyorsa, önbellek olabilmesi için bir sunucu tarafı yapın. Önbellek Revalidator önbellek doğrulayıcısının HTTP istek başlığının küçük ama önemli bir parçası olduğunu belirleyin. Bu, önbellek tarayıcısının kaynaklarının kullanılamayacağını öğrenmeye yardımcı olur. Bu önbellek validatörü, dosya isteğinin sunucuya gönderilmesi gerekip gerekmediğine veya yerel olarak depolanan dosyaların yüklenecek kadar iyi olduğuna karar verir. Önbellek tarayıcısının kaynaklarını yüklemek yerine istek göndermek ve bir web sunucusundan yanıt almak daha uzun sürer. Ancak, bu yoksa, sunucuya herhangi bir zamanda yeni istekler yapılacak ve böylece açık süreyi artıracaktır.
Önbellek başlıkları eklemek site hızını artırabilir ve çok fazla bant genişliği tasarrufu sağlayabilir. Genel olarak, kullanıcılar için daha iyi bir deneyim. Yalnızca sitenizdeki sorunları çözebilirsiniz. Yani, sorun üçüncü taraf uygulamalarından kaynaklanıyorsa, sadece biraz yapabilirsiniz. Görüntünün boyutlarını belirleyin
Tarayıcı sayfayı yüklediğinde, çok fazla varlık içerir. Bunlardan biri bir resim. Tarayıcı görüntünüzün (HTML) boyutlarını biliyorsa, tarayıcı metni hızlı bir şekilde bu boyutun etrafına sarabilir ve belirli bir boyut olmadığında çözebilir, tarayıcı sayfayı yükler ve görüntünün yüklenmesini bekler. Görüntü yüklendikten sonra tarayıcı boyutları öğrenecek ve ardından metni görüntünün etrafına saracaktır. Bu her resim için olacak. HTML’de belirli bir görüntü boyutuna sahip olmak, tarayıcının görüntüler için sayfada çok fazla alan bırakmasını sağlar. Yanlış <Mg src = "”> true
HTML’deki görüntünün yüksekliğini ve genişliğini ekleyin, sayfayı hızlı bir şekilde yüklemeye yardımcı olur. Sorgu dizesinin statik kaynaklarından kuyruk dizesini kaldırın, “?” İle biten bir URL’dir. veya “&.” CSS ve JavaScript’in URL’lerinde bir dosya sürümü vardır. Örneğin: örnek.com/style.css?ver=3.6 Şimdi, bu sorgu dizesi sayfa önbelleği için zorlaştırıyor. Çoğu CDN, bir sorgu dizesi ile dosyaları yok sayar. Aynı şey proxy sunucusu için de geçerlidir; Ayrıca sorgu dizesini doğru şekilde saklamazlar. Sorgu dizesini siteden sildikten sonra, önbellek aracı statik kaynakların önbelleğini etkinleştirebilir. Bu kodu dosya işlevine ekleyin. ver ‘, $ src); Dönüş $ src; } add_filter (‘style_loader_src’, ‘remit_css_js_ver’, 10, 2); Add_filter (‘
Script_loader_src ‘,’ remove_css_js_ver ‘, 10, 2); Bu görevi yapmak için eklentileri de kullanabilirsiniz. Birçok önbellek eklentisi, araç kemerinin altında bu seçeneğe sahiptir. Buna ek olarak, bu işlevi yalnızca gerçekleştirmek için bir eklenti var. Varyasyonları belirleyin: Kodlama başlığı Tarayıcı, Web sunucusuna HTTP istekleri gönderir. Yanıt olarak, web sunucusu istenen verileri gönderir. Ancak, web sunucusu talep sistemi gönderildiği hakkında bazı bilgiler gerektirir. Bunlardan biri, tarayıcının kaynakların sıkıştırılmış versiyonunu işleyip işlemeyeceğidir. Kabul kodlama başlığı, bu bilgilerden oluşan bir HTTP başlığıdır. Onsuz, web sunucusu sıkıştırılmayan bir dosya sürümü gönderebilir. Genel dosya boyutunu ve yükleme süresini artıracaktır. Bu sorunu Apache’de düzeltmek için .htaccess dosyasına ekleyin: üstbilgi ek: kabul-kodlama > nginx için nginx.conf dosyalarını arayın ve bu satırı dosyaya ekleyin: GZIP_VARY ON, ancak yalnızca siteniz için etkinleştirebilirsiniz. Üçüncü tarafların URL’si üzerinde herhangi bir kontrolünüz yoktur. YSLOW YSLOW’un tavsiyesi, GTMetrix tarafından web sitesini değerlendirmek için kullanılan bir başka metriktir. YSLOW bölümü altında 15’ten fazla öneri vardır. Bu makalede önemli olan her şeyi tartışacağım. Bu öneri üzerinde çalışıyorsanız, sayfanızın kesinlikle öncekinden daha hızlı yüklü olduğunu göreceksiniz. Daha az HTTP istekleri yapın Sayfa web sunucusuna çok fazla HTTP isteği yapmazsa, sayfa hızlı bir şekilde yüklenir.HTML ile inşa edilen sitelerin, JavaScript, PHP ve diğer dillerin bir kombinasyonu ile yapılan sitelerden daha hızlı yüklü olmasının nedeni budur.Metinli sayfalar birçok görüntüye sahip görüntülerden daha hızlı açılır.Sayfa ağırsa ve yüklenmesi gereken birçok öğeye sahipse, yüklenmesi kesinlikle daha uzun sürecektir.Daha hızlı bir hız için sayfayı ışık tutun ve CSS, JS ve gereksiz eklentileri kullanmayın.Daha hızlı yükleme minimum HTTP talebini koruyun.Başlığı ekle
Tarayıcı önbelleğini kullanmak, tarayıcının dosyayı otomatik olarak tarayıcı belleğine kaydedeceği anlamına gelir. Kullanıcı sitenizdeki web sayfalarını ziyaret etmeye karar verirse, web sunucusundan tüm içeriği yüklemeye gerek yoktur. Ancak tarayıcı ne kadar sürer? Bunun için başlığa son kullanma süresini ekledik. Çünkü kullanıcıların dosyayı güncelledikten sonra bile aynı dosyayı yeniden ziyaret etmesini istemiyoruz. Apache’de bir son kullanma başlığı eklemek için, aşağıdaki kodu .htaccess dosyanıza eklemeniz yeterlidir. ## son kullanma başlığı önbellekleme ## expiresbytype görüntü/jpg “erişim 1 yıl” ın son kullanma işleminde expiresActive/jpeg “erişim 1 yıl” son kullanma işlem GIF “” Son DISPIRESBYTYPE TEXT/CSS “Erişim 1 Ay Erişim” Son kullanma işlemi/PDF “erişim 1 ay” expiresbyType uygulaması/x-javascript ay “ExpiresbyType uygulaması/x-javascript ay” ExpiresbyType Imace/X-icon “erişim 1 yıl” “7 gün erişim” Konum ~* \\. (JS | CSS | PNG | JPG | JPEG | GIF | ICO) $ {DECRISE 7D; } Siteye bir son kullanma başlığı eklemek için WordPress eklentisini de kullanabilirsiniz. Expires Expires Header eklentisi, bu görev için birçok işlevi sağlar. Ağ Dağıtım İçeriğini (CDN) kullanın Gecikme, yükleme sayfalarının hızında önemli bir rol oynar. Verileriniz Asya sunucusundaysa ve birisi Amerika Birleşik Devletleri’nden bir sayfa açarsa, verilerin dünya çapında yayılması gerekir. CDN, ziyaretçilere en yakın bulunan pop’da veri önbelleğinin bir kopyasını saklar. CDN önbelleğinin içerikten bir kopyası gecikmeyi azaltır ve saha yükleme hızını artırır. İnternette birçok ücretsiz CDN var. Cloudflare en popüler olanıdır, ancak CloudFlare için kullanabileceğiniz birçok alternatif vardır. HTTP Cookookie ücretsiz alan adını kullanın Web için çok önemlidir, çünkü kullanıcı deneyimini bir bütün olarak geliştirirler. Bu çerez, kullanıcı tercihleri, müşteri girişi, hangi sayfaların önceki ziyaretçiler tarafından ziyaret edildiği gibi web sitesi etkinlikleriyle ilgili verileri toplar. Bir yandan, bu çerez sitenin kullanıcılar için daha kişiselleştirilmesine yardımcı olur. Ancak, görüntüler, javascript ve CSS yüklerken HTTP çerezlerine sahip olmaya gerek yoktur … ancak sunucu tüm alanlar için çerezler ayarlar ve bunları tüm HTTP isteklerine yanıt olarak gönderir. Bu tür içerik için çerezlere gerek yoktur ve yalnızca dosyaya bir yük eklerler. Düzeltmenin bir yolu, statik varlıklar için CDN kullanmak ve çerezleri silmektir. Başka bir yol, bir alt alan hazırlamak ve orada kurabiyeler yüklemektir. DNS aramasını azaltın IP adresi hatırlamak karmaşıktır ve markalı değildir. Bu yüzden bir alan adı kullanıyoruz. Etki alanı adı IP adresine bağlanır ve kullanıcı tarayıcıdaki etki alanı adını girdiğinde, tarayıcı etki alanına bağlı IP adresini bulur. DNS, alan adı sistemi anlamına gelir – hangi alan adı kayıtlarının hangi IP adresine bağlı olduğunu saklar. Tarayıcı, ilgili IP adresini bulmak için DNS’yi arıyor. Bittiğinde, tarayıcı web sunucusundan içerik indirmeye başlar. Bu süreç zaman alır. Sayfanızda birçok üçüncü taraf uygulaması varsa, bu tarayıcının her uygulama için DNS’yi araması gerektiği anlamına gelir. Bu, sayfa yükleme süresini artıracaktır. DNS Aramasını Azaltmak İçin İpuçları: Üçüncü Partisi Kaynaklarının Ana Bilgisayarına Yerleşik
Kârınız için DNS önbelleğini kullanın
Önce DNS’yi alCNAME verilerinin miktarını en aza indirin Hızlı DNS sağlayıcılarını kullanın Küçük bir favicon yapın ve önbellek olabilir Favicon veya favicon.ico Sitenizdeki küçük resim simgesi dosyası. Bu, markalaşma için kullanışlıdır ve kullanıcıların sayfanın hangi sekmeleri açtığını öğrenmelerini kolaylaştırır. Genel olarak, bu sitenizi temsil eden bir görüntü simgesidir. Bu, sayfa hızı için çok fazla fark yaratmaz. Ne kadar küçük olursa olsun, onlar da optimize edilmelidir. Çünkü biraz tasarruf edebilirseniz, saklamaya çalışmalısınız. Favicon dosyaları PNG, GIF veya ICO olabilir. Ancak ideal format .ICO’dur çünkü size en küçük dosya boyutunu verecektir. Favicon çevrimiçi jeneratörünü bir favicon yapmak için kullanabilir veya bunu yapmak için bir profesyonel kiralayabilirsiniz. Varlık etiketi (ETAG) yapılandırması
ETAGS başlıkları önbellek validatörünün bir parçasıdır.ETAGS, Web Server tarafından kaynak dosyalarına verilen benzersiz bir kimliktir.Tarayıcı dosyayı yüklemeye çalıştığında, sunucu sunucunun sürümünü ve yerel olarak saklanan sürümü karşılaştırmak için ETAG dosyasını okur.Varlık etiketi aynı ise, sunucu 304’e (değiştirilmez) yanıt verir ve tarayıcı dosya önbellekten alır.ETAG, Apache 2.4 veya daha yüksek için varsayılan olarak etkinleştirilir.2016’dan bu yana Nginx, varsayılan olarak ETAG üstbilgisini de etkinleştirdi.Bu uyarıyı göreceğiniz nadir bir olasılık var.GTMetrix metni böyle görünüyorsa, teknik yığınını artırmak için barındırmanızla iletişime geçin.Varlık etiketi hakkında bu ayrıntılı makaleyi okuduğunuzdan emin olun.GTMetrix Şelale Grafiği GTMetrix Performans Raporunun üçüncü kısmı şelale grafiğidir.Web sayfaları tarafından yapılan tüm istekleri buradan görebilirsiniz.
En üstte, analiz etmek istediğiniz dosya biçimini görürsünüz. HTML, CSS, JS JS, XHR, yazı tipleri, resimler ve sayfa tarafından yapılan diğer istekler için bir sekme vardır. İlk sekme, tüm istekleri tek bir yerde olan tek şeydir. Bu dosya adı, tarayıcı tarafından istenen dosya adını görüntüler. Önek ortadan kaldırılır ve geriye kalan tek şey dosya adıdır. Tek tek bilmenize gerek yok. Ancak, anlaşılması kolaydır. .Png veya .jpeg ile biten bir görüntüdür, CSS .css ile biter ve Java .js ile biter. Tam adı okursanız, kesinlikle dosyanın ne olduğunu gösteren anahtar kelimeyi bulacaksınız. Bu durum kodu oldukça düz. Yanıtın durum kodudurlar. Onlar hakkında daha fazla bilgiyi durum kodu yayınımızda öğrenebilirsiniz. İmleci üzerinde hareket ettirerek kontrol edebilirsiniz. Bu segment etki alanı kaynak dosyayı anlatır. Dosya sunucunuzdan veya üçüncü taraf sunucunuzdan gelir. İlk bakışta bu segment kaynağın etki alanını ve IP’sini ortaya çıkaracaktır. Addan dosya boyutunu temizleyin; Bu, aktarılan dosya boyutunu gösterir. Yukarı çıkma sırasına göre ayarlamak için dosya boyutunu tıklayabilirsiniz ve sipariş azalır. Bu size web sayfasındaki en büyük ve en küçük dosyayı gösterecektir. Yükleme süresi bu bölümü yıkma süresi, şelale grafiğinin her isteği yüklemek için gereken belirli süreyi tanımladığı yerdir. Farenizi birine yönlendirin, bir kutu görünecektir.
Çok terimleri anlamayabilirsiniz, ancak endişelenmeyin.Bunu bu makalede açıklayacağım.Bu, GTMetrix hız testinin en ilginç özelliklerinden biridir.Engelleme (çikolata) engelleme, gönderilmeden önce bekleme isteği harcanan zamanıdır.Bunun gerçekleşmesi için birkaç neden olabilir. Belki izin verilen maksimum bağlantıya ulaştınız ve bağlantı kurabilmesi için bağlantıyı bekleyen istek kesilir
Belki tarayıcı JavaScript ve CSS’yi indiriyor
HTTP’nin bağlantılara yetki vermesi daha uzun sürer
Çoğu zaman, JS ve CSS süreci erteleyenlerdir; Ancak, modern tarayıcılar en aza indirmek için daha akıllı hale geliyor. Engellemenin daha fazla zaman aldığını görürseniz, JS ve CSS oluşturmayı ortadan kaldırmanız gerekir. Makalede belirttiğim gibi DNS (Teal) arayan DNS Leaing, alan adlarını IP adresine eşleme işlemidir. Bilgisayarlar IP adreslerini okur, ancak insanlar okunabilirlik ve diğer faktörler için alan adları kullanır. Web sitenizi ilk GTMetrix testi ile çalıştırdığınızda, arama yapmak zaman alacaktır. Ancak, ikinci testi yaparsanız, DNS aramasının daha az zaman aldığını göreceksiniz. Bunun nedeni, ikinci test sırasında IP bilgilerini bulmak için önbellek belleğini kullanmasıdır. Bu sefer DNS’yi aramadı. Bir hız testi çalıştırmak, DNS arama süresini daha iyi anlamanıza yardımcı olacaktır. GTMetrix hız testinden sonra DNS arama süresini kaydedin ve ortalamayı alın. Bu konuda çok fazla endişelenmenize gerek yok, ancak zamanı artırmak istiyorsanız DNS premium alabilirsiniz. Bağlantı (yeşil) bağlantı süresi, istemci ve sunucu arasında bir bağlantı kurmak için gereken zamandır. TCP bağlantısı, sunucu ve tarayıcının birbirine nasıl iletişim kurduğu ve veri gönderdiğidir. Adından da anlaşılacağı gibi (kırmızı) göndermek, tarayıcının sunucuya bir istek göndermesi için gereken zamandır. Bir koyma veya sonrası isteği ise, bu da bu isteğe ilişkin herhangi bir veri yüklemek için harcanan süreyi de kapsayacaktır. Bekleme (Mor) GTMetrix TTFB ile bekleme süresini hesaplar. TTFB bir kısaltmadır ‘
İlk bayt zamanı ‘. Bu, tarayıcının (kullanıcı) sunucu tarafından ilk bayt verilerini almak için beklemesi gereken bir zaman boyutudur. Sunucunun isteği işlemesi ve yanıtlaması gereken süre ne kadar uzun olursa, TTFB o kadar uzun olur. Mümkün olduğunca az olmalı. Ancak, 100 ms’nin altındaki herhangi bir şey oldukça iyi ve kabul edilebilir. GTMetrix testi yüksek bir TTFB gösteriyorsa, sunucunun doğru yapılandırılmadığı anlamına gelir. Bu aynı zamanda daha iyi barındırma için artmanız gerektiğinin bir göstergesidir. CDN kullanma ve önbellekleme kullanma gibi azaltmanın birçok yolu vardır. Daha fazla bilgi edinmek için bu eksiksiz ttfb kılavuzunu okuyun. Adından da anlaşılacağı gibi (gri) alarak, resepsiyon zamanı, tarayıcının sunucu tarafından gönderilen dosyaları indirmek için ihtiyaç duyduğu zamandır. Uzun makbuzlar sırasında katkıda bulunabilecek şeyler şunları içerir: büyük dosyaları indirin
Aynı anda birkaç dosyayı indirerek bant genişliği sınırına ulaşın
Ağ Sorunları
WordPress barındırma hızlı bir şekilde başa çıkacaktır. Bu satırların bir öğeyi tamamlamak için gereken belirli süreyi anlatan olayın zamanı. Her renk bir kilometre taşını temsil eder.
İlk boya (yeşil çizgi): Tarayıcı, sayfanın ilk öğesini oluşturmak için zaman gerektirir. Sayfada görünen ilk noktanın gerektirdiği süre. DOM yayınlandı (Blue Line): Bir tür içeriğin görünmeye başladığı nokta – belge nesne modelinde tanımlanan içerik. Metin, resim veya video olabilir. Onload (kırmızı çizgi): Onload, sayfanın tamamlandığı ve sayfadaki tüm kaynakların (görüntüler, CSS, Java, metin, videolar vb.) İndirme işlemi olduğu anlamına gelir. Tamamen yüklü (mor çizgi): Tam yüklü, on yük olayının her zaman ateşlendiği ve 2 saniye boyunca hiçbir ağ etkinliği gerçekleşmediği anlamına gelir. HTTP Yanıt Headrsive Herhangi bir isteği tıklayın, istek ve yanıt başlığını açacaktır. Bunun gibi: başlık site hakkında çok fazla bilgi sağlar. Gördüğünüz gibi, bu başlığın var:
Değişik kodlamayı kabul edin Başlığı sona erer Cloudflare CDN GZIP etkin
İlk bayt zamanı ‘. Bu, tarayıcının (kullanıcı) sunucu tarafından ilk bayt verilerini almak için beklemesi gereken bir zaman boyutudur. Sunucunun isteği işlemesi ve yanıtlaması gereken süre ne kadar uzun olursa, TTFB o kadar uzun olur. Mümkün olduğunca az olmalı. Ancak, 100 ms’nin altındaki herhangi bir şey oldukça iyi ve kabul edilebilir. GTMetrix testi yüksek bir TTFB gösteriyorsa, sunucunun doğru yapılandırılmadığı anlamına gelir. Bu aynı zamanda daha iyi barındırma için artmanız gerektiğinin bir göstergesidir. CDN kullanma ve önbellekleme kullanma gibi azaltmanın birçok yolu vardır. Daha fazla bilgi edinmek için bu eksiksiz ttfb kılavuzunu okuyun. Adından da anlaşılacağı gibi (gri) alarak, resepsiyon zamanı, tarayıcının sunucu tarafından gönderilen dosyaları indirmek için ihtiyaç duyduğu zamandır. Uzun makbuzlar sırasında katkıda bulunabilecek şeyler şunları içerir: büyük dosyaları indirin
Aynı anda birkaç dosyayı indirerek bant genişliği sınırına ulaşın
Ağ Sorunları
WordPress barındırma hızlı bir şekilde başa çıkacaktır. Bu satırların bir öğeyi tamamlamak için gereken belirli süreyi anlatan olayın zamanı. Her renk bir kilometre taşını temsil eder.
İlk boya (yeşil çizgi): Tarayıcı, sayfanın ilk öğesini oluşturmak için zaman gerektirir. Sayfada görünen ilk noktanın gerektirdiği süre. DOM yayınlandı (Blue Line): Bir tür içeriğin görünmeye başladığı nokta – belge nesne modelinde tanımlanan içerik. Metin, resim veya video olabilir. Onload (kırmızı çizgi): Onload, sayfanın tamamlandığı ve sayfadaki tüm kaynakların (görüntüler, CSS, Java, metin, videolar vb.) İndirme işlemi olduğu anlamına gelir. Tamamen yüklü (mor çizgi): Tam yüklü, on yük olayının her zaman ateşlendiği ve 2 saniye boyunca hiçbir ağ etkinliği gerçekleşmediği anlamına gelir. HTTP Yanıt Headrsive Herhangi bir isteği tıklayın, istek ve yanıt başlığını açacaktır. Bunun gibi: başlık site hakkında çok fazla bilgi sağlar. Gördüğünüz gibi, bu başlığın var:
Değişik kodlamayı kabul edin Başlığı sona erer Cloudflare CDN GZIP etkin
Her isteğin başlığı okunabilir ve değerli bilgileri orada bulacaksınız. GTMetrix Hız Test Geçmişi
