Web sitesi hızını işlevler arası sorunları çözme

Diğer departmanlar, web sitesi hız optimizasyonu projenizin daha başarılı olmasına nasıl yardımcı olabilir?

Lina Hansson

Site hızıyla ilgili yaygın bir yanlış, bunun yalnızca geliştirme ekibinin sorumluluğu olduğudur. Gerçek şu ki, hızlı bir site için çeşitli departmanlardan yardım almak gerekir. Ne kadar yetenekli olurlarsa olsunlar, geliştiriciler sorunları nadiren tek başına çözebilir. Peki hız sorununu iş arkadaşlarınızla birlikte nasıl çözeceksiniz? Bu makalede, web geliştiricisi olarak şirketinizi site hızına öncelik vermeye nasıl ikna edebileceğiniz, optimizasyon yaparken farklı departmanlardan nasıl yardım alabileceğiniz ve optimizasyon projenizin başarısı hakkında nasıl farkındalık oluşturabileceğiniz açıklanmaktadır.

İşletme paydaşlarınızın yardımıyla hızı düzeltme

Birçok şirket, tüketici davranışında devrim niteliğinde bir değişimin ortasında bulunuyor. Fiziksel mağazalar yerine dijital platformlardan alışveriş yapan kullanıcıların sayısının artması, şirketlerin hızlı bir şekilde uyum sağlaması gerektiğini gösteriyor. Aksi takdirde, gelirleri düşebilir. Bu, başarılı olmak için hem yeni kurumsal süreçleri ve zihniyetleri hem de paydaşlardan güçlü bir destek gerektirir.

Paylaşılan meydan okuma

Şirketlerin kendilerini organize etme şeklinin büyük olasılıkla birkaç düzeyde değişmesi gerekecek. Öncelikle, geliştiricilerin üzerinde çalışma zamanı bulamaması durumunda, oluşturabileceği potansiyel gelir artışı olan bir hız projesinin gerçekleştirilmesi zor olacaktır. Kaynakların ayrılması gerekir. Ayrıca, paydaşlar ve yöneticiler bu projenin öncelikli olduğunu gösterirse pazarlama ve web tasarımcıları gibi diğer departmanlarla ortak çalışma genellikle daha sorunsuz geçer.

Bu operasyonel düzeyin yanı sıra paydaşların şu anda iki değişimin yaşandığını da anlaması önemlidir:

• Satışlarınızın büyük bir kısmı fiziksel mağazalardan elde edilse de çoğu müşteri, mağazalardan satın almadan önce siteniz gibi bir dijital platform kullanır. Site ziyaretçilere iyi bir kullanıcı deneyimi sunmuyorsa fiziksel mağazalardaki gelir de düşebilir. Ayrıca, araştırmalar müşterilerin işletmenizi tavsiye etme istekliliğini ve işletmenize olan bağlılığını da etkilediğini gösteriyor.

• Mobil ziyaretçilerin sayısı masaüstü ziyaretçilerinden daha hızlı artıyor. Bu da mobil öncelikli yaklaşımı, hazırlıklı olmanız gereken mevcut veya gelecekteki bir durum haline getiriyor. Ayrıca, site hızı ile mobil cihazlardaki dönüşümler arasında güçlü bir ilişki vardır. SOASTA'nın bir çalışması, mobil sayfa yükleme süresindeki her saniyelik gecikme için dönüşümlerin%20'ye kadar düşebileceğini gösteriyor.

Bu, dijital platformlarda uzman olan kişilerden bilgi alarak üst düzey kararlar alan şirketlerin avantajlı olacağı anlamına geliyor. Bu nedenle, sitenin ve kısıtlamalarının baştan itibaren dikkate alınmasını sağlamak ve böylece satışların artmasını sağlamak için işletme kararlarının alındığı toplantılara bir geliştirici davet edebilirsiniz.

Paydaşlarınıza teklif gönderme

Genel olarak satışların yaklaşık% 10'u dijital platformlarda gerçekleşir ancak araştırmalar, fiziksel mağazalardaki satışların% 85'inin önce dijital olarak etkilendiğini gösteriyor. Bu nedenle, özellikle mobil cihazlarda (birincil cihaz haline gelen) iyi performans gösteren bir siteye sahip olmak işletmemizin geliri açısından çok önemlidir. Sitenin dönüşümleri artırmasına yardımcı olacak bir hızlandırma projesi ve siteyi etkileyecek kararlar alınmadan önce teknik ekiplerdeki analizlerin daha iyi kullanılabilmesi için iletişim akışları oluşturmayı öneriyoruz.

Paydaşlarınızla toplantıya hazırlanma

Paydaşlarla toplantı yapmadan önce, web siteniz ve rakiplerinizin siteleriyle ilgili verileri ve önerdiğiniz değişikliklerin yüksek YG'sini gösteren verileri hazırladığınızdan emin olun. Hızın önemi hakkında veri toplayın. En iyi senaryo, şirketin geliriyle bağlantılı olmasıdır. Bunu yapmanın bazı yolları aşağıda açıklanmıştır:

• Göreli mobil dönüşüm oranınızı hesaplayın. Analiz ekibinizle birlikte çalışın ve Hızın değeri bölümünde açıklanan analizi gerçekleştirin. Geçmişte yükleme sürelerinin eşit uzunluktaki başka bir dönemden çok daha yüksek olduğu bir dönem (en az 2-3 ay) varsa yavaş site hızı genellikle mobil dönüşümleri büyük ölçüde etkilemiştir. Analiz sayesinde, şirketin kötü hız döneminde ne kadar gelir kaybettiğini hesaplayabilir ve hızın değerini kanıtlayabilirsiniz. Yükleme süreleri yaklaşık olarak aynı seviyede kaldıysa analizin yapılması zor olur ve aşağıdaki alternatifler daha fazla yanıt verebilir.
• İstatistiksel modellerden hızın değerini tahmin edin. Google'ın TestMySite aracıyla bir test çalıştırabilir ve daha hızlı bir sitenin işletmeniz üzerindeki etkisini hesaplayabilirsiniz. Tek ihtiyacınız olan aylık ortalama ziyaretçi sayısı, dönüşüm oranı ve ortalama sipariş değeriyle ilgili verilerdir. Bu verileri analiz ekibiniz size sağlayabilir.
• En iyi uygulama örnek olaylarını sağlayın. Sitelerini hızlandırıp bu durumdan olumlu etkilenen diğer şirketlerin örneklerinden de yararlanabilirsiniz. Sayfa Yükleme Süresi Dönüşüm Oranlarını Nasıl Etkiliyor? 12 Örnek başlıklı makalede bazı örnekler verilmiştir.
• Mobil platformun önemini gösterin. Analiz ekibinden, trafiğinizin yüzde kaçının mobil cihazlardan, yüzde kaçının masaüstünden geldiğine dair veri sağlamasını isteyin.
• Maliyetini araştırın. Yukarıdaki hesaplamalar, paydaşlara hızdan elde edilebilecek olası gelir artışını göstermenin bir yoludur. Ancak paydaşların karar vermesi için yatırım getirisini bilmeleri gerekir. Bu nedenle, tahmini bir maliyetle hazırlıklı gelirseniz yönetim kararına daha hızlı ulaşılabilir. Bunu yapmak için, ilk odaklanmış hız projesinin ne kadar süreceğini ve sonrasında bakım için ne kadar zamana ihtiyacınız olacağını değerlendirin. Örneğin, İleri görüşlü düşünme: TUI siloları yıkarak sitesini hızlandırdı başlıklı makalede, geliştiricilere zamanlarının% 20'si iş yükü ve kampanyalardan arındırılmış şekilde verildi. Bu süreyi, projeleri hızlandırmak ve siteyi iyileştirmenin diğer yollarını bulmak için kullanabilirler.

Paydaşlarınızla toplantı yapın

• Masaüstüne kıyasla mobilden ne kadar trafik aldığınızı ve son birkaç yılda mobilden elde ettiğiniz büyümeyi gösterin. Bu, mükemmel bir mobil deneyim oluşturmanın önemini gösterir.
• Hızın şirketin gelirini nasıl etkilediğiyle ilgili bulgularınızı sunun.
• Hız üzerinde sürekli olarak çalışmaları için geliştiricilere zaman verilirse geliştiricilerin mobil ziyaretçilerden elde edilen geliri artırmaya yardımcı olabileceğini paydaşlara bildirin.
• Siteyle ilgili kararların alınacağı üst düzey toplantılara geliştirme ekibinden bir kişinin davet edilmesi gerektiğini önerin. Günümüzde dijital platformlarda satış yapıyoruz. Kazananlar, dijital uzmanlarıyla iletişime geçmeye başlayan şirketler olacaktır. Modern şirketlerin, departmanlar ve paydaşlar ile geliştiriciler arasında iletişim akışları oluşturması gerekir. Harvard Business Review tarafından yapılan bir çalışmada, altı BT projesinden birinin maliyetinin %200 oranında aşıldığı ortaya kondu. Buna örnek olarak, 2000 yılında 1,4 milyar dolarlık BT modernizasyon projesine başlayan ve Walmart ile Target'e karşı rekabetçi konumunu kaybeden Kmart verilebilir. İletişim ve bakım süreçlerini erkenden ayarlayarak bilgi silosunu ortadan kaldırabilir ve bilgi paylaşımını rekabet avantajına dönüştürebilirsiniz.

Pazarlama ekibinizin yardımıyla hızı düzeltme

Paylaşılan meydan okuma

Pazarlama ekiplerinin bilinçli kararlar alabilmek için reklamları ve verileri işleyen araçlara ihtiyacı vardır. Ancak çoğu araç web sitelerini yavaşlatır ve genellikle oluşturmayı engelleyen komut dosyalarıyla uygulanır. Bu da siteye giren ziyaretçilerin ekranda bir şey görene kadar beklemesi gerekir. Bu nedenle, dengeye ihtiyaç vardır. Pazarlama departmanına veri ve araçlar gerekir ancak sitenin düşük hemen çıkma oranları ve yüksek dönüşüm oranları elde etmesi için hızlı olması gerekir. Böylece pazarlama, yatırımlarından iyi bir getiri elde eder.

Bu denge, komut dosyalarında dikkatli davranarak sağlanır:

• Yaklaşık olarak aynı şeyi ölçen yinelenenlerden kaçının.
• Artık kullanılmayan araçları kaldırın.
• "İyi olur" türünde şeyleri ölçmeyin. Yalnızca işletme açısından kritik olanları ölçün.

Geliştiricilerin pazarlama departmanının hangi araçlara ihtiyaç duyduğunu bilmesi zordur. Pazarlama departmanı da site için özellikle hangi araçların ağır olduğunu bilmeyebilir. Bu nedenle, birlikte çalışmanız gerekir.

Pazarlama ekibinize teklif gönderme

İzleme ve reklamlar için kullanılan araçlar, ziyaretçilerin siteye girdiğinde içeriği ne kadar hızlı göreceğini genellikle engeller. Bu durum, reklamlar için ödeme yaptığımız, kullanıcıların ilgisini çektiğimiz, tıkladıkları ancak sonra beklemek zorunda kaldıkları için pazarlama yatırımlarının değerini azaltır. Bu durum, kullanıcıların sıkılmasına ve kanalınızı terk etmesine neden olabilir. Bir çalışmada, etkileşimli olma süresi hız metriği 0,15 saniyeden 0,3 saniyeye yükseldiğinde dönüşüm oranının yaklaşık% 50'den yaklaşık% 35'e düştüğü tespit edildi. İhtiyacınız olan araçlar ile site performansı arasında denge oluşturmak ve sonuç olarak pazarlama yatırımlarından daha fazla getiri elde etmek için bu sorunu çözme konusunda birlikte çalışabilir miyiz?

Pazarlama ekibinizle toplantıya hazırlanma

• Sitede uygulanan komut dosyalarının listesini oluşturun.
• Listeyi pazarlamaya gönderin ve önceden göz atmalarını ve üç gruba ayırmalarını isteyin:
  • İşletme açısından önemli. Bu komut dosyaları kaldırılmamalıdır.
  • Faydalı Olabilir. Daha az kullanılabilecek veya kaldırılabilecek komut dosyaları. Örneğin, bazen şirketler ısı haritaları veya ekran kayıtları toplar ancak veriler yalnızca seyrek olarak incelenir ve işleme veya dönüşümlerin artmasına yol açmaz. Bu gibi durumlarda, araçları yalnızca (ör.) iki hafta boyunca çalıştırmayı, analiz için analizleri toplamayı ve ardından odaklanmış veri toplama için bir sonraki dönem gelene kadar komut dosyalarını temizlemeyi kabul etmek daha iyi olabilir.
  • Kullanılmayan veya sahip olunmayan. Bunlar kaldırılmalıdır.
• Site hızını, komut dosyası eklenmiş ve eklenmemiş halleriyle karşılaştırarak her bir komut dosyasının sitenizi ne kadar yavaşlattığını kontrol edin. WebPageTest'te bu, Gelişmiş Ayarlar'daki Engelle sekmesi aracılığıyla ayarlanabilir. Dilerseniz Chrome Geliştirici Araçları'nda ağ isteklerini engelleyebilirsiniz.

Pazarlama ekibinizle görüşme

• Komut dosyası listesini inceleyin ve her bir komut dosyası hakkındaki görüşlerinizi belirtin. Örneğin, ek olarak kullanabileceğiniz komut dosyalarından bazıları site performansına çok zararlı mı? Pazarlama ekibinin öneriler almasıyla öncelikleri belirlemesi kolaylaşır. Ayrıca, ekibin işletme açısından kritik olan konular hakkındaki görüşlerini öğrenerek onların bakış açısını daha iyi anlayabilirsiniz.
• Aşağıdaki konuları tartışın:
  • Toplanan verilerin avantajları, sitenin yavaşlamasından kaynaklanan düşüşten daha fazla dönüşüm artışı sağlıyor mu? Veriler karar vermenize yardımcı olabilir.
  • Şirketiniz, pazardaki en hızlı araç sürümüne sahip bir sağlayıcı seçti mi? Pazarlama departmanının, işletme açısından kritik öneme sahip araçların daha hızlı alternatiflerle değiştirilip değiştirilemeyeceğini belirlemek için geliştiricilerin yardımına ihtiyacı olabilir.
  • Sitedeki komut dosyalarının alternatifi var mı? Örneğin, ısı haritaları yerine, kullanıcı davranışının "neden"ini de öğrenebileceğiniz kullanılabilirlik testleri yapmaya başlayabilirsiniz. Bu testler genellikle daha derin analizlere yol açar.

Sonraki adımlar konusunda anlaşma

• İleriye dönük bir sürece karar verin. Pazarlama, geliştiricilerden her zaman yeni araçları ve bunların uygulama hızına olan etkisini incelemelerini istemeli mi? Yoksa pazarlama ekibine, hızı nasıl kontrol edeceklerini öğrenecekleri ve hız hedefini karşıladıkları sürece istedikleri araçlara öncelik verebilecekleri bir performans bütçesi mi verilmeli?

Web tasarım ekibinizin yardımıyla hızı düzeltin

Web performansıyla ilgili en büyük zorluklardan biri, birçok bölgede bağlantı hızının artmasına rağmen web sitelerinin ağırlaştığı ve bunun sonucunda da aslında yavaşladığıdır. Geliştiricilerin bu sorunu çözmek için web tasarımcılarıyla birlikte çalışması gerekir.

Paylaşılan meydan okuma

Sonuçta, bir şirketteki tüm departmanlar genellikle gelir elde etmek veya başka bir amaç için dönüşüm sağlayan siteye bağlıdır. Web sayfalarının ne kadar güzel olduğu önemli değildir. Önemli olan, kullanıcıların sayfayı görmeden ayrılmasına neden olacak kadar uzun süre yüklenmemesidir.

Ancak, sayfaların hafif olması konusunda sorumluluk paylaşılmalıdır. Geliştiriciler, resimlerin daha hızlı yüklenmesini sağlamak için çeşitli resim optimizasyon tekniklerini kullanabilir. Web tasarımcıları, sayfa ağırlığını belirlenen bir seviyenin altında tutmaya yardımcı olacak sayfalar oluşturabilir.

Web tasarım ekibinize teklif gönderme

Çalışmalar, daha az resim ve öğe içeren sayfaların daha fazla dönüşüm sağladığını gösteriyor. Örneğin, Google ve SOASTA tarafından yapılan bir çalışmada, dönüşüm gerçekleştiren kullanıcıların oturumlarında dönüşüm gerçekleştirmeyen kullanıcıların oturumlarına kıyasla% 38 daha az resim bulunduğu tespit edildi. Hız hedeflerine ulaşmak ve sitedeki dönüşümleri artırabilecek ortak bir işbirliği oluşturmak için birlikte çalışabilir miyiz? Birlikte neler başarabileceğimize örnek olarak kalite ile hız arasında denge sağlayarak doğru resim sıkıştırma düzeyini bulmak veya genellikle ağır ve yavaş sitelere neden olan karmaşık düzenleri ya da işlevleri azaltmak verilebilir.

Web tasarım ekibinizle toplantıya hazırlanma

• Sitedeki en yüksek yüklenme süresine ve en yüksek sayfa ağırlığına sahip sayfaları izleyin. Örneğin, bir e-ticaret sitesiyle çalışıyorsanız yalnızca ana sayfayı değil, kampanya sayfalarını, en büyük kategori sayfalarından bazılarını, ürün sayfalarından bazılarını ve ödeme akışını da kontrol ettiğinizden emin olun.
• Tasarımcılar için bir performans bütçesi önerisi hazırlayın. Bir alternatif, metrik olarak sayfa ağırlığını kullanarak mümkün olduğunca basit bir şekilde başlamak ve tüm sayfalar için hedef olarak 1 MB'yi (veya markalaşma dönüşümler için çok önemliyse 1,5 MB'yi) ayarlamaktır.
• Hedef sayfa ağırlık seviyesinin üzerinde kalan sayfaların listesini hazırlayın.

Web tasarım ekibinizle görüşme

• Geliştirici ekibinin resim sıkıştırma, duyarlı resimler, resim boyutunu değiştirme, gecikmeli yükleme, önbelleğe alma ve sunucu optimizasyonu gibi çeşitli resim optimizasyon tekniklerini kullanarak resimleri nasıl daha hızlı yayınlayabileceğini araştırın.
• Resimlerin farklı resim kalitesi ve boyutlarında yayınlandığı bir test sayfası oluşturun ve farklı ekranlarda performans ile kaliteyi dengeleyen bir düzey üzerinde anlaşın. Mobil cihazlardaki ziyaretçilerin genellikle kısa oturum sürelerine sahip olduğunu unutmayın. Bir çalışmada, mobil oturumların yarısından fazlasının 30 saniye veya daha kısa olduğu gösterilmiştir. Bu kullanıcılar, resimleri ayrıntılı olarak incelemeyebilir ve sitenin hızlı olmasını tercih edebilir.
• Web tasarımcılarının tüm web sayfalarının sayfa ağırlığının 1 MB'ın altında (veya en fazla 1,5 MB) olmasını sağlamaya söz verdiği bir performans bütçesi önerin.

Analiz ekibinizin yardımıyla hızı düzeltme

İşletmelerin, neye odaklanacaklarını bilmek ve kararlar için temel oluşturmak amacıyla verilere ihtiyacı vardır. Ancak birçok kişi site hızının öneminden ve gelir ve satışlarla olan bağlantısından bahsetse de teknoloji ekipleri dışındaki birçok şirket haftalık raporlarına hızı dahil etmiyor. Geliştiriciler analiz ekipleriyle ortak çalışmaya başlarsa bu durum değiştirilebilir.

Paylaşılan meydan okuma

Gerçek şudur: Bildirilen içeriklere odaklanılır. Site hızı, işletme paydaşlarına gönderilen haftalık veya aylık raporların bir parçası değilse kolayca unutulur ve bu konuya odaklanmak için kaynak bulma konusunda zorluk yaşarsınız. Ancak analiz ekipleri genellikle hızı izleme konusunda deneyimli olmadığından geliştiricilerden yardım almaları gerekir. Ayrıca geliştiricilerin, hız iyileştirmeleri yapıldığında gelir üzerindeki etkiyi hesaplamak için analiz ekibinden yardım alması gerekir. Bu departmanlar, ilk bakışta düşünülenden daha fazla birbirine bağlıdır.

Analiz ekibinize teklif gönderme

Site hızının gelir ve hemen çıkma oranı üzerindeki etkisini gösteren birçok örnek olay vardır. Şirketimiz için site hızı izlemeyi ayarlamak üzere birlikte çalışabilir miyiz? Ayrıca, daha fazla destek almak için paydaşlara gönderilen raporların bir parçası olarak hızı da alabilir miyiz?

Analiz ekibinizle yapacağınız toplantıya hazırlanma

• Hızı düzenli olarak takip edin. Lighthouse CI, PageSpeed Insights veya WebPageTest gibi bir araçla API kullanmanızı öneririz. Bu araçlar, farklı dönemlerde kolay karşılaştırma yapabilmek için kontrollü bir laboratuvar ortamında düzenli olarak istatistik toplamanızı sağlar.
• Hızın değeri dosyasını analiz ekibine iletin ve analizin yapılıp yapılamayacağını sorun. Böylece, toplantı sırasında analize hazır bir grafik elde edebilirsiniz.

Analiz ekibinizle görüşme

• Hızın değeri'nden oluşturulan grafiği kontrol edin. Göreli mobil dönüşüm oranı, hızın etkisini ve sitenizin nasıl geliştiğini izlemenin bir yoludur. Analiz ekibine bu metriği izlemeye başlamak isteyip istemediklerini sorun.
• Google Analytics'teki yükleme süresi metriğinin basitleştirilmiş işletme raporları için yeterli olup olmadığına karar verin. Hızın değeri bu metriği kullanır. Birçok geliştiricinin bildiği gibi bu, birçok önemli hız metriğinden yalnızca biridir ve Google Analytics'te yer aldığından laboratuvar verileri yerine sahada toplanan verilerdir. Ancak basitleştirilmiş işletme raporları için kullanılacak kadar iyi mi? Yukarıdaki analizden elde ettiğiniz sonucu kontrol edin ve yükleme süreleri en az 2-3 ay boyunca yüksek olduğunda nispi mobil dönüşüm oranının düştüğünü ve yükleme süreleri 2-3 ay boyunca düşük olduğunda nispi mobil dönüşüm oranının yükseldiğini gözlemleyip gözlemleyemediğinizi öğrenin. Yükleme süreleriniz oldukça sabit kaldıysa hızı önemli ölçüde artırana kadar analizin sizin için işe yarayıp yaramadığını anlamak zor olacaktır. Öyleyse bir sonraki alternatife geçin.
• Geliştiricilerin kullandığı hız metrikleri için grafiklerinizi gösterin. Bunları analiz ekibine açıklayın ve dönüşüm oranı veya göreli mobil dönüşüm oranıyla ilgili korelasyonlar bulup bulmadığınızı öğrenin.
• Analizler ekibine, gelirle ilgili hesaplamalarda hızı kullanmanın yollarını ve bunu paydaşlara nasıl raporlayacağını düşünmesi için zaman tanıyın. Bu konu genellikle onlar için yenidir. Ardından tekrar bir araya gelip üzerinde anlaştığınız bir yaklaşımı deneyin. Her zaman olduğu gibi, doğru yöntemi bulana kadar veri toplama işlemini gözden geçirmeniz gerekir. Ancak bu, ortak çalışmaya başlamanın bir yoludur.

Sonraki adımlar

Hız projesi büyük iyileştirmelere yol açtıktan sonra analiz ekibinizden Hızın değeri bölümünde açıklanan analizi yapmasını isteyin. Bu sayede şirkete ne kadar daha fazla dönüşüm ve gelir elde ettiğinizi gösterebilir, hem ekibinizi hem de sizinle birlikte çalışan tüm departmanları ödüllendirebilirsiniz. Bu bilgiler, paydaşlara gönderilen haftalık bir rapora dahil edilebilir. Böylece proje tek seferlik bir çaba olmaktan çıkar ve sürekli olarak sürdürülür.