Yavaş Web Performansının İşinize Zarar Vermesinin Altı Yolu

Sayfanızın yüklenmesi için geçen her ekstra saniye işletmenize zarar verir. Her saniye daha hızlı, sizi rakiplerinizin üstüne çıkarır. Performanstan ödün vermeyen yüksek teknoloji, son derece özelleştirilmiş web sitelerine ihtiyaç duyan müşteriler için XWP'de her gün bununla uğraşıyoruz.

Bir web sektörü profesyoneli olarak, sayfa hızının önemli olduğunu bilirsiniz, ancak bu sektördeki çoğumuz için genellikle sonradan düşünülen bir şeydir. İşlevsellik oluşturuyoruz, kullanıcı arayüzünü iyileştiriyoruz, yeni teknolojileri entegre ediyoruz ve ardından sayfa hızımıza ne olduğunu görmek için kontrol ediyoruz. Bu nedenle, XWP'deki ekibimiz, sizin için düşünmek üzere dünyanın dört bir yanındaki uzmanlardan seçilmiştir.

Kısacası, hızlı bir web sitesine sahip olmak çok önemlidir. Sayfa içi ve teslim performansı ikinci düzey bir odak noktası olmamalıdır. Dijital stratejinin çekirdeğinin bir parçası olmalıdır.

Paket boyutlandırma, kaynak önceliklendirme veya cihaz optimizasyonları gibi kritik teknik ayrıntılar karmaşık konular olsa da, kullanıcı deneyimine odaklanmadan yanlış gidebilecek çok şey var. Performansın web sitesi yatırım getirisi metrikleri üzerindeki ölçülebilir ve üzerinde çok çalışılmış etkisi ile hıza önem vermemiz gerekiyor.

"Çağla. Chug. Chug. Şuna bak! Bu Javascript üretimde oldukça ağır!”

XWP'nin Heavy'deki arkadaşları, en erken ilişkimizden beri her projenin bir ayağı olarak yüksek performans sergilediler. Ya tüm çalışmaların içinden geçmesi gereken bir filtre ya da çalışmanın odak noktası olmuştur. Niye ya? Çünkü site ziyaretçisi yüklenmeyen özelliği/ürün/makaleyi asla görmez.

Endüstri Örneği

XWP'nin ön uç performansına odaklanması, Google Lighthouse metriklerini doğrudan etkiler. Heavy, Google Hız Güncellemesi'nin kullanıma sunulmasından sonra oturumlarda %27'lik bir artış yaşadı.

Kullanıma sunulduktan sonraki ilk ayda ölçülen artış:

Bunların hiçbiri yeni değil, ancak kendimizi sık sık bu konuya dönerek ve nedenini kendimize hatırlatırken buluyoruz. Sağlıklı beslenmek gibi. Hepimiz bunun gerekli olduğunu biliyoruz, ancak doymuş yağların ve şekerlerin yaşamının gerçekliğinin sağlığımız üzerinde ne gibi etkileri olacağını kendimize hatırlatmamız gerekiyor. Vücudumuz gibi, web sitemizin abur cuburlarını beslememeliyiz.

İşte mükemmel performans sağlayan kod geliştirme taahhüdümüzü haklı çıkarırken kendimize hatırlatan bazı şeyler.

1: Arama Keşfi'ndeki İyileştirmeler (ve Cezalar)

Arama motorlarının insanlara “doğru şeyleri” sunma işinde olduğunu düşünen tek kişi siz değilsiniz.

Tek yaptıklarının bu olduğunu düşünmek yanlış olur. Şunların işindeler:

1. Doğru şeylere hizmet etmek
2. Ziyaretçinin de tüketebileceği doğru şeyleri sunmak.

Google, Bing ve diğerleri, içerik ne kadar iyi olursa olsun, kullanıcı içerik yüklenmeden önce ayrılırsa bir kullanıcıyı bir siteye göndermemeyi tercih eder.

Bir web sayfasının içeriğinin aradığınız her şeye sahip olup olmadığı, onu okuyacak kadar uzun süre takılmazsanız önemli değildir.

Google, 2018'den beri hızlı deneyimlere öncelik veren algoritmaları konusunda şeffaf olmuştur.

Bunun çoğu, sınırlı kaynaklar için savaşan resimler, stil sayfaları ve komut dosyalarıyla ilgilidir. Son derece hızlı işlemcilere ve bellek yığınlarına sahip amiral gemisi telefonlarda bile, dünyanın dört bir yanındaki mobil internet sivilceli.

Bunu oldukça açık bir şekilde duyurmasına rağmen, siteler çok yavaş. Arama ekibinden:

"Araştırmamız ufuk açıcı oldu. Analiz ettiğimiz mobil açılış sayfalarının %70'i için ekranın üst kısmındaki görsel içeriğin ekranda görüntülenmesi beş saniyeden fazla sürdü ve ekranın üst ve alt kısmındaki tüm görsel içeriğin tam olarak yüklenmesi yedi saniyeden fazla sürdü."

Kaynaklara öncelik vermemek, kullanıcılarınızın orada oturup beklediği anlamına gelir. Ve bekliyorum. Ve bekliyorum. Ve sonra içerik belki görüntülenir. Ve çoğu zaman, pop-up'lar ilerlemelerini ve etkileşim kurmalarını engelliyor. Google, bunun bir hayır olduğu ve arama sıralamasında cezalandıracağı konusunda net.

TL; DR: Daha hızlı, kullanımı daha kolay sayfalar daha üst sıralarda yer alır.

2: Hemen Çıkma Oranının acısı

Bir arama motoru sayfanızı tercih etmiyorsa, bunun nedeni site ziyaretçilerinin sayfanızı beğenmemesidir. İnsanlar sayfa hızı nedeniyle sitenizden "sıçrayıyor"sa, bu iyi değildir. Araştırmalar, sayfa yükleme süresi arttıkça hemen çıkma oranının istikrarlı bir şekilde arttığını gösteriyor.

“Bulduğumuz şey, şaşırtıcı olmayan bir şekilde, bir sayfanın yüklenme süresinin hemen çıkma oranını doğrudan etkilediğiydi. Sayfa yükleme süresi 3 saniyeyi geçer geçmez, hemen çıkma oranı 5 saniyeye ulaştığında %38'e yükselir!”

3: Artan e-Ticaret Dönüşümü

Hemen çıkma oranından sonra, bu sadece bir başka bariz gerçektir. Hızlı bir web deneyimi, daha iyi e-ticaret dönüşümlerine katkıda bulunur.

• İşletmenize güven ve güven duygusu aşılar. “Web sitesi iyiyse, müşterilerini önemseyen bir şirket tarafından yönetilmelidir. Bu insanlara güveniyorum!”
• Sabırsızlık. Modern web kullanıcıları etrafta beklemekten rahatsız olamazlar. Başka bir şeye geçecekler – AKA bir yarışma.
• Fikirlerini değiştirmek için daha az zaman verir. Tüm çevrimiçi satın alma işlemleri gerekli değildir. İnsanlar, yeterli zamanları varsa, hemen hemen her satın alma işleminin dışında düşünebilirler .

Müşterilerin %47'si bir web sayfasının 2 saniye veya daha kısa sürede yüklenmesini bekliyor.

Basit bir egzersiz yapalım. Bir kutuda yatak e-ticaret mağazanız olduğunu varsayalım. Ortalama satışınız, bir site ziyaretçisinin satışa dönüşüm oranı %1,5 ile 700$'dır. Çeşitli pazarlama çalışmalarıyla 10 bin kişinin URL'nize tıklamasını sağlıyorsunuz. Yaklaşık 3,3 saniyede yüklenen ortalama bir siteniz varsa, bunların %11'i web sitenizi görmeyecek, çünkü hemen çıkacaklar ve 133 satış yapacaksınız. Site hızını yalnızca bir saniye artırırsanız, sitenizi %5 daha fazla kişi görür, ancak dönüşüm oranınız da muhtemelen %0,4 artarak %1,9'a yükselir ve ek 45 satış daha sağlar. Hepsini toplayarak 30K$ daha fazla gelir elde ediyoruz, bu da %30'luk bir iş artışı anlamına geliyor.

Ek olarak, e-ticaret siteleriyle (Pressable gibi) yakın çalışan ve aboneliğinizin sağladığı katma değerden yararlanan yönetilen bir WordPress barındırma ortağı seçebilirsiniz: Jetpack Security Daily, performans iyileştirmelerinin ötesinde, genişletilmiş dahil olmak üzere bir çok avantajla birlikte gelir. güvenlik ve kötü amaçlı yazılım taraması. Jilt Email Marketing'e eklenen indirimler, alışveriş sepetini terk etmenin etkilerini en aza indirmek için ekstra yardım olarak da memnuniyetle karşılanmaktadır.

4: Marka Varlığına Yönelik Tehditler

Ürün kalitesi ve müşteri deneyimi, marka değerine (hedef pazarlarınızın markanıza ilişkin bilişsel algısının ölçeği ve kalitesi) en önemli iki katkıdır. Pazarlama çabaları yalnızca marka denkliği oluşturmada bir yere kadar gider. Meşru müşteri deneyimi, bir markanın uzun vadeli gücünü oluşturan (veya yok eden) şeydir.

İşletmelerin çoğu için dijital deneyim tek müşteri deneyimidir. Tek deneyim olmasa bile, büyük bir katkı sağlıyor. Sorunsuz ve hızlı bir müşteri deneyimi sunmak, kullanıcının markanıza ilişkin algısını yükseltir.

Endüstri Örneği

GOAT, tüm şablonları Native AMP olarak oluşturulmuş, performans odaklı bir tema tarafından desteklenen bir PWA sitesi olarak yayına giren Nova Entertainment sitelerinin ilkidir.

5: Sürdürülebilirlik ve Uzun Ömür

Bu daha çok 'bağlıdır' kategorisine giriyor. Sayfa performansı, iyi veya kötü, bir şeyden kaynaklanır. Çoğu zaman , deneyimlerimize göre iyi kod, performans kodudur. İyi kod, sistemin iyi bir şekilde tasarlandığını ve yapısı sayesinde, özen ve uygun dokümantasyonun sorumlu bir ekip tarafından kolayca sağlanabileceğini gösterir. Performansa odaklanmak, işleri doğru yapmaya odaklanmak demektir. İşleri doğru yaparak sitenizin kod tabanının kalitesi iyileşir ve bu da tüm sistemin bakımını kolaylaştırır.

6: Çevre

Evet! Gerçek için.

Bunu yaklaşık 12 ay önce anladık. Oluşturduğumuz bu web siteleri, fiziksel donanımdan yararlanıyor, hiç görmesek bile, dünyanın her yerinde çalışıyor. Bu makineleri çalıştıran elektrik, çoğu zaman yenilenemeyen kaynaklar tarafından üretilir. Siteniz ne kadar verimsizse , site ziyaretçilerinize sunmak için o kadar fazla kaynak tüketilir. Doğal kaynaklarımızı tüketme şeklimizi iyileştirmek için daha iyi bir iş çıkarması gereken bir dünyada, sitenizin ortalama yükleme süresinden bir veya iki saniye daha kısa bir süre ayırmak bir fark yaratabilir. Üzerinde çalıştığımız ve günde milyonlarca ziyaret alan siteler için çok büyük bir farktan bahsediyoruz.

Endüstri Örneği

Web sitesi karbon emisyonlarını %80'den fazla azaltmak mümkündür.

Soruna çözümler

Gerçek şu ki, ziyaretçilerinizin deneyimine odaklanmalısınız. Aşağıdakileri öneririz:

1. En baştan inşa edin. XWP gibi ajanslar, web geliştirmeye yönelik yenilikçi yaklaşımlara odaklanır. Bu, başlangıçtan itibaren daha az sorun anlamına gelir.
2. “Onu” yanlış şekilde yüklemeyi bırakın . Medya varlıkları, stil sayfaları ve komut dosyaları, teslimatta belirli optimizasyonlar gerektirir ve çoğu site, en yüksek performansı elde etmek için yüklemelerini değiştirerek önemli faydalar görebilir.
3. Eklentilerinizi, değişikliklerinizi ve deneyiminizi anlayın. Sisteminiz büyük olasılıkla "bir kez oluşturuldu" ve bir bakım yoluna çevrildi. Yazılımınızı güncellediğinizde ne olduğunu anlamanız gerekir (ki bunu yapmalısınız!).
4. "Başka bir katman" düşünün. Cloudflare, Hizmet Reddi korumasında endüstri lideri olmanın ötesinde, herhangi bir ana bilgisayar üzerinde etkinleştirilebilen çok sayıda anahtar teslimi web sitesi optimizasyonu sunar.
5. Düşük gecikmeye sahip bir ana bilgisayar seçin. İlk Bayt Süresi gibi metrikler, her kullanıcının deneyimini doğrudan etkiler. 2018'de ReviewSignal'in WordPress Barındırma Performansı Benchmarks Pressable'ı, sunulan performansın değerini teyit ederek 5/5 Top Tier ödülü kazandı. Hızlı bir ttfb, hızlı bir deneyimi garanti etmez, ancak yavaş bir ttfb, yavaş bir deneyimi garanti eder.

Çözüm

Performans önemlidir. Hepimiz bunu biliyoruz! Ne kadar önemli olsa da… bazen bir ara vermemiz, “yeni bir özellik uygulama” döngüsünden çıkmamız ve performansın kullanıcılarımızı ve dolayısıyla işimizi gerçekten nasıl etkilediğini kendimize hatırlatmamız gerekiyor.

Geliştirme projelerinde performans odaklı bir iş akışı uygulamak pratik gerektirir ve bu konuda oldukça fazla deneyime sahip olduğumuz bir şeydir. Sorularınız varsa, bunları aşağıdaki yorumlarda veya web sitemizdeki iletişim formu aracılığıyla yanıtlamaktan memnuniyet duyarız.