WordPress sitesindeki HTTP isteklerini azaltmanın 8 yolu
WordPress siteniz çok fazla HTTP isteği yapıyor mu? Sayfanız daha hızlı yüklenebilir! Web sitenizdeki HTTP isteklerini azaltmanın 8 yolu.
Tahmini süre okuma süresi: 8 dakika web siteniz yavaş. Sadece yavaş değil, aynı zamanda daha hızlı bir site almanın HTTP istekleriyle bir ilgisi olduğunu biliyorsunuz. Bu, diğer yeni şeyleri öğrenmeniz gerektiği anlamına gelir … ve tüm bunlar sadece WordPress sitenizin çalışmaya başlamasını sağlamaktır! Korkma, WordPress Warriors! Müthiş bloglar sizin için mevcut – işlerin çoğunu bile yaptık! Sadece bu 8 kolay yöntemi çalıştırmanız gerekir. Bu kılavuzla gösterileceği gibi, aslında çok zor değil.Sitenizdeki HTTP isteklerinin sayısını azaltmak yalnızca yükleme süresini artırmakla kalmaz, aynı zamanda kullanıcı deneyimini bir bütün olarak dramatik bir şekilde geliştirir.
Müthiş formlar en iyi WordPress form oluşturucu eklentileridir. Ücretsiz Al!
Haydi Yapalım şunu! Yükleme süresi düşündüğünüzden daha hızlıdır. HTTP isteği nedir? Nasıl azaltacağımızı göstermeden önce, HTTP’nin isteğinin tam olarak ne olduğunu bilmek önemlidir. Şimdiye kadar ne biliyorsun? Eğer buradaysanız, HTTP isteğinin sayfanın hızına çeşitli şekillerde bağlandığını bilmelisiniz. Övgü, haklısın. Ama bundan biraz daha fazlası var.
HTTP isteklerini daha iyi anlamak için, web tarayıcısındaki web sitesini ziyaret ettiğimizde ne olacağını anlayalım:
Bir web tarayıcısı kullanarak web sitesini ziyaret edersiniz.
HTTP istekleri, tarayıcınız bir dosyanın indirilmesini istediğinde gerçekleşir.
Web sitesi sunucusu, web sitesini yüklemek için gereken tüm dosyaları döndürür. Tüm dosyalar yüklendikten sonra Siteyi görüntüleyebilir ve etkileşime girebilirsiniz.
Şimdi bunun teoride çok karmaşık olmadığını fark edebilirsiniz. Web sitesinin yapması gereken ne kadar az HTTP talep ederse, o kadar hızlı yükler. Peki WordPress HTTP isteğinizi azaltmak için ne yapabilirsiniz? Araştırma yaptık ve 8 basit yol derledik.
Ancak hesaplamadan önce, isteğin HTTP’nin temel ilkelerini anlayalım:
Daha fazla dosya = daha fazla http isteği daha büyük dosya = http isteği daha uzun
İlk olarak, siteniz tarafından yüklenen dosya sayısını azaltmak istersiniz. Bu da HTTP isteklerinin sayısını azaltacak ve daha hızlı yükleme süresi üretecektir. Ardından, web sitenizdeki tüm dosyaların mümkün olduğunca küçük olduğundan emin olmak istersiniz. Daha küçük dosyalar yüklemek ve daha hızlı site yüklemesi üretmek için daha az zaman gerektirir. Görüyor musun? Her şey çok kolay. Daha az daha küçük dosya ve dosya, sitenizi hızlandırmanıza yardımcı olabilir. HTTP isteğinizi izlemek aslında web sitenizin birçok yönünü nasıl geliştirebileceğiniz konusunda size harika bilgiler verebilir.
Kendinden emin mi? WordPress siteniz hemen eskisinden daha hızlı yüklenecektir. Ama önce test. Sitenizi HTTP istekleri için test edin
WordPress sitenizde kaç HTTP isteğinin meydana geldiğini test etmenin en kolay yolu harici araçlar. Birkaç seçenek var: Pingdom veya GtMetrix gibi web araçları
Query Monitor gibi WordPress eklentileri
Bir web aracı kullanıyorsanız, tek yapmanız gereken yukarıdaki bağlantılardan birini tıklamak ve sitenizi test etmek için URL’yi girmektir. Bundan sonra, web siteniz taranacak … ve Voila! Bugün kaç HTTP isteğinin bulunduğunu görebilirsiniz. Başka birçok şeyi de görebilirsiniz. Dürüst olmak gerekirse, web sitenize çok fazla girmek verileri tarama olağanüstü olabilir. Merak sizi canlı yemedikçe, HTTP isteklerini azaltmak için bugünün hedefine odaklanalım. Pes etme! Site hızı, teknik SEO ve HTTP istekleri gibi şeyleri düşünürken WordPress sitenizdeki HTTP isteklerini azaltın, başlamak için endişe duyduğunuz sadece doğaldır. Ancak, dürüstçe söyleyebiliriz ki, ortalama WordPress kullanıcılarının bu listedeki her şeyi işleyebileceğini düşünebiliriz. HTTP isteğinizi azaltmanın yolu budur:
CSS ve JavaScript’i birleştirin
Kod kodu (HTML, CSS, JavaScript)
Tembel yükü etkinleştirin
Gereksiz resimleri sil
Görüntü dosyası boyutunu azaltın
Gereksiz eklentileri devre dışı bırakın
Harici komut dosyasını azaltın
CDN kullanın
1. CSS ve JavaScript’i birleştirin HTTP isteklerini azaltmanın bir yolu birkaç CSS ve JavaScript dosyasını birleştirmektir. CSS ve JavaScript ile nasıl çalışacağınızı bilmiyorsanız, panik yapmayın! Bunu yapmanın, CSS dosyanızı manuel olarak ayarlamayı gerektirmeyen kolay bir yolu vardır. Yeni başlayanlar için, birçok WordPress önbellek eklentisi bu özelliğe sahiptir. Bu, yalnızca eklentiyi yüklemeniz ve CSS ve JavaScript dosyalarını birleştirmek için doğru ayarları etkinleştirmeniz gerektiği anlamına gelir.
Dahası, birçok modern WordPress teması bu özelliği içeriyor! Ayarların orada olup olmadığını görmek için tema seçeneklerinize bakın. Biliyor musunuz?
Müthiş formlar sizin için çok çalışır! Eklenti üreticisi Formumuz, CSS ve JavaScript dosyalarını birleştirerek HTTP isteklerini azaltır!
2. Kodu azaltın (HTML, CSS, JavaScript) Hala tema seçeneklerinizde veya WordPress önbellek eklentisinde mi arıyorsunuz? İyi, çünkü bulabileceğiniz başka seçenekler de var: Minifikasyon. Önce Wikipedia’nın nasıl tanımladığını görelim: Minifikasyon, tüm gereksiz karakterleri kaynak koddan kaldırma sürecidir … genellikle kod okunabilirliğini artırmak için kullanılan ancak bunları yürütmek için gerekli olmayan alanlar ve yorumlar gibi şeylerdir.
Dolayısıyla, tema seçeneklerinde veya önbellek eklentilerindeki Minify ayarlarını etkinleştirdiğinizde, olan buydu! Bu, web sitesi kodunuzda gerekli olmayan yağları otomatik olarak keser. Kodu en aza indirerek, daha az ve daha kısa HTTP isteklerine ihtiyaç duyulan sitenizin daha hızlı yüklenmesini sağlar. Bu iyi bir numara, ancak bu düzgün bir şekilde kodlanmış web sitelerinin yerini almıyor. Siteniz bu listedeki her şeyi yaptıktan sonra bile sürükleniyorsa, kodunuza daha derinlere dalmak için bir geliştirici kiralamanız gerekebilir. Aramızdaki maceracılar için, CSS ve JavaScript dosyalarınızı kazmaya başlamak cazip gelebilir. Bu arzuyu almanızı şiddetle tavsiye ediyoruz!
Nihayetinde sitenize zarar veren değişiklikler yaparsanız, çok daha kötü bir durumda olacaksınız. Orada dikkatli ol.
Biliyor musunuz? Müthiş formlar JavaScript ve CSS’yi otomatik olarak en aza indirin, böylece düşünmenize gerek kalmaz. Tembel yükünüzü henüz tema seçeneği bölümünün dışında değil, değil mi? İyi. Çünkü orada HTTP isteklerini azaltabilecek bir ayar daha var. Buna tembel yük denir.
Tembel yükleme, hemen sayfada gerekli olmayan görüntülerin yüklenmesini geciktirir. Basitçe söylemek gerekirse, tembel yük web sitesinin daha hızlı yüklenmesine izin verir, çünkü yalnızca ekranda ilk başta yüklenecek olanları sağlar.
Bu nedenle, kullanıcınızın sitenize varma ve çılgınca yukarı ve aşağı kaydırma eğilimi yoksa, yavaş yükleme sitenizi çok daha hızlı hale getirebilir. WordPress tema ayarınız tembel yük içermiyorsa, endişelenmeyin. Mevcut WordPress ve tarayıcı çekirdeği ile siteniz otomatik olarak yavaş yükleme içerecektir.
4. Herkese ihtiyaç duymayan görüntüleri silin güzel görüntüleri sever. Müşteri seyahatinin her aşamasında önemlidirler. BrightLocal, tüketicilerin% 60’ının görüntüleri içeren arama sonuçlarını dikkate almaya daha istekli olduğunu buldu. Bu, müşteri web sitenize gelmeden önce bile görüntü önemlidir! Ancak, mümkünse WordPress sitemizden ek görüntüler kesmek her zaman iyi bir fikirdir. Daha az olduğu prensibini izlediyseniz, bu biraz daha kolay hale gelir. HTTP istekleri ve görüntüleri açısından, daha az … daha az! İçeride olduğu gibi, daha az resminiz varsa sitenizdeki HTTP isteklerinin sayısını azaltacaksınız.
Biliyor musunuz? Müthiş formlar, mümkün olduğunca görüntüler yerine sıkıştırılmış bir SVG kullanarak yükleme süresini azaltır.
5. Bu görüntü dosyasının daha kolay olamayan boyutunu azaltın. Resminizi daha küçük yaratın! Daha küçük görüntüler yüklemek daha az zaman alır. Görüntü kalitesi ile dosya boyutu arasında her zaman bir değiş tokuş olduğunu unutmayın. Dosya boyutlarını mümkün olduğunca azaltmak cazip olabilir, ancak bunu yaparsanız, görüntünüz biraz düşük görünebilir. Bunu hatırlayarak, resimlerinizi daha küçük hale getirmenin bazı kolay yolları: Yerleşim Ayarları Görüntü: Görüntünüzü Adobe Photoshop veya Illustrator’da oluştururken (depolama veya dışa aktarırken), boyut ve kalite için en iyi ayarlara dikkat edin. Resim bir fotoğrafsa, orta kaliteli bir JPG seçin. Görüntü bir vektör görüntüsü ise, PNG olarak kaydedin. Web Hizmetlerini Kullan: Belki siteniz için kullanmak istediğiniz resmi bulabilirsiniz. Mükemmel! Sadece bir sorun – bu çok büyük! Photoshop’u nasıl kullanacağınızı bilmiyorsanız, picressionze.com gibi web sitelerini deneyin. 6. WordPress sitenizde çok fazla eklenti olması gerekmeyen eklentileri devre dışı bırakın, her zaman zorlu olarak bahsettiğimiz bir şeydir. Sitenizdeki HTTP isteği sayısını azaltmaya çalışırken dikkate alınması gereken 2 şey vardır.
Yüklü eklenti sayısı
Tabii ki, eklenti sayısını sınırlamak başlamak için iyi bir yerdir. Kullanmadığınız eklenti kurulumunu devre dışı bırakın ve silin.
Ancak dikkate alınması gereken başka şeyler de var. Yüksek CPU eklentileri birçok HTTP isteğini gerçekleştirebilir. Monitör sorgu eklentisinin tekrar yararlı olabileceği yer burasıdır. Sorgu Monitörü, hangi eklentilerin en çok kaynağı kullandığını kontrol etmenizi sağlar. Çok kullanışlı! Genel Kurallar: Diğer web sitelerinden harici istekler kullanan, devam eden işlemleri gerçekleştiren veya yüklenmesi uzun zaman alan eklentilerden kaçının. Örneğin, sosyal medya eklentileri ünlü ihlal edenlerdir, çünkü siteniz ve sosyal siteler arasındaki bağlantılara güvenirler. Aslında, birçok sosyal medya eklentisi yukarıda belirtilen üç günahtan suçlu olacak! Mümkünse onlardan kaçının. Devamını Oku: Önbellekleme Kullanarak Müthiş mi? 7. Harici komut dosyasını azaltın Harici komut dosyaları, diğer web sitelerinden ilginç bir taleptir. Bunu düşünmeyebilirsiniz, ancak harici komut dosyasının WordPress sitenizde çalışması muhtemeldir. Harici senaryo kötü mü? Şart değil. İnsanların siteleriyle inanılmaz şeyler yapmalarına yardımcı olabilirler. Sadece sitenizde onlardan çok fazla koşmak HTTP talebinde bir artışa neden olacak. İşte birçok WordPress sitesi tarafından çalıştırılmaya devam eden bazı harici komut dosyaları örnekleri: Google (AdSense, Analytics, vb.) Video gömülü
Gömülü widget + gönderi
Sosyal Paylaşım Eklentileri
Aslında, kullanıcıların daha az HTTP istekleri gerektirirken harici bir komut dosyası çalıştırmasına izin veren bir çözüm var.Ama teknik olarak çok hızlı talep etti.Ancak yapabileceğiniz teknik olmayan bir şey var: sadece gerçekten ihtiyaç duyulanlar için harici bağlantıları sınırlamaya çalışın.Bunu yapmak için problemleri çözmede yaratıcı olabilirsiniz.Örneğin, Google Haritalar eklentisini kullanmak yerine bir harita ekran görüntüleri alıp gönderebilirsiniz.Bir görüntü dosyası, hemen hemen her durumda eklentilerden daha az HTTP isteği gerektirir.Bu tür bir yaratıcılık, harici bağlantılara çok bağlı olmayacak şekilde sitenizde uygulanabilir.8. CDN kullanın CDN giderek daha popüler hale geliyor. Ve iyi nedenlerle! Site hızını arttırırlar, ayrıca Sitenin ve SEO’nun güvenilirliğini artırırlar. CDN, içerik dağıtım ağının kısaltmasıdır. Kulağa karmaşık geliyor, ancak bu sadece web sitesinin yüklenme şeklini optimize eden akıllı bir çözüm. CDN yöntemi saha hızını arttırır çok karmaşık değildir. Kullanıcıların coğrafi olarak bulunduğu yere göre kullanıcılara web sitesi içeriği önbelleği göndererek çalışırlar. Başka bir faktör var, ancak amacımız için sadece CDN’nin sitemizin daha az HTTP istekleri yapmasına yardımcı olabileceğini bilmemiz gerekiyor. Neyse ki, CDN’nin artan popülaritesi nedeniyle, ortalama WordPress kullanıcıları tarafından çok daha kolay erişilebilir hale geldiler. StackPath (daha önce MaxCDN) ve Cloudflare gibi birçok harika CDN seçeneği vardır. Doğru yapılandırılan CDN’ler site hızında çok iyi çalışabilir. Dikkat edilmesi gereken bir şey: CDN ücretsiz değildir ve genellikle ayda yaklaşık 10 USD değerindedir. Olağanüstü yolculuğu sarın! Şimdi, web sitenizdeki HTTP isteklerinin sayısını azaltmış olmalısınız. Bakım – Site hızı SEO ve kullanıcı deneyimi için büyük bir faktördür. Bu makaleyi yararlı, komik ve özlü bulursunuz. Tekrar görüşürüz, herkese mutlu wordpress! Devamını Oku: WordPress’in Optimize Edilmesi WordPress Sitesi performansını iyileştirmek için nasıl optimize edilir
WordPress Eklentisi: Sitenizin çok fazla var mı?
2020’de indirilecek en iyi 20 WordPress eklentisi
WordPress sitelerinde hesap makinelerini kullanmanın 6 yolu
