Hızlı bir WordPress teması nasıl seçilir
Hızlı bir WordPress sitesi mi istiyorsunuz? Geliştirici değil mi? Bu, tema seçimlerinizi daha önemli hale getirir, eğer değilse, sitenizin performansı çok rahatsız olacaktır. Ama satın almadan önce, istediğiniz tema hızlı olacaksa nasıl biliyorsunuz? Bu kesinlikle karmaşık olabilir, ancak burada size yardımcı olacak bazı yönergeler vardır. Sadece temalar için alışverişe gittiğinizde ihtiyacınız olanı satın alın, site içeriğinizi planlamalısınız, böylece ne aradığınızı bilmek. Bunu yapmadıysanız, şimdi dur ve git. Bu “Şaka yapmıyorum” sesi.
Değilse, nihayet her şeyi yapabileceğinizi söyleyen “Multi Guna” temasını satın alacağınızı garanti ederim, çünkü sitenizin gerçekten neye ihtiyacı olduğunu bilmiyorsunuz. Bu en hızlı seçim olmayacak! Ayrıca, temanın sitenizin sadece başlangıç noktası olduğunu unutmayın. Kesinlikle çok fazla eklenti ekleyeceksiniz, bunlardan bazıları açık sürenize önemli ölçüde ekleyecek. Yani, taban hattınızın mümkün olduğunca ince ve hızlı olmasını istiyorsunuz. Demo Hız Testi Teması Her tema bir demo sitesine sahiptir – bu, nasıl çalıştığını ve görünümünü görebilmeniz için temayı çalıştıran bir sitedir. Yani yapılacak ilk şey gösteri hızı testidir. Ve sadece Google PagePeed Insights aracılığıyla çalıştırmakla kalmayıp, hızı bile ölçmeyen test hızını test etmek demek istiyorum!
Burada, WP Rocket’te test için bir pingdom kullanıyoruz. Bu, okunması kolay ve GTMetrix’ten daha doğru bilgiler üretir. WebPagetest de iyi bir seçimdir, ancak bilgilerin sunumu biraz daha az dostu olmasına rağmen. Ancak sadece birini seçin ve tutarlı bir şekilde kullanın, bu kılavuza göre, web sitenizin bir ana sayfadan daha fazlası olduğunu unutmayın, bu nedenle demoda birkaç sayfayı test etmeniz gerekir. Temel bir bilgi tarzı sitesi veya “broşür” oluşturuyorsanız, yalnızca ana sayfa artı dahili sayfaları test etmeniz gerekebilir. Sitenizde bir blog varsa, ana blog sayfasını ve bir yayını test ettiğinizden de emin olun. Ve elbette, bir E-Niaga sitesi inşa ediyorsanız, ürün sayfalarını da test ediyorsanız. Ne kadar hızlı olmalı? Söylemek zor, ancak birçok parça, birçok resim, belki 3 saniye veya daha az içerik içeren ana sayfa için. Hız, CDN, önbellekleme vb. Kullanıyor olsun, test için kullandığınız yere ve demo sitesinin yayınlandığı yere göre değişebilir. Dolayısıyla kurallar belirlenmez, ancak temalar başına biraz test yaparsanız ve sonuçları karşılaştırırsanız, önemli bir hız avantajı olan veya her şeyin çok benzerse hangisini görebilirsiniz. Bir blog yazısı veya bir ürün sayfası verandadan daha hızlı yüklenmelidir. Portföy sayfası daha uzun sürebilir çünkü birçok resim olacaktır.
HTTP Sayısı İstekler İstek sayısı, tarayıcınızın sunucuya kaç kez dosya istemesi gerektiği anlamına gelir (resim, CSS dosyası, vb.). Ne kadar çok dosya istenirse, genellikle gereken süre daha uzun. Bu kural zor ve hızlı değildir, çünkü çoğu zaman en önemlisi isteğin büyüklüğüdür (aşağıya bakınız). Ancak her şey neredeyse aynı, daha az talep daha hızlı olmalı. Nasıl çalıştığını öğrenmek için – barda olduğunuzu, içecek sipariş ettiğini hayal edin. Diyelim ki, 2 bira sipariş ederseniz, barmen (sunucu) çok verimli olabilir, hızlı bir şekilde alın ve aynı anda ikinize de teslim edin. Siz (tarayıcı) uzun süre beklemeyeceksiniz ve her ikisini de bir araya getirebilirsiniz (belki 2 eliniz var). Ama ya 10 içki sipariş ederseniz, tüm arkadaşlarınız için? Daha uzun sürecektir, çünkü sadece 2 içecek taşıyabilirsiniz, teslim etmek için birkaç kez ileri geri gitmeniz gerekir. Aslında, web sunucunuz size aynı anda bazı “içecekler” verebilir ve tarayıcı bir kerede “taşıyabilir”, bu nedenle yaklaşık 60 veya daha fazla istek işlenmesi çok uzun sürmez, ancak web sayfalarınız yaparsa, 80+ istek, bir birikmiş işleme deneyimlemeye başlayacaktır. Son zamanlarda müşterilerimizin birkaç ana sayfasını hızlı bir şekilde kontrol ettik ve her şey 60 talebin altına geldi.
Gelecekte bu konuda çok fazla endişelenmenize gerek yok. Yeni “Bar” türü gelecek, “bira büfesi” içeceğine eşdeğer olacak HTTP/2 olarak adlandırılacak! Ancak yaygın olarak mevcut olana kadar, HTTP isteklerinin sayısı faktördür.
Toplam sayfanın boyutu basittir, sayfalarınızı içeren daha fazla veri – görüntü, dosya, vb. -, ziyaretçinin tarayıcısına indirmek için gereken süre ne kadar uzun olur. Böylece sayfanızın boyutu ne kadar küçük olursa, daha hızlı. Sayfanızın boyutu, tıpkı bilgisayarınızdaki dosya gibi KB ve MB olarak ölçülür. Referans olarak, en hızlı sayfa 1MB’dan daha az veri içerir. 2MB’yi aşarsanız, bu hissi hızlı tutmak için çok iyi bir barındırma ve önbelleklemeye sahip olmalısınız. Barmen senaryomuza geri dönün, sipariş ettiğiniz her şey sadece bir bira şişesi ise, miktar büyük olsa bile, barmeniniz hızlı bir şekilde alabilir Ve hızlı bir şekilde gönderebilirsiniz çünkü hafif ve taşıması kolaydır. Peki ya bir varil, hatta birkaç varil sipariş ederseniz? Hareket etmek çok daha ağır ve daha yavaş, bu yüzden onu elde etmek için yeterince bekleyeceksiniz ve göndermek için daha fazla zamana ihtiyacınız olacak.
Ne düşündüğünü biliyorum, barda kim varil sipariş etti? Ancak, 4MB bir web sayfası yapmak bir bira sipariş etmekle aynıdır ve maalesef birçok kişi bunu yapar! Bu büyük sayfanın indirilmesi uzun zaman alacak ve ziyaretçileriniz özellikle mobil cihazlar kullanıyorlarsa, huzursuz olmaya başlayacak.
Bu nedenle, dergi tarzı haber teması olağanüstü görünse de, büyük bir mini ana sayfa çizim ızgarası ile, her biri resim içeren 30 hikaye gösteriyor … orada tüm içeriğe ihtiyacınız olup olmadığını düşünün. Ana sayfanızın şeker kamışı düştüğü kadar yavaş olmayacak şekilde tüm bu küçük resimleri optimize etmeye hazır mısınız? Örneğin, gerçek hayatın örnekleri, birkaç temanın bir gözüne bakalım, Metro (Genesis için Çocukların Teması) ve Avada (çok amaçlı temalar) ve her biri için bir blog yayınını karşılaştıralım. Birkaç kez test ediyorum ve her durumda en hızlı sonuçları veren sunucunun konumunu kullanıyorum.
Genesis için Metro Çocuk Temaları: 722ms
Gördüğünüz gibi, Metro yaklaşık% 100 daha hızlı. Bu tek yazı sayfasının örnekleri tesadüf değildir, test ettiğiniz neredeyse tüm sayfalar daha hızlıdır. Bu örnekte Avada, tipik bir metro bira şişesinin büyüklüğüne kıyasla küçük bir bira namlusuna eşdeğer görünüyor. Metro neden daha hızlı? Metroda istek miktarı ve genel sayfa boyutu çok daha düşüktür, bu nedenle sayfa kesinlikle daha hızlı olacaktır. Avada sayfası tasarımı açıkça daha fazla dahildir – örneğin, altta ilgili gönderme kaydırıcıları, yanda ve altbilgide birçok widget var, vb. Yani bu açıdan, yüklenmesi daha uzun bir süre bekleyeceksiniz.
Yani, değiş tokuş olacak. Avada gibi tüm çan ve ıslıklarla süper düzgün bir tasarım istiyorsanız, sitenizin performansı biraz rahatsız olacaktır. Bu nedenle, değiş tokuşun orantılı olup olmadığına karar vermelisiniz. Ne kontrol edebilirsin? Temayı gördüğünüzde, neleri kontrol edebileceğinizi görmelisiniz. Örneğin, Avada ile, istemiyorsanız yan çubuğu widget ile yüklemenize gerek yoktur. Çoğu insan sitelerinin bir demo gibi görünmesini ister, ancak bir hız seçimi yaparak daha ince hale getirmeyi seçebilirsiniz. Pingdom’da sayfa analizini görmek biraz daha fazla bilgi sağlayabilir. Yüklü JS ve CSS sayısına ve ayrıca genel görüntünün toplam ve boyutuna dikkat edin. Resim üzerinde daha fazla kontrole sahipsiniz, çünkü kendi resminizi kullanacaksınız ve mümkün olduğunca sıkıştırabilirsiniz. Ancak, kontrol ettiğiniz JavaScript ve CSS, temaya daha bağlı olduğu için daha az olacaktır. İlgili yayın gibi belirli özellikleri kapatırsanız, özel olarak herhangi bir JS dosyasının tekrar yüklenmeyeceğini ve böylece sayfayı daha verimli hale getireceğini umuyorsunuz. Ama önceden bilmek zor. Bu nedenle, CSS ve JS için gördüğünüz boyutun daha sabit olacağını ve kullanılan resim üzerinde daha fazla kontrole sahip olacağınızı bilmek daha güvenlidir. Metro Page Avocianisis Analizi sayfası
