WordPress’te daha az HTTP istekleri nasıl yapılır (2021)
WordPress sitenizin daha az HTTP istekleri yapmasını istiyor musunuz? Bu temel olarak platformunuzdaki yükleme miktarının (talep) azaltılması gerektiğini gösterir. Web sitesini her ziyaret ettiğinizde, perde arkasında birçok teknoloji olur. Tarayıcınız, bilgisayarınıza kelimeler ve fotoğraflar yüklendiğinde arka planda dosya sorar ve alır. Bu tür HTTP talepleri, kullanıcı arayüzünü, mafsalın oranını ve SEO’yu etkileyen menkul kıymetler sayfasının yüklenmesini yavaşlatır. Sunucuya daha az HTTP isteği gönderirseniz program daha hızlı yüklenir. Şu anda, bir web sitesi, çevrimiçi mağaza veya hızlı yüklemenin bir zorunluluktur. Hızlı web siteleri sadece ziyaretçileriniz için daha iyi bir deneyim sağlamakla kalmaz, aynı zamanda web sitenizin daha yüksek sıralamasına yardımcı olur. Sunucuya daha az HTTP isteği göndermek, web sitenizin daha hızlı yüklenmesine yardımcı olabilir.
Bugün size WordPress’te nasıl daha az HTTP istekleri yapacağınızı göstereceğim. HTTP tam olarak nedir? HTTP (HyperText Transfer Protokolü), HTML belgeleri gibi kaynakları almak için bir istemci-sunucu protokolüdür. HTTP, internetteki veri aktarımından önemli bir yapı taşıdır; Onsuz, herhangi bir web sitesinde diğer dosyaları veya belgeleri okuyamazsınız. HTTP istekleri ve HTTP yanıtları, istemciler ve sunucular arasında iletişim kurmak için kullanılır. HTTP isteği nedir? Bir web sitesi oluşturan birçok farklı bileşen. Resim dosyaları web sitelerinde kullanılır, stil sayfası CSS içeriğin nasıl göründüğünü kontrol eder, JavaScript dosyaları tüm olağanüstü işlevselliği sağlar, vb.
Birisi blogunuzdaki sayfayı ziyaret ettiğinde, tarayıcıları web sunucunuza ping gönderir ve sayfa içeriği içeren dosyalar ister. XML, CSS ve JavaScript dosyalarının yanı sıra fotoğraflar, simgeler ve diğer dosyalar dosyaların örnekleridir. Bu iki makine, tarayıcılar ve sunucunuz arasında iletişim kurmak için kullanılan protokol, hipermetin aktarım protokolünü temsil eden HTTP’dir. Her öğenin HTTP isteğinin kendisi olduğunu hatırlamak önemlidir. Örneğin, web sitesinde altı resim dosyası varsa, tarayıcı altı ayrı HTTP isteği yapmalıdır.
Aynı şekilde, her biri kendi stil sayfasına sahip beş WordPress eklentisi yüklerseniz, ziyaretçilerin tarayıcısı beş ayrı HTTP isteği yapmalıdır. Neden HTTP isteklerini azaltmanız gerekiyor? Doğru görüntülenebilmek için, web sayfalarının resimler, stil sayfaları ve komut dosyaları gibi bilgileri indirmesi gerekir. Tarayıcı, bu bilgileri almak için site sunucunuza HTTP istekleri gönderir. Sayfanız ne kadar uzun süre yüklenirse, daha fazla HTTP isteklerine sahip olur. Sayfayı yüklemek için gereken süre ne kadar uzun olursa, kullanıcı onu terk etme olasılığı o kadar artar ve SERP’de yüksek performans gösterme olasılığı o kadar az olur. Genel olarak iş için kötü.
HTTP isteğinizi nasıl kontrol ederim? Web sayfanız tarafından yapılan kaç HTTP isteğinin, sayfanın hızını artırmak için daha az kuyruk yapıp yapmaları gerekip gerekmediğini belirlemenize yardımcı olabilir. Genel olarak, web sayfaları tarafından üretilen HTTP istekleri ne kadar yavaş olur. Çok fazla ise web sayfalarınız tarafından yapılan sorgu miktarını en aza indirmeniz gerekir. Chrome kullanıyorsanız, bir tarayıcı geliştiricisi kullanılarak her yüklendiğinde siteniz tarafından üretilen HTTP isteğini ne kadar kontrol edebilirsiniz. Bunu yapmak için, sitenizi kontrol etmek ve “Kontrol” seçeneğini seçmek istediğiniz sayfayı doğru tıklayın. Ardından Çekme menüsünden “Ağ” ı seçin. NetworkName, web sayfası ağınızın etkinliğini gösterir. Yüklemeniz yüklendiğinde ne olacağını görmek için web sitesini açık bir panelle yenileyin ve istek gerçek zamanlı olarak gerçekleştiğinde HTTP’nin isteğini göreceksiniz. Kaç HTTP isteği çok fazla? Bu, talebin geldiği alan tarafından belirlenir. Bir sayfa aynı etki alanından 20’den fazla HTTP isteği aldığında, sayıyı azaltmayı düşünmeye başlamanın zamanı geldi. Ayrıca üzerinde çalıştığınız sayfaya da bağlıdır. Daha fazla bilgi burada bulunabilir.
Daha az http istekleri nasıl yapılır daha önce de belirtildiği gibi artık gerekli olmayan tüm fotoğrafları manuel olarak silin, daha fazla dosya daha fazla isteke eşittir. Sonuç olarak, amaç web sayfaları tarafından yüklenmesi gereken dosya ve grafik sayısını azaltmaktır. Sonuç olarak, HTTP isteklerinin sayısı azalır ve web sayfasının yükleme süresi artırılabilir. Makaleler aşağıda bağlanmıştır.
Burada hatırlanması gereken iki şey var:
Medya koleksiyonunuzdan artık gerekli olmayan tüm görüntüleri kaldırın. Artık kaç fotoğraf kullanmadığınızı öğrenmek için şaşıracaksınız.
HTTP sunucu isteklerini azaltmak istiyorsanız, görüntüleri feda etmeyin. Amaç, normalde kullandığınız görüntü miktarını azaltmak değil, gereksiz fotoğraflardan kurtulmaktır.
Resimlerle uğraştıktan sonra dosyanızı açın ve ihtiyacınız olmayan her şeyi kaldırın. Bu, örneğin üçüncü taraf sosyal medya yeminin video gömülü veya eklentileri şeklinde olabilir.
Web siteniz tarafından kullanılan çeşitli yönleri belirleyin, ardından gereksiz yönleri ortadan kaldırın, ancak kaynaklarınızı harcayın. Bundan kurtulun ve sitenizi yükleme hızı artacaktır. Çok sayıda fotoğrafı silmiş olabileceğiniz daha küçük bir resim oluşturun. Ancak, birçok resim kalacak. Ve onlardan kurtulmanın bir yolu yok. Bunu yapmak zorunda değilsin. Sonuç olarak, aşağıdaki adımlar, web sitenizde kullanacağınız görüntü dosyasının boyutunu azaltmaktır. Kullandığınız fotoğrafın boyutunu azaltmak için WP SMUSH ve EWWW Optimal gibi eklentileri kullanabilirsiniz. Bu aynı zamanda web için optimize edilmiş fotoğrafları seçmek de iyi bir fikirdir. Mümkünse, örneğin, bir görüntü kullanın. I. Bu aynı zamanda sunucu yüklerini azaltmak ve web sitesi performansını artırmak için bir resim önbelleği kullanmak için iyi bir fikirdir. Tembel Yükleme Yavaş Yükleme Gecikmelerini Kullanın Sayfadaki gereksiz yükleme görüntüleri. Web sitesi yüklendiğinde, kullanıcı tarafından görülemeyen görüntüler daha sonra kullanıcı eğitir ve görüntü görünür hale geldiğinde yüklenir. Kullanıcı hiç kaydırmazsa kullanıcılar tarafından görülemeyen görüntüler hiç yüklenmemiştir.
Aşağıda bağlı makaleler
Yavaş yüklenme
Orijinal tembel yükleme ile görüntü ve iframe yükleme yeteneği çok harika. Hiçbir şey anlamak aşağıdaki işaretlemeden daha kolay değildir:
Gördüğünüz gibi, burada JavaScript yok, dinamik SRC öznitelik değerlerinin saptırılması yok, sadece eski HTML. Kullanıcı sayfada istenen yere geçinceye kadar ekran dışındaki grafikleri ve IFREM’leri geciktirmek için yükleme özniteliğini kullanabiliriz. Aşağıdaki üç değerden biri yüklemek için kullanılabilir: Heyecanlı: yavaş yükleme için iyi çalışın. Tarayıcıya verilen içeriği hemen yüklemesini söyleyin: tembel bir şekilde yüklenip yüklenmeyeceğinize karar vermek için tarayıcıya gönderin. Bu yaklaşımın rakipleri yoktur, çünkü tepe, temiz ve kolay değildir. Harici komut dosyasının miktarını minimumda tutmak da hangi ek dosyaların istekte bulunduğunu bulmak için iyi bir fikirdir. Google Chrome Network penceresinde bunu yapabilirsiniz. Harici komut dosyaları, HTTP isteklerinin sayısını artırmakla ünlüdür. Artık kullanılmayan bir Twitter, Gravatar veya pazarlama sosyal yem eklentisi olabilir, bunların hepsi açık zamana birkaç saniye ekler. Web sitenizi yavaşlatan belirli üçüncü tarafların ve harici senaryoların entegrasyonunu bularak hangi varlıkların korunacağı ve hangilerinin feda edilmesi gerektiğine dair doğru kararları verebilirsiniz. HTTP isteklerinin sayısını kontrol etmede hala sorun yaşıyorsanız, İçerik Dağıtım Ağı’ndan (CDN) yararlanın, İçerik Dağıtım Ağını (CDN) kullanmayı düşünün.
İçerik Dağıtım Ağı (CDN), dünyaya yayılmış bir sunucu koleksiyonudur. Ziyaretçiler web sitenizi ziyaret ettiğinde, CDN statik malzeme depolar ve onlara hizmet eder. Önbellek malzemesi, kullanıcının fiziksel konumuna en yakın sunucudan gelir. Bazı faktörler CDN’yi kullanıp kullanmadığınızı etkiler. En önemli husus, trafiğinizin yerli veya yabancı olup olmadığıdır. Web sitenize gelen ziyaretçilerin çoğunluğu yerel insanlar ise içerik dağıtım ağı gerekmez. Web siteniz dünyanın her yerinden trafik alıyorsa, CDN bunu hızlandırmanıza yardımcı olabilir. Google Yazı Tipi Birleştirin Google Yazı Tipi, yapılan istek sayısını azaltmak için birleştirilebilir. GTMetrix Şelalesi raporunuzda bulunan yazı tipi dosyalarının sayısını kontrol edin.
Önbellek eklentinizde, Google yazı tipinin optimizasyonunu etkinleştirin. WP Rocket’e göre bu “HTTP isteği sayısını azaltmak için birçok yazı tipi isteğini birleştiriyor”. Önbellek eklentiniz yazı tiplerini birleştirmek için özellikler sunmuyorsa, Google Fonts kendi kendine barındırılan eklentiden OMGF’yi deneyin.
Yazı tipi, ağırlık ve yazı tipi simgeleri birleştirilmelidir. GTMetrix’teki her yazı tipi, ağırlık ve simgenin kendi isteğini ürettiğini göreceksiniz. Yalnızca bir tip harf ve bazı farklı ağırlıklar kullanın. Elementor gibi eklentiler, gezinme menümdeki oklar gibi yazı tipi simgeleri yapabilir.
GTMetrix Şelalesi’nde Pramurap, tarayıcıdan en kısa zamanda kaynak indirmeye başlamasını söyler, bu da yazı tipi yükleme süresini azaltır. WP Roket, Perfmatters ve Pre parti kaynak ipuçları gibi eklentiler bu konuda yardımcı olabilir. Yazı tipi URL’sini GTMetrix Şelalesi’nden kopyalayın, Pramuep alanına yerleştirin ve GTMetrix’te yazı tipi zamanınızı yeniden test edin. Çok ağır olmayan sosyal paylaşım eklentisini kullanın. Birçok sosyal paylaşım eklentisi Kueri HTTP’yi Facebook, Twitter ve Diğer sosyal medya siteleri. Medievine (Sosyal Pug) tarafından Grow’u test ettiğimde, sadece bir istekte bulundu (sonunda sildiğim halde, bir hız inek olarak benim için bir istek bile). WP Rocket ise eklentiyi en iyi hızlı sosyal paylaşım eklentisi olarak adlandırıyor. WP roket listesine bakın ve birçok GTMetrix isteği üretmeyen hafif bir eklenti seçin. Eklentiyi, kod kullanılarak çok sayıda kod eklentisiyle değiştirin. Örnek:
Google yazı tiplerini kullanarak yazı tipinizi yerel olarak kaydedebilirsiniz.
Google Analytics için Kod İzleme: Manuel olarak girin
HTML + CSS’de içerik tasarımı manuel olarak.
Bunun yerine sabitlenmiş bir tweet veya Google Haritalardan bir ekran görüntüsü alın.
Orijinal Facebook Widget ile gömülü Facebook Widget’ı değiştirin.
Birçok CSS ve JavaScript dosyasını birleştiren CSS ve JavaScript Birleştirme Eklentilerini kullanarak daha az HTTP isteği nasıl yapılır HTTP isteklerini azaltmak için bir tekniktir. CSS veya JavaScript’i nasıl kullanacağınızı bilmiyorsanız endişelenmeyin. Bunu başarmanın, CSS dosyanızı manuel olarak değiştirmeyi içermeyen basit bir yolu vardır. Yeni başlayanlar için bu yetenek birçok WordPress önbellek eklentisinde mevcuttur. CSS ve JavaScript dosyalarını entegre etmek için yalnızca eklentiyi yüklemeniz ve uygun parametreleri etkinleştirmeniz gerekir. Rocket Rocket Rocket, web sitelerinde önbelleğe alınmanın yükleme hızını artırmasını sağlayan bir WordPress eklentisidir. WP Rocket, önbelleklemeyi olabildiğince basit hale getirmek için yapılır, böylece teknik yeteneklerinden bağımsız olarak herkes WordPress sitelerini hızlandırmaya başlayabilir. WP Rocket ise, web sitelerinde önbelleklemeyi tam olarak istedikleri gibi etkinleştirmek için yeterli araç ve ayar vererek güçlü kullanıcıları çekmeye çalışır. avantajlar
Bazı seçenekleri değiştirmeye karar verirseniz, her seçeneğin yanında açık ve basit bir açıklama vardır.
Birçok barındırma, eklenti ve tema ve WooCommerce sağlayıcıları ile uyumluluk.
Tezgah
Doğrudan yardım yoktur.
Yaşam boyu lisans diye bir şey yoktur.
CSS ve JavaScript’i birleştirme adımları
WP roket ayarlarında Dosya Optimizasyonu sekmesini açın. Bundan sonra, minifikasyonu etkinleştirin ve dosyaları aşağıdaki gibi birleştirin:
Otomatik optimizasyon, CSS ve JavaScript dosyalarını birleştirmek için de kullanılabilir. Dosyaları birleştirmek için otomatik optimizasyon ayarlarını açmak ve aşağıdaki seçenekleri seçin:
JSAgregate dosyalarını CSS dosyalarını birleştirin
Fiyat
Yılda 49 $
WP Roketini Alın CSS ve JavaScript Minifikasyon Dosyaları, yükleme web sitelerinin hızını artırmak için popüler bir yaklaşımdır. CSS ve JavaScript gibi varlıkları küçülterek ve birleştirerek toplam dosya boyutunu ve yüklenmesi gereken dosya sayısını azaltabilirsiniz. Uygun bir pratik kural, dosyaları işlevine göre birleştirmektir; Örneğin, resimleri işleyen birçok dosyanız varsa, birleştirmek akıllı bir fikir olabilir. İlk başta yayınlanan CSS dosyalarının sayısını azaltarak genel yükleme süresini de azaltabilirsiniz. Minifikasyon ve birleştirme de bu konuda yardımcı olabilir. İlk yüklemeden sonra CSS dosyası tarayıcınız tarafından önbellektir, bu nedenle bir sonraki sorgu daha az zaman alır. Önbellekleme yanı sıra önbelleğe alınmanın yanı sıra, genel deneyimi geliştirmenin yanı sıra bir dosyaya nasıl sahip olabileceğinizi görebilirsiniz. Belirli bir sayfa için çok özel bir CSS’niz varsa, dosyayı tek tek yüklemeniz gerekir. Sonuç olarak, HTML’nizin başka bir yerinde kullanılmayan CSS kurallarını taşımanıza gerek yoktur. Geliştirme sürecinde minifikasyon ve birleşmede size yardımcı olacak birçok çevrimiçi araç vardır. Bu konuda size yardımcı olmak için WP Roket gibi eklentileri de kullanabilirsiniz. WP Super Minify
WP Super Minify, HTML, JavaScript ve CSS kodunu küçülten, birleştiren ve birleştiren küçük ve doğrudan bir eklentidir.Yaptığı tek şey bu.Ayarlarda JavaScript ve CSS’yi hariç tutmak için iki seçenek vardır.WP Super Minify, sadece bir Minify eklentisi olan basit ve hafif bir eklenti istiyorsanız iyi bir alternatiftir.Avantajlar, CSS/JavaScript sıkıştırmasını devre dışı bırakma seçenekleriyle küçük JavaScript, CSS ve HTML’dir.
Bu oldukça kolay ve kullanımı basittir.
Tezgah
Sayfa performansını iyileştiren daha sofistike bir eklenti var.
CSS ve JavaScript dosyalarını en aza indirin
Soldaki yönetici panelindeki Ayarlar menüsünden WP Super Minify’ı seçin.Bu sizi ana yapılandırma sayfasına götürecektir.
Bu eklentide çok fazla seçenek yok.Açılır menüden JavaScript Sıkıştırma ve CSS sıkıştırmasını seçmeniz yeterlidir.
Minifikasyon işlemini tamamlamak için “Değiştir” düğmesini tıklayın.
Fiyat
BEDAVA
