WordPress’te HTTP/S talebi nasıl azaltılır
Sayfa yükleme süresi, özellikle özel bir görüntü, dinamik içerik ve daha fazla videoya sahip ziyaretçileri etkilemenin yeni bir yolunu bulduğunuzda, web geliştiricilerinin endişesi olacaktır. Bunun nedeni, her yeni varlık eklenmesiyle, sitenizin ziyaretçinizin tarayıcısıyla iletişim kurmak için ek bir HTTPS isteği yapması gerekir. Ve insanlar HTTPS istekleri yavaş yavaş sitenizi yavaşlatacak … Wayyyy yollar düşüyor. Bu kılavuz, HTTPS sunucu isteğinin ne olduğunu, izlemek için kullanmanız gereken aracı ve ardından WordPress’teki isteği azaltabileceğinizi tartışacaktır.
Sitenizi daha hızlı hale getirmek ister misiniz? Detaylı kılavuzumuza bakın “WordPress’i hızlandırmak için ana mega kılavuz.” HTTP sunucusu isteği nedir ve bu kullanıcı deneyimi için önemli mi? Kullanıcı deneyiminden daha önemli bir şey yoktur. Bu, ziyaretçilere blogunuza abone olmaları, ürünlerinizi satın almaları veya hizmetleriniz hakkında daha fazla bilgi bulmaları için ilham veren şey budur. Bu deneyime müdahale eden her şey – yüklenmesi sadece birkaç saniye süren bir web sayfası olsa bile – dönüşüm seviyenizi tehlikeye atabilir. Yani, HTTPS sunucu istekleri ve neden olduğu hakkında bilmeniz gereken şey budur:
Birisi web sitenizi her ziyaret ettiğinde … çizin. Birisi web sayfalarınızdan birini her ziyaret ettiğinde (ve sitenizde ne kadar olduğunu düşündüğünde), tarayıcıları web sitenize bir istek gönderir: “Hey, uh, bana tüm dosyaları sitenizden gönderebilir misiniz, böylece prospektifle paylaşabilirim Ziyaretçiler/Okuyucular/Müşteriler? ” Siteniz, web sitenizi içeren her dosyayı göndermekten sorumludur. Buna metin, resimler (genellikle dosyalar olan), Semanan videoları, CSS ve JavaScript dosyaları ve hatta yorumlarınızda görünen Gravatar görüntüleri dahildir. Ve her dosya ayrı bir sunucu isteği alır. Tüm sunucu istekleri işlendikten ve dosyalar tarayıcıya aktarıldıktan sonra, web siteniz ziyaretçi ekranınıza yüklenebilir. Ancak WordPress sitenizde ziyaretçinizin tarayıcısına düzinelerce hatta yüzlerce dosya varsa, sayfa açık saatinde ne etkisi olduğunu düşünüyorsunuz? Hiçbir şey iyi değildir. Ve siteniz giderek daha popüler olduğunda ve HTTPS sunucusu istekleri aynı anda aldığında katlanarak daha da kötüleşir. Örnek Örnek: Sayfayı yüklemek için üç saniyeden fazla beklemek zorunda kalırlarsa, insanların% 40’ı web sitesine sabır kaybeder. KissMetrics ayrıca, ziyaretçilerin kendisine katıldığı zaman sayfa yanıtında bir saniyelik gecikmenin dönüşümde% 7’ye mal olabileceğini bildirdi.
Bu nedenle, yükleme süresinin taze kalmasını istiyorsanız, tarayıcıya kaç dosyanın aktarılması gerektiğini azaltmanın bir yolunu bulmanız gerekir. O zaman çözüm, daha az görüntü veya dinamik içerik kullanmak veya tasarımınızla çok az olmak değildir, bu nedenle çok sıkıcıdır. Dosya boyutu ve önemli dosya sayısı olmasına rağmen, WordPress’te bununla uğraşmanın birkaç yolu vardır. HTTPS sunucu isteklerini ve neyse ki ilgili sorunları izlemek için araçlar, burada tahmin oynamaya gerek yok. Beyaz ölüm ekranını gördüğünüz ziyaretçiler gibi değil ve buna neyin sebep olduğunu bilmiyorsunuz. Sitenizi yüklerken zaman gecikmesinin kaynağını izlemenize yardımcı olacak bir dizi araç var. Her bir öğenin performansının ne kadar sürdüğünü görmek istiyorsanız, biraz daha güvenilir (ve ücretsiz): Google Chrome Geliştirici Aracı ve WordPress sitenizdeki dosyalar, Chrome Tarayıcı penceresinde açmak için zaman ayırın. Oraya vardığınızda, geliştirici adı verilen ayar sekmesine gidin.
Yeni panel ekranınızın sağ tarafında açılacak. Ağ sekmesine tıklayın ve buradan sayfanızda neler olduğunu inceleyebilirsiniz.
Diğerini tutan bir özel şey olup olmadığını görmek için bireysel unsurların zamanında daha derin izleyebilirsiniz.
Pingdom Pingdom, nasıl çalıştığı ve sağladığı bilgilerdeki GTMetrix’e çok benzer. İki araç arasındaki temel fark, sonuçları verme hızı olabilir. Oh, ve arayüz görmek biraz daha iyi. Değilse, her iki sitenin neredeyse tamamen aynı değerlendirmesini alacaksınız – sitenizin sorunlarını değerlendirmek için zaman kazanmanız gerekiyorsa ve çalışmayan şeyleri daraltmak istiyorsanız. Web Sayfası Testleri Ayrıca WebPagetest’i buraya atmak istiyorum.
Site biraz sakar ve sonuçların diğer bazı araçlar gibi okunması kolay olmasa da, her dosyanın yüklenmesini ne kadar sürdüğünü göstermek için kullanılan çubuk grafiğini seviyorum. Bu sayfada ve orada çok fazla veri olsa da Sorunların nasıl çözüleceğine dair hiçbir ipucu değil, belirli yavaşlama, hala daha şiddetli elementlerin görselleştirilmesini düşünüyorum.Sitenizdeki sorunlu öğeleri daraltmak için bunu her zaman bir Google geliştirici aracı ile birlikte kullanabilirsiniz.WordPress Siteniz için HTTPS Sunucusu İsteklerinin Sayısı Nasıl Azaltılır Web sitenizdeki sorunlu alanları nasıl tanımlayacağınızı bildikten sonra, baştan beri kapsamlı bir sorunun üstesinden nasıl geleceğiniz hakkında konuşalım: WordPress siteniz için HTTPS sunucu isteklerinin sayısını azaltma .İşte daha makul bir miktarda tutmak için şimdi yapabileceğiniz 9 şey: 1. Gereksiz görüntüleri silin HTTPS sunucu isteklerini azaltmak için görüntüleri feda etmeye başlamanız gerektiğini söylemiyorum.Bunun yerine, medya kütüphanenizi çok temiz koşullarda tutmaya odaklanmalısınız.Yani, kullanmadığınız görüntüler varsa – gelecekte kullanmayı umsanız bile – atın.Sitenizin ihtiyaç duymadığı ekstra ağırlık ve sunucu istekleri eklemekten başka bir şey yapmazlar.2. Yukarıdaki sayfa hız değerlendirme aracında bulduklarınızla şaşırmanız gerekmeyen diğer dosyaları silin.Size sorunlara neden olan bir resim değil, sosyal medya yem eklentisi veya sabitlenmiş video gibi bir şey olduğunu söyleyebilirler.Sitenizde gerekli olmadığını düşündüğünüz ve şişkinliğe neden olduğunu düşündüğünüz bir şey varsa, atın.Bu, yüklediğiniz ancak bugün kullanılmadığınız eklentileri ve temaları içerir.3. Dosya boyutunu azaltın Yapmanız gereken başka bir şey mi? WP Smush eklentisini ve sitenizin görüntü sıkıştırma otomasyonunu alın. Güzel yüksek çözünürlüklü görüntüleri sitenizde saklamak istiyorsanız ve kalite sağlam kalırsa, onu sıkıştırmanız gerekir. 4. CSS kullanarak bir CSS görüntü sprite oluşturun, CSS Sprite olarak bilinen şeyi yapabilirsiniz. Temel olarak, bu CSS dosyası tüm resim dosyalarınızı bir araya getirecektir. Kendiniz yapmak için W3 okullarından bu kılavuzu kullanın. 5. Tembel Yükleme Hiç tembel yüklemeyi duydunuz mu? Değilse, Raelene Morey’den bu makaleye bakın. Temel olarak, bu eklenti yalnızca kullanıcı sayfadaki görüntüyü eğittiğinde bir sunucu isteği gönderir. Bu, web sitenizi, ziyaretçileriniz tarafından hiç bulunmayan görüntüler için bir tarayıcıya gitmesi gerekmeyen HTTP sunucu istekleri gönderme gerekliliğinden kaydeder. 6. IrelevanPlugin Varlıklarını Yoksay WP Varlık Temizliği, Tembel Yükleme Eklentisinin çalışma şekline benzer şekilde çalışır. Ancak, görülmeyen görüntüler için sunucu isteklerinin gecikmesine odaklanmak yerine, bu eklenti, temanızdaki eklentiler, dosyalar veya diğer varlıkların ne zaman olduğunu tespit eder, ancak o sayfada değildir. Bu, varlığın sayfada yüklenmemesini ve tespit edilmesini sağladı; Böylece, tarayıcıya çıkması gereken sunucu isteklerinin sayısını azaltmak. 7. Sinek kuşları kullanın Önbellek eklentisi, özellikle oraya birçok kez dönen ziyaretçilere güveniyorsanız, WordPress web sitesi için mutlak bir zorunluluktur. Geri dönen ziyaretçiler için, hiçbir şey değişmediyse aynı sunucu isteğini işlemeniz gerekmez, bu nedenle önbellek eklentisi bunu yapma ihtiyacını silecektir. Hummingbird WPMU Dev eklentisi bunun için çok uygundur. Önbellek tarayıcısını yönetmeye ek olarak, dosya sıkıştırma, CSS, JavaScript ve HTML minifikasyonu da işler ve ayrıca her şeyi hızlandırmak için CDN ekler. Sitenizin hız durumunu değerlendirmek için yukarıdaki üçüncü taraflardan birini kullanmak istemiyorsanız, performans raporlarına da erişiminiz olacaktır. 8. CSS ve JavaScript dosyalarını birleştirin WordPress web siteleri, dolaşan birçok CSS ve JavaScript dosyası olmalıdır. Her dosyayı ziyaretçinizin tarayıcısına ayrı bir sunucu isteği olarak göndermeye devam etmek yerine, bunu tek bir dosyada birleştirebilirsiniz. Birleşik CSS dosyanızın web sitesi başlığınızda olması gerektiğini unutmayın. JavaScript dosyanız altbilgiyi girmelidir. 9. Bundan en yaygın örnek harici görüntünün sınırlandırılması bir blogun yorum yeminde görünür. Varsayılan WordPress yorum sisteminin yerine izin verirseniz, sistemin fotoğraf ve BIOS çizmek için otomatik olarak Gravatar’ı (diğer otomatik özellik) kullanacağını biliyor muydunuz?
Fotoğraflar daha sonra tarayıcıya göndermeniz gereken ek bir sunucu isteği haline gelir ve popüler bir blog çalıştırırsanız dağınık olabilir.Eklenti hakkında yorum yapmak bu problemden kaçınmanıza yardımcı olacaktır.Wrap oh, WordPress web sitesini geliştirdiğiniz için mutluyum.WordPress’te yapılabilecek çok şey var, ancak tarayıcının gözünde sadece her şeyi işlemeye çalışan tüm güzel temaların, havalı eklentilerin ve şaşırtıcı görüntülerin nasıl aşırı olabileceğini unutmak kolaydır.Ancak, Korkmayın: Hız izleme cihazını yakınınızdan saklarsanız ve yukarıdaki sunucu isteği azaltmasındaki dokuz ipucuna uyursanız, sitenizin performansı iyi olacaktır. Sitede yavaşlamaya neden olan karşılaştı mı? Etiket: sunucu