WordPress’te HTTP istekleri nasıl azaltılır (web sitenizi daha hızlı hale getirin!)
WordPress’te HTTP isteklerinin nasıl azaltılacağını öğrenmek, sadece geliştirici tarafından ele alınması gereken şeyler gibi geliyor. Ancak, gerçekte CMS tarafından desteklenen bir web sitesi olan herkesle ilgilidir. Burada, torkta, WordPress sitenizi nasıl hızlandıracağınız hakkında çok şey yazdık:
WordPress Hız kılavuzu ve önbelleğin önemi
WordPress’i hızlandırmanın ve sayfaların yükleme süresini azaltmanın 14 yolu
WordPress sitenizin hızını artırmanın basit ama kanıtlanmış yolu
HTTP’nin talebini azaltmak bulmacanın sadece bir parçasıdır, ancak çok önemlidir. Bu nedenle, bu makale bunun nasıl yapılacağı ayrıntılı olarak tartışılacaktır.
İlk bölümde, tam olarak HTTP/S isteklerini ve sayılarını mümkün olduğunca düşük tutmanın neden önemli olduğunu tanımlayacağız. Ardından, makalenin geri kalanı size kendi WordPress sitenizdeki HTTP isteklerini azaltmanın pratik bir yolunu gösterecektir. HTTP/S için bir istek nedir ve bu neden önemlidir? Hadi baştan başlayalım. HTTP/S için bir istek nedir? Her şeyden önce, sitenizde HTTPS şifrelemesi hazırlayıp hazırlamadığınıza bağlı olarak HTTP veya HTTPS talepleri hakkında konuşuruz. Buna ek olarak, bunlar aynı şey, bu yüzden bu yazıda dönüşümlü olarak iki terimi kullanacağım. Ancak, bu nedir?
HTTP istekleri her web sitesinde en temel düzeyde gerçekleşir, HTTP istekleri tarayıcı sunucunuzdan her şey istediğinde gerçekleşir. Stil sayfası, resim, video veya sabitlenmiş komut dosyası gibi bir dosya olabilir. Temel olarak, tüm sitelerinizden oluşur. Her biri ayrı bir istektir. Bu önemlidir, çünkü yalnızca istenen tüm dosyalar tarayıcıya gönderildiğinde, web sitenizi oluşturur. Bundan önce, ziyaretçileriniz bunu göremiyor. Tahmin edebileceğiniz gibi, tarayıcıların daha fazla indirilmesi ve işlenmesi gerekirse, sitenizin yüklenmesi o kadar uzun sürer. Siteniz popülerse bu özellikle doğrudur. Bu durumda sunucunuz aynı anda birçok eşzamanlı HTTP isteğini ele almalıdır. Bu da, trafiği, müşterileri, dönüşümü, satışları ve diğerlerini etkileyen kullanıcı deneyimi üzerinde büyük bir etkiye sahiptir – kısaca: web sitenizin başarısı. HTTP isteklerinin önemini anlamak için alt çizginizi etkiliyorlar ve sayfanın yükleme süresi üzerindeki etkisi Amazon’dur. Şirket bir zamanlar sayfanın açılış saatinde gecikmenin sadece bir saniye olduğunu hesapladı. Siteniz aynı nakit akışı seviyesinde olmasa da (ancak, övgü!), Siteniz üç saniyeden fazla içeriyorsa ziyaretçilerin yüzde 40’ını reddedecektir.
Ayrıca Google, sayfa yükleme süresinin bir sıralama faktörü olduğunu belirtti. Ayrıca Temmuz 2018’de bunu hücresel aramaya genişleteceklerdir. Sonuç olarak, WordPress sitenizdeki HTTP talebini azaltmak için her yatırım kârınız için bir yatırımdır. Ancak, bunu yapmak için ilk adım nedir? Siteniz tarafından en başından beri yapılan kaç istekte bulunduğunu bilmek. WordPress siteniz için istek sayısını nasıl kontrol ederim? Sitenizdeki HTTP isteklerinin sayısını azaltmak için önce statükoyu ölçmelisiniz. Sorununuzun ne kadar büyük (veya küçük) olduğunu öğrenmek için aşağıdaki araçları kullanın. Google Chrome Geliştirici Geliştirme Aracı, sitenin ve dosyanın her öğesinin ne kadar süre yüklenmesi gerektiği hakkında derinlemesine bilgiler sunar. Sitenizi ziyaret edin ve tarayıcı menüsünü açın, ardından başka bir araç> geliştiriciyi açın (veya CTRL/CMD+Shift+I tuşuna basın).
Burada, sitenizde gerçekte neler olduğunu ve her görevi tamamlamanın ne kadar sürdüğünü inceleyebilirsiniz. Tarayıcı ayrıca her öğe için derinlemesine bilgi sunar. Firefox’un benzer bir işlevi var, ancak bence Chrome’un kullanımı biraz daha rahat. Pingdom Pingdom, sayfa hızını ölçmek için kişisel favorim. Bu araç iyi bir arayüze sahiptir ve hızlı sonuçlar verir. Sadece sitenizi girin, test edilecek konumu seçin ve çalışacaktır. Genel puana ek olarak, çeşitli iyileştirmeler kullanabilen alanlar hakkında ayrıntılı bilgi alırsınız. New York Times’ın HTTP isteklerinin nasıl azaltılacağı hakkında bazı ipuçları da kullanabileceği anlaşılıyor. Ayrıca, içeriğe ve en önemlisi şelale diyagramına göre bölünmüş sayfanın ağırlığını gösterir. Sonuncusu, her isteğin tamamlandığında ve ne zaman ne zaman yayınlandığını izlemenize izin verir. WordPress sitenizdeki HTTPS isteklerini azaltmak için somut adımlar atmak için çok yararlı bilgiler.
GtMetrix GtMetrix pingdom’a çok benzer. Hizmetleri aracılığıyla, genel sayfa hız puanınızı öğrenebilir ve sitenizi tam olarak yavaşlatabilir ve nasıl düzelteceğinizi. Ayrıca bir şelale diyagramı ile donatılmıştır. Genel olarak, GTMetrix genellikle biraz daha yavaş ve görülmesi hoş değildir. Bununla birlikte, hala çok kullanışlıdır ve genellikle pingdoms ve bu aracı birlikte kullanırım. WordPress’teki HTTP isteklerinin nasıl azaltılması iyi, şimdi sorunun nerede olduğunu bildikten sonra, çözümler hakkında konuşalım. Aşağıda, WordPress sitenizdeki HTTP isteklerini azaltmanın çeşitli yollarını bulursunuz. Bazıları biraz teknik, ancak onu çalıştırabileceğinize dair tam bir güvenim var. WordPress sitenizdeki çok fazla öğenin neden olduğu aşırı HTTP isteklerini azaltın, tekrar kullanın, geri dönüşüm. En yaygın neden eklentidir. Birçoğu web sitenizi yükleme hattına kendi stilini ve varlık sayfalarını ekler.
Sonuç olarak, eklenti listenizi kontrol etmek ve önemli şeylere kaynatmak için günün ilk siparişi. İhtiyacınız olmadığı şeyi takın, sadece ara sıra kullandığınızı devre dışı bırakın. Zalim olun, sitenizin performansı minnettar olacaktır. Ancak, eklentide durmaz. Ardından, sitenizdeki temalar da dahil olmak üzere ihtiyacınız olmayan diğer tüm şeylerden kurtulun. Nelerden kurtulabileceğiniz hakkında daha fazla fikir edinmek için Bahar Temizlik Ebook’umuza bakın. Bu sadece HTTP talebini azaltmakla kalmaz, aynı zamanda güvenliği artırır ve sitenizi kullanmayı daha eğlenceli hale getirir. Sitenizi önemli ölçüde yavaşlatan dosyaları veya varlıkları bulmak için yukarıdaki analiz aracını kullanın. Sorun buysa, kurtulmanın veya değiştirmenin bir yolunu bulun. Sitenizde kalan her şey için WP Varlık Temizliği kullanmak isteyebilirsiniz. Bu eklenti, görüntüler için tembel yüklemeye benzer şekilde çalışır (aşağıya bakınız). Bu, ziyaretçiler tarafından talep edilen sayfada görünmeyen site varlıklarını algılar. Eğer öyleyse, bu yüklenmesini önler, böylece HTTP talebini azaltır. Kaldırılması gereken varlıklar arasında kullanılmayan görüntüleri silin, görüntü çok önemlidir. Sadece HTTP istekleri üretmekle kalmaz, aynı zamanda genellikle sayfa ağırlığının çoğunu yaparlar. Bu nedenle, eğer azaltabilirseniz, yapın!
Eklenti sayfanızla yaptığınız gibi, WordPress Media Kütüphanesini açın ve kullanmadığınız şeyi merhamet etmeden kesin. Bu aynı zamanda rezervler ve göç için iyi bir haber olan boyutunuzu da azaltacaktır. SEO ve hızlı yükleme için kalan görüntüleri optimize edin. Ardından, yukarıda belirtilen tembel yükle sitenizi daha da hızlandırın. Veya bir şey bir sonraki seviyeye getirmek istiyorsanız, bir resim sprite yapın. Birkaç görüntüyü bir araya getirir ve sadece belirli parçaları CSS aracılığıyla görüntüler. CSS ve JavaScript dosyalarını birleştirmek ve azaltmak birkaç dosyayı bir araya getirmek hakkında konuşur, aynı şeyi stil sayfası ve komut dosyası ile yapabilirsiniz. Her biri ayrı HTTP/S isteklerini temsil eder ve bu nedenle ne kadar az olursa, o kadar iyidir. Büyük bir dosya genellikle birkaç küçük dosyadan çok daha hızlı indirilir. Ayrıca, minifikasyonla birleştirebilirsiniz. Bu, dosyaların insanlar tarafından okunmasını kolaylaştıran tüm karakterleri ve biçimleri kaldırmak anlamına gelir. Bunu yapmak dosyanın boyutunu büyük ölçüde azaltacak ve böylece indirmelerini hızlandıracaktır.
Tüm bunları elle, örneğin Gulp gibi araçlarla yapabilirsiniz. Doğru yapmak için bu kılavuzu kullanın. Bununla birlikte, daha kolay bir yol, yukarıdakilerin hepsini otomatik olarak yapacak olan AutOptimize’yi yüklemektir. Onunla çok iyi bir deneyimim var. Aşağıdaki önbellek eklentilerinin bazıları da bu yeteneğe sahiptir. Ancak, HTTP/2 ile birleşme ve minifikasyonun artık gerekli olmadığını lütfen unutmayın. Dolayısıyla, trafiğinizin çoğu bu protokolü kullandıysa, bu tekniğin eskisi gibi büyük bir etkisi olmayacaktır. HTTPS talebinin dış kaynaklarını yalnızca kendi sitenizden değil, aynı zamanda dış kaynakları da içerebilir. Popüler örnekler şunları içerir: Özel Yazı Tipleri – Özel yazı tipleri için hizmetler genellikle hızlı olmasına rağmen, yine de ek talep üretiyorlar. Bu nedenle, burada da slogan: sadece gerçekten kullandığınızı içerir. Bu sadece yazı tipi sayısını değil, aynı zamanda kuvvet ve komut dosyalarını da sınırlamak anlamına gelir.
Harici Resimler – Yorumlar bölümündeki en yaygın harici görüntüler, esas olarak WordPress varsayılan olarak Gravatar kullanır. Ayarlar> Tartışma> Avatar altında veya bu eklenti ile ustalaşabilirsiniz.Sosyal medya düğmeleri ve sayımları – Sosyal medya önemli bir pazarlama aracıdır, ancak aşırı derecede yapmak kolaydır. Tıpkı her ağda olmanız gerekmediği gibi, her şey için bir paylaşım seçeneği de sunmanıza gerek yoktur. Gerçekten kullandıklarınızla kalın.
Gömülü Videolar – YouTube ve diğer kaynaklardan gelen videolar içeriğinize iyi eklemelerdir. İyi bir hizmet kullanırsanız, bunlar genellikle hızlı bir şekilde sunulur, ancak video gömme hala ek bir HTTP isteğidir. Yani, ihtiyacınız yoksa, onlardan kurtulun. Dahası, web sitenizi aşırı derecede yavaşlatan harici bir istek olup olmadığını öğrenmek için yukarıdaki analiz aracına bakın. Önbellek eklentileri ve/veya CDN kullanın, önbellek sitenizdeki toplam HTML talebini azaltmasa da, önbellek tekrarlanan ziyaretçiler tarafından yapılan istek miktarını azaltabilir. Sitenizin çok fazla içeriğini statik hale getirdiğinden, sitenizi düzenli olarak ziyaret eden kişilerin en başından beri her şeyi indirmeleri ve işlemelerine gerek yoktur. Buradaki en popüler adaylar WP Super Cache ve W3 Total Cache’dir. WP Rocket popüler bir ticari çözümdür. Önbellekleme ayrıca bir içerik dağıtım ağı (CDN) ile iyi işbirliği yapar. Bu, bilgisayar ağlarının, sitenizin kopyalarını depolayan dünya çapında dağıtıldığı anlamına gelir. Bu şekilde, mümkün olan en yakın konumdan gelen ziyaretçilere sunulabilir. Buna ek olarak, CDN sizinkine ek olarak sunucuya HTTP isteklerini azalttı. Bu tür iş yüklerini ayırmak, sayfanızı yükleme hızını büyük ölçüde artırabilir. Sitenizdeki HTTP isteklerini nasıl azaltacaksınız?
