Algılanan performans nedir ve neden optimize etmeniz gerekir?
Önemli performans. Bu, ziyaretçilerin e -postalarını yakalama veya daha iyi – yazdırma satışları arasındaki fark anlamına gelebilir. Bu yüzden sitemizi daha hızlı hale getirmek için optimize etmek için çok zaman harcıyoruz. Ama sadece sayfa hızı hakkında konuşmuyorum. Çok fazla dikkat çekmeyen başka bir performans optimizasyonu alanı var. Algılanan performans hakkında konuştum. Bu, kullanıcının web sitenizi ne kadar hızlı düşündüğünün bir ölçüsüdür, teknik istatistiklerinizin ne kadar hızlı söylediği gerekmez. Bu yazıda, performansla ne kastedildiğini, insanların zamana nasıl baktıklarını, bazı psikolojileri keşfedeceğiz ve web sitenizi daha hızlı hissettirmek için kullanabileceğiniz bazı teknikleri göreceğiz.
Bu makaledeki teknikleri kullanmak, geleneksel sayfaların hız optimizasyon tekniğine ek olarak, site kullanıcı deneyiminizin bir bütün olarak geliştirilmesine yardımcı olacaktır. Not: Sayfa Hızı hakkında daha fazla okumakla ilgileniyor musunuz? Sayfa hızına ve neden WordPress sitemi karşılaştırmam gerektiğine bakın. Psikoloji Zamanı: Yükleme süresi ve aslında bir kronometre ile ölçtüğünüz zaman nesnel bir zamandır. Bu mutlaktır – geliştiriciler web sitesi sayfalarının hızını ölçebilir ve teknik olarak daha hızlı hale getirmek için gereken ayarlamaları yapabilir.
Öte yandan psikolojik zaman öznel ve yumuşak potansiyeldir. Bu görecelidir, ancak gerçeklerden daha hızlı öznel olarak kabul edilecek şekilde manipüle edilebilir. Örneğin, asansör al. Asansörün neden aynası olduğunu hiç merak ettiniz mi? Modern zamanların en büyük keşiflerinden biridir ve insanların merdivenlerden terlemeden 40 kat seyahat etmesine izin verir. Ancak asansör ilk tanıtıldığında, insanlar içinde durdular, kapıya aşırı bir zaman hissi ile baktılar, çünkü yapacak başka bir şeyleri yoktu (bu akıllı telefon bulunmadan önce oldu!) 40 kat ölümüne, başka bir şey olmadan onları havaya asan kabloya göre. Buna ek olarak, insanlar asansörün ne kadar yavaş olduğundan şikayet ediyorlar.
Selfie bir ayna sayesinde geçmiş bir asansördür. Resim: Hernan Pinera. Böylece asansör şirketi asansörü daha hızlı ve daha güvenli hale getirmek için zorlukları cevaplamaya çalışır. O zaman yapmak pahalıydı. Bir mühendis sorunları başka bir açıdan görmeyi önerene kadar: insanlar asansörün yavaş olduğunu düşünürler, bu yüzden daha büyük bir motosiklet ve daha kaygan bir kasnak tasarımına odaklanmak yerine, neden asansördeki insanlara odaklanmıyorsunuz?
Siteniz ne kadar hızlı yüklenmeli? Zamanı nesnel olarak görünce, sitenizin performansını optimize ederken hatırlamanız gereken bazı hız yönergeleri vardır. Jakob Nielsen’in Kullanılabilirlik Mühendisliği kitabında, bir web sitesinin tepki süresinin algılanması için önemli bir yanıt için üç son teslim tarihini tanımlamaktadır:
0,1 saniyeye kadar: Kullanıcılar görünür gecikmeleri tanımıyor. Yükleme oldukça anında hissediyor. Bu, web sitenizi optimize ederken gitmeniz gereken en uygun standarttır. 1 saniyeye kadar: hafif bir gecikme görünür. Kullanıcılar molayı hissediyor. Tüm işlemlerin tamamlanması 1 saniye sürerse, site yavaş hissedebilir.
10 saniyeye kadar: İşlemin tamamlanması 10 saniye veya daha fazla sürerse, kullanıcının dikkatini kaybedeceksiniz. Yeni bir sekmeye veya uygulamaya geçebilir veya web sayfanızı kapatabilirler. Ancak, kullanıcıların ödeme yaparken kredi kartı ayrıntılarını yeni gönderdikleri gibi bekleyecekleri zamanlar vardır.
Nielsen’in başlangıçta 1993’te bu son tarihi yayınladığı düşünüldüğünde, 10 saniyelik üst sınırın şimdi 5 saniye hatta eksik olduğunu söylemek güvenli olabilir. 1990’ların başından beri, internet hızı katlanarak arttı ve kullanıcılar hızlı bir şekilde yüklenen web sitelerine alışkındı, böylece 10 saniyeden fazla içeren herhangi bir site, çevirmeli olarak yüklü hissediyor.
Sitenizin performansını nesnel olarak daha hızlı içerecek şekilde optimize etmenin birçok yolu vardır (bkz. Web sitenizi hızlandırma: ilk birkaç saniyenin bir sayısını oluşturmak). Ve sitenizi psikolojik olarak daha hızlı içerecek şekilde optimize etmek söz konusu olduğunda, web sitenizin yükleme süresini objektif yükleme süresinden daha hızlı hissedecek şekilde azaltmaya yardımcı olabilecek birkaç yöntem vardır.
Burada hissedilen yükleme süresini nasıl optimize edersiniz Sitenize kendi ayna sürümünüzü eklemenize yardımcı olacak bazı ipuçlarıdır, böylece kullanıcı için daha hızlı hissedilir.
1. Etkinlik göstergelerini kullanın ve ilerleme Sitenize yavaşça yüklenen belirli sayfalarınız varsa veya kullanıcı deneyimini etkileyen yavaş işlemler varsa, eğirme gibi etkinlik göstergelerini kullanmayı düşünmelisiniz. Faaliyetlerin göstergeleri Ziyaretçileri sayfanın gerçekten işe yarayıp yüklediğine ikna eden. Daha da iyisi, yüklenen sitenin yüzdesini gösteren ilerleme bıçaklarını kullanın. Bu sadece huzursuz kullanıcıları ikna etmekle kalmaz, aynı zamanda ne kadar beklemeleri gerektiği hakkında bir fikir verir. Mümkünse, ziyaretçiler web sitenizi kullanmaya devam edebileceği için işlemi tamamlamanın ne kadar sürdüğü hakkında gerçek zamanlı bir geri bildirim sağlayan ilerleme çubuğunu görüntülemek her zaman en iyisidir. Unplash, kullanıcıya fotoğrafın hala yüklendiğini söylemek için eğirme kullanır – aşağıda kontrol etmek için aşağı kaydırın.
Hangi İlerleme Bar animasyonu gibi, Carnegie Mellon Üniversitesi’ndeki İnsan Bilgisayar Etkileşim Enstitüsü’nden araştırmacılar tarafından bulduğu gibi algılanan performansı da etkileyebilir. Bu tweet, Facebook’un yalnızca yükleme animasyonunun görünümünü değiştirerek yavaş yükleme süresi nedeniyle kullanıcının kimi suçladığını nasıl etkilediğini gösteren daha fazla kanıttır. #Renio ilginç! Facebook, kullanıcıların soldaki FB’yi, sağdaki iOS’u gecikme için suçladığını belirlemek için A/B testi yapar. pic.twitter.com/zevbtime1Q – Deeje (@deeje) 31 Ocak 2014
2. Üst yarısı yükleme, ilk önce web sitenizdeki üst yarı içeriği her zaman yükler. Bu şekilde, kullanıcılar yalnızca web sitenizin yüklenmeye başladığını görmekle kalmaz, aynı zamanda içerik hala sayfaya yüklenirken onunla etkileşime girmeye başlayabilir. Nielsen Norman Group’un göz izleme çalışması, web sitesindeki en önemli içerik ilk yayınlandığında, kullanıcıların içeriği görmek için zamanlarının yaklaşık% 20’sini harcadığını buldu. Ancak, bu alanın yüklenmesi 8 saniye sürerse, kullanıcılar bu alanı görmek için zamanlarının yalnızca% 1’ini harcayacaklardır. Google, üst yarı yaşam içeriğinin yüklenmesi ve önceliklendirilmesi için iki ana strateji önerir: HTML’nizi önce önemli yarım yarısı içeriğini yüklemek için düzenleyin
Kaynaklarınız tarafından kullanılan veri miktarını azaltın
3. İlerici yükleme ve tembel kullanın, insanların yüklemeyi hızlı bir şekilde düşünmesini sağlayabilecek diğer yöntemler içeriği aşamalı olarak yüklemektir. Bu yaklaşım, görüntüleri yüklerken yaygın olarak kullanılır (tembel yükleme). Yavaş yüklemenin arkasındaki temel fikir, yer tutucu görüntüsünün sayfada görüntülenmesi ve kaçmaktan kaçmaktan paketlenmeye kadar çeşitli aşamalarda aşamalı olarak yüklenmesidir. Benzer teknikler sayfadaki gerçek içeriğe uygulanabilir. Facebook, aktivite göstergelerini yer tutucu içeriğiyle birleştirerek haber yemini kaydırdığınızda ilerici içerik içerir:
Facebook, yüklenen sonuçları göstermek için aşamalı yükleme kullanır. Unsplash görüntülerin yoğun web sitesi, etkinlik göstergeleriyle eşleştirilmiş yavaş yükleme kullanır:
Unplash, kullanıcıları görüntülerin yüklendiğine ikna etmek için yavaş yükleme ve etkinlik göstergeleri kullanır.4. Prameruit içeriği Pramuad içeriği, sayfada belirli içerik yüklemesine öncelik vermenize olanak tanır.Demiryolu özelliklerinin değerini kullanarak
, Yüklendikten hemen sonra sayfanızın ihtiyaç duyduğu kaynakları ve ana tarayıcı oluşturma makinesi başlamadan önce erken hazırlığa başlamak istediğinizi belirleyen bir bildirim alımı isteği yazabilirsiniz. Bu, bu kaynağın erken ve sayfanın ilk değiştirilmesini engelleme olasılığının daha düşük olmasını sağlar ve bu da performansta bir iyileşme sağlar. Ön yük, web geliştiricilerine daha ayrıntılı yükleme kontrolü sağlamayı amaçlayan nispeten yeni bir web standardıdır. Bu, geliştiricilerin komut dosyası tabanlı kaynak yükleyicileri tarafından uygulanan performans cezaları yaşamadan özel yükleme mantığını belirlemelerine olanak tanır. 5. Bir sonraki kullanıcı eyleminin tahmini şimdi olasılık alanında gerçek kristal futbol şeylerine giriyoruz. Kullanıcının sayfada ne yapabileceğini tahmin ederken, kullanıcıların aynı iş akışını yapma eğiliminde olan bir siteniz varsa, daha sonra ne yapacaklarını tekrarladıysanız. Bu nedenle, bu bilgiden yararlanın ve kullanıcı tahmin ettiğiniz eylemleri seçerse, içerik görüntülenecek, etkileşime hazır olacak şekilde arka plandaki en popüler içeriği yükleyin. Algılanan performansı ölçerek maalesef, algılanan performansı ölçmek için kullanabileceğiniz kolay bir hız test aracı yoktur, ancak ilk tatmin edici/anlamlı boya gibi metrikler bunu sinyal verebilir.
