Web sitenizi güncellemeyi ne zaman bitirdiniz? Umarım, asla: tüm temalarınızın ve eklentilerinizin en son sürümünü kullanmak sadece sağduyu değil, aynı zamanda online güvenlik için en iyi uygulamadır. Benzer şekilde, hem kullanıcı deneyimi hem de SEO nedenleriyle web sitenizi daha sorunsuz ve daha hızlı çalıştırmanın yollarını her zaman aramalısınız. Fakat bu arka planda kalmalıdır: güvenlik önceliktir. Fakat personelinizin zamanını ve çabasını buna ayırabilirseniz, web sitenizin daha hızlı yüklenmesini ve çalışmasını sağlamanın bir yolu olup olmadığını gerçekten görmelisiniz. Ve web sitesi ne kadar çok HTTP isteği yaparsa o kadar yavaşlar. Bu yazıda, web sitenizden daha az HTTP isteği yapmanın yollarından bahsedeceğiz. Ama hepsi bu kadar değil.
HTTP isteklerinin sayısını azaltmanın yanı sıra, bu isteklerin ne olduğunu, ne işe yaradığını ve onlara gerçekten ne zaman ihtiyaç duyduğunuzu da öğrenmek istiyoruz. Bunun dışında, HTTP isteklerinin neden oldukları yavaşlamaların hem sayısını hem de hacmini azaltmak için size birkaç yöntem sunacağız. Yine de size mutlak zorunlulukların bir kontrol listesini vermeyeceğiz: bunun yerine bunu bir optimizasyon araç seti olarak düşünün.
İşte bahsetmek istediklerimiz ve ayrıca HTTP isteklerinin sayısını azaltmak için neler yapabileceğiniz:
-
HTTP İstekleri Nedir?
-
Neden Daha Az HTTP İsteği Yapılır?
-
HTTP İstekleri Nasıl Analiz Edilir?
-
HTTP/2 kullan
-
Ölü Ağırlığı Azaltın: Gereksiz Eklentilerden Kurtulun
-
Resimlerinizi Optimize Edin
-
Tembel Yük Resimleri Ve Videosu
-
Veritabanınızı Optimize Edin
-
Yazı Tiplerinizi Optimize Edin
-
Emojileri Devre Dışı Bırak
-
Bir CDN kullanın
-
CSS ve JavaScript Dosyalarını Küçültün
-
CSS Dosyalarını Birleştirin
-
Oluşturmayı Engelleyen JavaScript ve CSS’yi Ortadan Kaldırın veya Erteleyin
HTTP İstekleri Nedir?
Bir ziyaretçi bir web sitesini her ziyaret ettiğinde, tarayıcısı siteyi onlar için görüntülemek için gereken tüm dosyaları indirir. Genellikle bir kaynak veya varlık olarak adlandırılan, onu çalıştırmak için gereken web sitesinin her biti, sunucunuza bir istek gerektirir. Kaynaklar, resim dosyalarından yazı tiplerine, CSS’den JavaScript dosyalarına kadar her şey olabilir. Bu istekler, köprü metni aktarım protokolü veya HTTP kullanılarak sunucu (dolayısıyla adı) tarafından sunulur. Bu nedenle HTTP istekleri olarak adlandırılırlar.
Neden Daha Az HTTP İsteği Yapılır?
Her bir kaynağın kendi isteğine ihtiyacı vardır – bu sadece internetin yerleşik bir özelliğidir. Bu durum örneğin, web sitesinin hızının yalnızca gerekli dosyaların boyutuna göre değil aynı zamanda sayılarına göre de belirlendiği anlamına gelir. Kullandığınız her resim, her JS efekti, kendi CSS stil sayfasını kullanan her eklenti, bir HTTP isteği daha anlamına gelir.
Bir başka deyişle, ne kadar az HTTP isteği yapılırsa web sitesi o kadar hızlı olur. Yine de bir diğer tarafı var: HTTP isteklerinin sayısını azaltmak estetiğin pahasına olabilir.
Şimdi, tüm HTTP istekleri eşit yaratılmamıştır. Daha küçük olanlar, sunucu kaynaklarını daha az zorlar. Yine de prensip değişmez: Aynı etkiyi tek bir HTTP isteği olmadan bile elde edebilirseniz, web sitenizi o kadar hızlı yapmış olursunuz.
HTTP İstekleri Nasıl Analiz Edilir?
Web sitenizin yaptığı HTTP isteklerini tespit etmek ve analiz etmek için kullanabileceğiniz birkaç online araç vardır. Bu gösteri için GTmetrix kullanacağız.
Web sitenizdeki hız sorunlarını kontrol etmek için, bir web sitesinin URL’sini URL alanına girin ve Sitenizi test edin düğmesini tıklayın.
Web sitenizde meydana gelebilecek hız sorunlarını özetleyen bir rapor ekranına yönlendirileceksiniz. Bireysel HTTP isteklerini görmek için Şelale sekmesine tıklayın.
Oraya vardığınızda, istenen kaynakların bir listesini ve bunların ziyaretçinin tarayıcısı tarafından işlenmesi için geçen süreyi göreceksiniz. Burada, sunulması uzun zaman alan bireysel istekleri kolayca ayırabilirsiniz. Herhangi birinin üzerine gelip ayrıntılı olarak değerlendirebilirsiniz. Tablonun üstündeki menüden bir filtre seçerek veya arama alanını kullanarak da filtreleyebilirsiniz.
Artık probleminizi veya problemlerinizi tanımladığınıza göre, onlar hakkında ne yapabilirsiniz? Muhtemelen hiçbir şey, ama aynı derecede muhtemelen, yükler.
HTTP/2 kullan
HTTP/2, eski HTTP protokolünün geliştirilmiş bir versiyonudur. HTTP/2, dosyaların eşzamansız yüklenmesine izin vererek HTTP isteklerinin sayıca az olmasa da daha kolay sunulmasını sağlar. Bu durum tek bir bağlantı kullanılarak aynı anda birden fazla kaynak yüklenerek yapılır. Yine de bunu nasıl yapabilirsin? Kendi barındırma sağlayıcınız değilseniz, hizmet paketinizin bir parçası olan HTTP/2’ye geçemezsiniz.
Web sitenizin HTTP/2 kullanıp kullanmadığını kontrol etmek için Geekflare’nin HTTP/2 Testi gibi bir araç kullanabilirsiniz. Değilse, barındırma sağlayıcınıza danışın ve bunu düzeltmenin mümkün olup olmadığını öğrenin. Değilse, WordPress geçiş eklentileri listemize bir göz atın ve barındırma sağlayıcınızı değiştirmeyi düşünün. Yükleme hızı nedeniyle değilse de güvenlik nedeniyle eski teknolojiyle yetinmemelisiniz.
Ölü Ağırlığı Azaltın: Gereksiz Eklentilerden Kurtulun
Daha önce de belirttiğimiz gibi, çok fazla eklenti kullanıyorsanız, muhtemelen web sitenizi yavaşlatıyorlardır. Bir hız testi aracı kullanıyorsanız, WordPress tüm eklenti kaynaklarınızı wp-content/plugin klasöründe sakladığından, eklenti ile ilgili tüm isteklerinizi eklenti kelimesini filtreleyerek bulabilirsiniz.
Kullanmadığınız bir eklenti kurmuş olabilirsiniz veya bir noktada bir eklenti kullanmış ancak artık kullanmıyor olabilirsiniz. Böyle bir eklentiyi devre dışı bırakıp kaldırmadıysanız, tamamen gereksiz yere hala yükleniyor olabilir.
Size ihtiyacınız olan işlevselliği sağlayan birden fazla eklenti varsa ve hepsini karşılayabiliyorsanız, daha az HTTP isteği yapanları seçmeyi deneyin. Gelişmiş bir kullanıcıysanız, ayrıntıları genellikle eklentilerin belgelerinde bulabilirsiniz. Değilse, ücretsiz olanları test edin: hız testi araçlarını kendiniz kullanabilirsiniz.
Resimlerinizi Optimize Edin
Şimdi, görüntüleri optimize etme hakkında söylenecek çok şey var – kendi makalesini hak etmeye yetecek kadar. WordPress web siteniz için görüntüleri nasıl optimize edeceğinize dair bütün bir makalemizin olmasının nedeni tam olarak budur. Yine de burada temel konuların üzerinden geçeceğiz.
Daha az HTTP isteği yapmak amacıyla, eklentiler için söylediklerimizi tekrarlayacağız: gerçekten ihtiyacınız olmayan her şeyi kaldırın. Yine de bazı web siteleri görsellere büyük ölçüde güvenir ve bu yardımcı olamaz. Örneğin görüntü dosyalarını sıkıştırmanın veya farklı bir dosya formatına geçmenin yolları vardır ve bunlardan yararlanmalısınız. Ve hazır gelmişken, resimlerinizin alternatif metnini de optimize etmeyi ihmal etmeyin.
Tembel Yük Resimleri Ve Videosu
Tembel yükleme, bir öğenin yüklenmesini ihtiyaç duyulana kadar erteleme uygulamasıdır. Önemli bir videonun sayfanın alt kısmında (ekranın alt kısmında) olduğunu ve bu nedenle söz konusu sayfayı yükleyen bir ziyaretçi tarafından hemen görülmediğini varsayalım. Ziyaretçi web sitenizle etkileşime geçmeden önce yüklemeniz gerekiyor mu? Tabii ki değil.
WordPress’te yavaş yüklemeyi uygulamak kolaydır: özellikle herhangi bir şey yapmanızı gerektirmez. WordPress’inizi zaten yapmanız gereken 5.5 veya daha yeni bir sürüme güncellemeniz yeterlidir. Yavaş yükleme, 5.5 sürümünden itibaren temel bir özelliktir. Herhangi bir nedenle WordPress’in 5.5 sürümüne güncellemeyi ertelerseniz, birçok görüntü sıkıştırma eklentisi de geç yükleme özelliği sunar.
Veritabanınızı Optimize Edin
Resimleriniz ve video dosyalarınız muhtemelen yüklenmesi en yavaş olanlardır. Fakat bakmanız gereken tek şey bunlar değildir. Hem hız hem de depolama alanı açısından en iyi sonuçları elde etmek için, WordPress’te veritabanı optimizasyonu hakkındaki kapsamlı kılavuzumuza bakın.
Yazı Tiplerinizi Optimize Edin
Yazı tipleri, çoğunlukla metni işlemek için kullanılan grafiklerdir ve genellikle metninizin görünümünü özelleştirmenin en kolay yoludur. Simge yazı tipleri adı verilen belirli yazı tiplerinin farklı bir amacı vardır: web siteniz için kolayca ölçeklenebilir simgeler sağlarlar. Yine de her yazı tipi, yeni bir HTTP isteği anlamına gelir. Daha azıyla yetinebiliyorsanız, fazlalıktan kurtulun. Google yazı tiplerini yerel olarak barındırmak bile web sitenizin yükleme hızını artıracaktır.
Emojileri Devre Dışı Bırak
Emojileri kullanmamak için pek çok neden var, zevksiz olmaları en az önemli değil. Fakat hamamböcekleri gibi yaygın oldukları inkar edilemez. Tam da bu nedenle WordPress, eski tarayıcılar için emojilerin oluşturulmasını destekleyen komut dosyaları kullanır. WordPress’in temel mekaniğindeki bu değişiklik, 2015’ten kalmadır ve çoğu tarayıcı, emojileri oluşturmakta zorluk çekmez. WordPress’in betikleri? Hala yükleniyorlar. Özellikle eski tarayıcıları kullanan ziyaretçilere hitap etmiyorsanız, emoji komut dosyalarını devre dışı bırakın.
Bir CDN kullanın
CDN, İçerik Dağıtım Ağı anlamına gelir. İsteğin, isteği yapan bilgisayara coğrafi olarak en yakın sunucudan sunulmasını sağlayan araçtır. Bir CDN kullanırsanız, web sitenizin bazı bölümleri farklı sunucularda önbelleğe alınır, saklanır ve istekler daha hızlı sunulur. En sevdiğimiz CDN hizmetlerimizin bir listesine bile sahibiz. Fakat bunlar çok değerlidir. Sadece bu da değil: CSS dosyalarıyla uğraşırken verimli değiller.
CSS ve JavaScript Dosyalarını Küçültün
Kodlamadaki en iyi uygulamalar, insanlar tarafından anlaşılacak şekilde yazılması gerektiğini belirtir. Yine de herhangi bir insan değil: öncelikle bu, kodlayıcıları ifade eder. Bununla birlikte bilgisayar genellikle kullandığı kod sürümünün insanlar tarafından da kolayca okunabilir olup olmadığını umursamadığından, bu, kodun yürütülmesini yavaşlatır. Özetle kod küçültme budur: insanlar için okunabilirlik pahasına kodu daha küçük ve daha hızlı yürütmeyi sağlar.
CSS Dosyalarını Birleştirin
Çok sayıda CSS dosyasına sahip olmak, web sitesinin yüklenmesi için çok sayıda HTTP isteğine ihtiyaç duyulması anlamına gelir. Bu da, işlemek için çok zaman alır. Neyse ki, ihtiyacınız olması durumunda, CSS dosyalarını WordPress’te birleştirmenin birçok yolu vardır. HTTP/2 protokolünü kullanıyorsanız buna ihtiyacınız olmayacaktır.
Oluşturmayı Engelleyen JavaScript ve CSS’yi Ortadan Kaldırın veya Erteleyin
İşleme engelleme, bir CSS stil sayfası veya bir JavaScript komut dosyasının yüklendiği. Fakat web sayfasının kullanıcı tarafından görülebilen bölümünü çalıştırmak için gerekli olmadığı anlamına gelir. Eklentiler ve temalar, web sitenize CSS stil sayfaları ve JavaScript komut dosyaları ekler ve birlikte çok iyi çalışmazlarsa, ihtiyaç duyulmadıklarında yükleniyor olabilirler. Neyse ki, özel bir eklenti kullanarak işleme engellemeyi çözmenin yolları var.
Konu Özeti
Gördüğünüz gibi, WordPress’te HTTP isteklerinin sayısını azaltmak için yapabileceğiniz çok şey var. Bunlardan bazıları ileri düzey kullanıcılar için daha uygundur, diğerleri ise bir eklenti yükleyip çalışmasına izin vermekten biraz daha fazlasını içerir. Daha az HTTP isteği ile daha fazla hız ve genel olarak daha iyi bir kullanıcı deneyimi elde edilir.
Web siteniz muhtemelen her zaman biraz daha iyi çalışıyor olabilir. Zaman ve çaba harcayabiliyorsanız, onu yeteneklerinizin en iyisine göre optimize edin.