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

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

Lina Hansson

Site hızıyla ilgili yaygın bir inanış, hatanın yalnızca geliştirme ekibinin sorumluluğunda olduğudur. Gerçek şu ki, hızlı bir site için birkaç departmandan yardım alınması gerekir. Geliştiriciler ne kadar yetenekli olurlarsa olsunlar sorunları nadiren tek başlarına çözebilirler. Peki iş arkadaşlarınızla birlikte hızı nasıl sabitlersiniz? Bu makalede, bir web geliştiricisi olarak şirketinizi site hızına öncelik vermeye, optimizasyon yaparken farklı departmanlardan yardım almaya ve optimizasyon projenizin başarısıyla ilgili farkındalığı artırmaya nasıl ikna edebileceğiniz açıklanmaktadır.

Paydaşlarınızın yardımıyla hızı artırın

Birçok şirket, tüketici davranışlarında yıkıcı bir değişimin ortasında: Fiziksel mağazalar yerine dijital platformlardan satın alan kullanıcıların sayısının artması, şirketlerin hızlı bir şekilde uyum sağlaması gerektiği, aksi halde gelirlerinde düşüşle karşılaşma riskiyle karşı karşıya kaldığı öyküsünü anlatıyor. Bu hedef, başarılı olmak için hem yeni kurumsal süreçlerin hem de düşüncelerin benimsenmesini ve paydaşların güçlü bir şekilde ikna edilmesini gerektirir.

Paylaşılan zorluk

Şirketlerin kendilerini organize etme şeklinin büyük olasılıkla birkaç düzey içinde değişmesi gerekecektir. Her şeyden önce, bir hız projesini yaratabileceği gelirde artırma potansiyeli taşıyan bir proje, geliştiricilerin üzerinde çalışmaya vakit ayırmadan gerçekleştirilmesini zorlaştırır. Kaynakların tahsis edilmesi gerekir ve paydaşlar ve yöneticiler projenin öncelikli bir proje olduğunu gösterirse pazarlama ve web tasarımcıları gibi diğer departmanlarla yapılan iş birliği de genellikle daha sorunsuz olur.

Bu operasyonel düzeyin dışında, paydaşların şu anda iki değişim olduğunu anlamaları da önemlidir:

• Satışlarınızın daha büyük bir kısmı fiziksel mağazalardan geliyor olsa da çoğu müşteri, mağazadan alışveriş yapmadan önce siteniz gibi bir dijital platformu kullanacaktır. Site, ziyaretçilere iyi bir kullanıcı deneyimi sunmuyorsa fiziksel mağazalardaki gelirlerde de düşüş yaşanır. Ayrıca araştırmalar, müşterilerin işletmenizi önerme isteklerini ve işletmenize bağlılıklarını da etkilediğini gösteriyor.

• Mobil ziyaretçi sayısındaki artış masaüstü ziyaretçilerden daha güçlü olduğu için mobil öncelikli ziyaretçiye hazırlanmak için hem güncel hem de gelecekteki bir durum ortaya çıkıyor. Ayrıca, site hızı ile mobil cihazlardaki dönüşümler arasında güçlü bir ilişki vardır. SOASTA tarafından yürütülen bir çalışma, mobil sayfa yüklemesindeki her bir saniyelik gecikme için dönüşümlerin%20'ye kadar düşebileceğini göstermektedir.

Bu da dijital platformlarda uzman kişilerin bilgi edinerek yönetici kararları veren şirketlerin avantaj elde edeceği anlamına geliyor. Bu şekilde bir önerimiz, sitenin ve kısıtlamalarının en baştan dikkate alındığından emin olmak ve böylece satışları artırmak için iş kararlarının alındığı toplantılara bir geliştiriciyi davet etmek olabilir.

Paydaşlarınıza teklif gönderin

Genel olarak, satışların yaklaşık% 10'u dijital platformlarda gerçekleşiyor. Ancak araştırmalar, fiziksel mağazalardaki satışların% 85'inin önce dijital ortamdan etkilendiğini gösteriyor. Özellikle mobil cihazlarda (birincil cihaz haline gelmekte) iyi performans gösteren bir siteye sahip olmak, işletmemizin geliri için son derece önemlidir. Sitenin dönüşümleri artırmasına yardımcı olacak bir hız projesi ve teknik ekiplerdeki bilgilerin siteyi etkileyecek kararlar alınmadan önce daha iyi kullanılabilmesi için iletişim akışları oluşturulmasını öneriyoruz.

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

Paydaşlarla görüşmeden önce web siteniz, rakiplerinizin siteleri ve önerdiğiniz değişiklikler için yüksek yatırım getirisi sağlayacak veriler hazır olduğundan emin olun. Hızın önemiyle ilgili veri toplama. En iyi senaryo, gelirin şirketin geliriyle bağlantılı olmasıdır. Bunu başarmanın bazı yolları aşağıda anlatılmış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üreleri eşit uzunluktaki başka bir dönemden çok daha uzun olan bir döneminiz (en az 2-3 ay) varsa yavaş site hızı genellikle mobil dönüşümleri büyük ölçüde etkilemiştir. Analiz aracılığıyla şirketin düşük hız döneminde ne kadar gelir kaybettiğini hesaplayarak hızın değerini kanıtlayabilirsiniz. Yükleme süreleri yaklaşık aynı seviyede kalırsa analizi gerçekleştirmek zor olur ve aşağıdaki alternatifler daha fazla yanıt verebilir.
• İstatistiksel modellerden yararlanarak hız değerini tahmin edin. Google TestMySite'nin yardımıyla bir test yapabilir ve ardından daha hızlı bir sitenin işletmeniz üzerindeki etkisini hesaplayabilirsiniz. Analiz ekibinizin size yardımcı olabileceği ortalama aylık ziyaretçi sayısı, dönüşüm oranı ve ortalama sipariş değeri ile ilgili verilere ihtiyacınız vardır.
• En iyi uygulama örnek olaylarını sunun. Sitelerini hızlandırıp etkisini gören diğer şirketlerin kullanım alanlarını da kullanabilirsiniz. Sayfa Yükleme Süresi Dönüşüm Oranlarını Nasıl Etkiler?: 12 Örnek Olay'da birkaç örnek verilmiştir.
• Mobil platformun önemini gösterin. Analiz ekibinden, trafiğinizin mobil cihazlardan ve masaüstünden gelen trafik yüzdeleriyle ilgili verileri sağlamasını isteyin.
• Ne kadar tutacağını araştırın. Yukarıdaki hesaplamalar, paydaşlara hızdan kazanılabilecek olası gelir artışını göstermenin yollarıdır ancak paydaşların karar alabilmeleri için YG'yi bilmeleri gerekir. Bu nedenle, tahmini bir maliyet hazırlarsanız yönetici kararına daha hızlı ulaşabilirsiniz. Bunu yapmak için odaklandığınız ilk 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, İleriye dönük düşünme: TUI, siloları yıkarak sitelerini hızlandırıyor, geliştiricilere zamanlarının% 20'sini iş listeleri ve kampanyalar dışında kaldı. Bu süreyi projeleri hızlandırmaya ve siteyi daha iyi hale getirmenin diğer yollarına ayırabildiler.

Paydaşlarınızla toplantı düzenleme

• Mobil cihazlardan ve masaüstü bilgisayarlardan ne kadar trafik aldığınızı ve son birkaç yılda mobil cihazlardan elde ettiğiniz büyümeyi gösterin. Bu, mükemmel bir mobil deneyim oluşturmanın ne kadar önemli olduğunu gösterir.
• Hızın şirketin gelirini nasıl etkilediğiyle ilgili bulgularınızı sunun.
• Sürekli hız üzerinde çalışmak için zaman tanındığında, paydaşlara mobil ziyaretçilerin gelirini artırmaya yardımcı olabileceklerini söyleyin.
• Siteyle ilgili kararların alınacağı, yönetim toplantılarına geliştirme ekibinden bir kişinin davet edilmesini önerin. Bugünlerde dijital platformlarda satış yapıyoruz. Kazananlar, dijital uzmanlarıyla iletişim kurmaya başlayan şirketler olacak. Modern şirketlerin, departmanlar ve paydaşlarla geliştiriciler arasında iletişim akışları kurması gerekecektir. Harvard Business Review tarafından yapılan bir araştırma, altı BT projesinden birinin maliyetinin %200'ü aştığını gösterdi. Bunun bir örneği, 2000 yılında 1,4 milyar dolarlık BT modernizasyon projesine başladığında Walmart ve Target'a rekabet gücünü kaybeden Kmart'tı. İletişim ve bakım süreçlerinin erken kurulmasıyla, kopukluklar ortadan kaldırılabilir ve bilgi paylaşımı rekabet avantajına dönüşebilir.

Pazarlama ekibinizin yardımıyla hızı artırın

Paylaşılan zorluk

Pazarlama ekiplerinin bilinçli kararlar verebilmek için reklamları ve verileri işleyecek araçlara ihtiyacı vardır. Ancak çoğu araç web sitelerini yavaşlatır ve genellikle siteye giren ziyaretçilerin ekranda bir şey görene kadar beklemelerine neden olan oluşturma engelleme komut dosyalarıyla uygulanır. Bu nedenle dengeye ihtiyaç vardır; pazarlama departmanının verilere ve araçlara ihtiyacı vardır, ancak sitenin düşük hemen çıkma oranları ve yüksek dönüşüm oranları elde edebilmesi için pazarlama faaliyetlerinin yatırımlarından iyi bir getiri elde etmesi amacıyla hızlı olması gerekir.

Denge, komut dosyalarının dikkatli bir şekilde kullanılmasıyla sağlanır:

• Yaklaşık olarak aynı şeyi ölçen yinelemelerden kaçının.
• Artık kullanılmayan araçları kaldırın.
• "Olabilecek güzel şeyleri" ölçmeyin. Yalnızca işletme açısından kritik öneme sahip unsurları ölçün.

Geliştiricilerin pazarlama departmanının neye bağlı olduğunu anlamaları zor olduğundan ve pazarlama departmanı hangi araçların site için özellikle ağır olduğunu bilmeyebilir. Bu nedenle, işbirliği yapmanız gerekir.

Pazarlama ekibinize teklif gönderme

İzleme ve reklamlar için kullanılan araçlar, genellikle ziyaretçilerin siteye girdiklerinde içeriği ne kadar hızlı gördüklerini engeller. Bu da pazarlama yatırımlarının değerini azaltır. Çünkü reklamlar için ödeme yaptığımızdan, kullanıcılar ilgilenirler, tıklarlar ancak daha sonra beklemek zorunda kalırlar. Bu durum sinirlenip ayrılmalarına yol açabilir. Bir araştırma, Etkileşime Hazır 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% 35'e düştüğünü ortaya koymuştur. İhtiyacınız olan araçlar ile site performansı arasında bir denge sağlayarak, pazarlama yatırımlarından elde edilen getirinin artmasını sağlamak için bu sorunu birlikte çözme konusunda birlikte çalışabilir miyiz?

Pazarlama ekibinizle toplantıya hazırlanın

• Sitede uygulanan komut dosyalarının bir listesini oluşturun.
• Listeyi pazarlama ekibine gönderin ve onlardan listeyi önceden inceleyip üç gruba ayırmalarını isteyin:
  • İşletme açısından kritik öneme sahiptir. Bu komut dosyaları kalmalıdır.
  • Faydalı. Daha az kullanılabilecek veya kaldırılacak komut dosyaları. Örneğin, şirketler bazen ısı haritaları veya ekran kayıtları toplar ancak bu veriler seyrek incelenebilir ve işlem yapılmasına veya dönüşümlerin artmasına yol açmayabilir. Bu gibi durumlarda, araçları yalnızca (örneğin) iki hafta boyunca çalıştırmayı, analiz için bilgi toplamayı, ardından bir sonraki odaklanılan veri toplama dönemine gelene kadar komut dosyalarını temizlemeyi kabul etmek daha iyi olabilir.
  • Kullanılmamış veya sahibi değilsiniz. Bunların kaldırılması gerekiyor.
• Site hızını o komut dosyasıyla ve onsuz olarak 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 sekmesinden ayarlanabilir. Dilerseniz ağ isteklerini Chrome Geliştirici Araçları'ndan da engelleyebilirsiniz.

Pazarlama ekibinizle görüşün

• Komut dosyası listesini gözden geçirin ve her komut dosyasıyla ilgili görüşlerinizi bildirin. Örneğin, olması güzel komut dosyalarından herhangi biri site performansına çok zarar veriyor mu? Öneriler aldığınızda pazarlama ekibinin öncelik sırasını belirlemesi ve onlar için iş açısından kritik öneme sahip olan şeyler hakkında bilgi edinmeniz de onların bakış açısını anlamanızı kolaylaştırır.
• Aşağıdaki konuları tartışın:
  • Toplanan verilerin sağladığı avantajlar, dönüşümlerde sitenin yavaşlamasından kaynaklanan düşüşü aşan bir artışa yol açıyor mu? Karar verirken verilerden yararlanabilirsiniz.
  • Şirketiniz aracın piyasadaki en hızlı sürümüne sahip olan bir sağlayıcı mı seçti? Pazarlama departmanı, iş açısından kritik araçların daha hızlı alternatiflerle değiştirilip değiştirilemeyeceğini belirlemek için geliştiricilerin yardımına ihtiyaç duyabilir.
  • Sitedeki komut dosyalarından herhangi birine alternatif var mı? Örneğin, ısı haritaları yerine kullanılabilirlik testleri yapmaya başlayabilirsiniz. Bu testlerde, kullanıcı davranışının ardındaki "neden"i de öğrenerek genellikle daha derin analizlere ulaşabilirsiniz.

Sonraki adımlar üzerinde anlaşın

• İleriye dönük bir süreç seçin. Pazarlamada her zaman geliştiricilerden yeni araçları ve bunların hız üzerindeki etkilerini gözden geçirmelerini istemeli miyiz? Yoksa pazarlama ekibi, hızı nasıl kontrol edeceklerini öğrenip hız hedefine ulaştıkları sürece istedikleri araçlara öncelik verebilecekleri bir performans bütçesi almalı mıdır?

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ı artarken web sitelerinin ağırlaşması ve bunun sonucunda aslında yavaşlıyor olmasıdır. Geliştiricilerin bu sorunu çözmek için web tasarımcılarıyla işbirliği yapması gerekir.

Paylaşılan zorluk

Sonuç olarak, gelir elde etmek veya başka bir amaçla olsun, bir şirket içindeki tüm departmanlar genellikle, dönüşümle sonuçlanan siteye bağımlıdır. İşin acımasız şu ki, web sayfalarının ne kadar güzel yüklendiği o kadar uzun sürüyorsa ki kullanıcılar bunları görmek için sayfada uzun süre zaman kalmıyor.

Ancak dar web sayfaları ortak bir sorumluluktur. Geliştiriciler, resimlerin daha hızlı yüklenmesini sağlamak için çeşitli resim optimizasyonu teknikleri kullanabilirler. Web tasarımcıları, sayfa ağırlığını kabul edilen seviyenin altında tutmaya yardımcı olan sayfalar oluşturabilir.

Web tasarımı ekibinize teklif gönderin

Araştırmalar, daha az resim ve öğe içeren sayfaların daha fazla dönüşüm sağladığını göstermektedir. Örneğin, Google ve SOASTA tarafından yapılan bir çalışma, kullanıcıların dönüşüm gerçekleştirdiği oturumlarda, dönüşüm gerçekleştirilmeyen oturumlara kıyasla% 38 daha az görselin bulunduğunu ortaya koymuştur. Hız hedeflerine ulaşmak ve sitedeki dönüşümleri artırabilecek ortak bir çalışma kurabilmek için birlikte çalışabilir miyiz? Birlikte başarabileceklerimize örnek olarak, kalite ile hız arasında denge kurarak doğru resim sıkıştırmayı bulmak veya genellikle yoğun ve yavaş sitelere yol açan karmaşık düzenleri ya da işlevleri azaltmak verilebilir.

Web tasarımı ekibinizle bir toplantıya hazırlanın

• Sitedeki hangi sayfaların en yüksek yükleme süresine ve en yüksek sayfa ağırlığına sahip olduğunu izleyin. Örneğin, bir e-ticaret sitesiyle çalışıyorsanız yalnızca ana sayfayı değil, aynı zamanda tüm 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 teklifi hazırlayın. Diğer bir alternatif de, metrik olarak sayfa ağırlığıyla mümkün olduğunca basit bir başlangıç yapmak ve tüm sayfalar için hedef olarak 1 MB (veya marka bilinci oluşturma, dönüşümler için çok önemliyse 1,5 MB) ayarlamaktır.
• Hangi sayfaların hedef sayfa ağırlık düzeyinin üzerine çıktığının bir listesini hazırlayın.

Web tasarımı ekibinizle görüşün

• Geliştirme ekibinin resim sıkıştırma, duyarlı resimler, resim yeniden boyutlandırma, geç yükleme, önbelleğe alma ve sunucu optimizasyonu gibi çeşitli görsel optimizasyonu tekniklerini kullanarak resimleri nasıl daha hızlı sunabileceğini araştırın.
• Resimlerin farklı görüntü niteliklerinde ve boyutlarda yayınlandığı bir test sayfası oluşturun ve farklı ekranlarda performans ile kaliteyi dengeleyen bir seviyede anlaşın. Mobil oturumların yarısından fazlasının 30 saniye veya daha kısa olduğunu gösteren bir çalışma, mobil cihaz kullanan ziyaretçilerin genellikle kısa oturum sürelerine sahip olduğunu unutmayın. Bu kullanıcılar görselleri 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 1 MB'ın altında (veya maksimum 1,5 MB) sayfa ağırlığına sahip olmasını sağlamayı taahhüt ettiği bir performans bütçesi önerin.

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

İşletmeler nelere odaklanacaklarını bilmek ve karar verirken bir temel oluşturmak için verilere ihtiyaç duyar. Ancak birçok şirket site hızının öneminden ve bunun gelir ve satışla bağlantısından bahsetse de teknoloji ekiplerinin dışındaki haftalık raporlarına hızı dahil etmeyen birçok şirket var. Geliştiriciler analiz ekipleriyle ortak çalışmaya başlarsa bu durum değiştirilebilir.

Paylaşılan zorluk

Gerçek şu ki, rapor edilmeyen veriler dikkate alınmaz. 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 hıza odaklanmak için kaynak bulmakta zorlanırsınız. Ancak analiz ekipleri genellikle izleme hızı konusunda deneyimli olmadığından geliştiricilerden yardım alır. Hız iyileştirmeleri yapıldığında geliştiricilerin gelir üzerindeki etkisini hesaplamak için de analiz ekibinden yardım almaları gerekecektir. Bu departmanlar birbirlerine ilk başta sanıldığından daha bağımlı.

Analiz ekibinize teklif gönderin

Birçok örnek olayda, site hızının gelir ve hemen çıkma oranı üzerindeki etkisi gösterilmiştir. Şirketimiz için site hızı izlemeyi ayarlamak üzere iş birliği yapabilir miyiz? Belki de daha fazla onay almak için paydaşlara iletilen raporların bir parçası olarak hız kazanabilir miyiz?

Analiz ekibinizle bir toplantıya hazırlanın

• Hızı düzenli olarak takip edin. API'leri Lighthouse CI, PageSpeed Insights veya WebPageTest gibi bir araçla birlikte kullanmanız önerilir. Bu sayede, kontrollü bir laboratuvar ortamında istatistikleri düzenli olarak toplayarak farklı dönemler arasında kolayca karşılaştırma yapabilirsiniz.
• Hızın değeri'ni analiz ekibine iletin ve analizi yapıp yapamayacaklarını sorun. Böylece toplantı sırasında grafiği analiz etmeye hazır hale getirin.

Analiz ekibinizle görüşün

• Hız değeri alanından 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 bunu izlemeye başlamak için açık olup olmadıklarını sorun.
• Google Analytics'teki yükleme süresi metriğinin basitleştirilmiş iş raporları için yeterince uygun olup olmadığına karar verin. Hız değeri bu metriği kullanır. Birçok geliştiricinin bildiği gibi bu, pek çok önemli hız metriğinden yalnızca biridir. Ayrıca, Google Analytics'te bulunduğundan laboratuvar verileri yerine alan verileri olarak da adlandırılır. Peki, basitleştirilmiş işletme raporları için kullanılacak kadar iyi mi? Yukarıdaki analizden elde ettiğiniz sonucu kontrol edin ve en az 2-3 ay boyunca yüksek yükleme süreleri olduğunda göreli mobil dönüşüm oranının düştüğünü ve yükleme süreleri 2-3 ay boyunca düşük olduğunda göreli mobil dönüşüm oranının yükselip yükselmediğini gözlemlemenin mümkün olup olmadığını kontrol edin. Yükleme süreleriniz oldukça istikrarlı kalırsa hızı ciddi bir şekilde artırana kadar analizin işinize yarayıp yaramadığını anlamak zor olacaktır. Öyleyse bir sonraki alternatifi seç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ı ile korelasyon keşfedip bulmadığınıza bakın.
• Analiz ekibine, gelirle bağlantılı hesaplamalarda hızı kullanmanın yollarını ve bunun paydaşlara nasıl bildirileceğini düşünmeleri için zaman tanıyın. Bu konu genellikle onlar için yeni bir konu olur. Sonra tekrar buluşun ve kabul ettiğiniz bir yaklaşımı deneyin. Her zaman olduğu gibi, doğru eşleşmeyi bulana kadar veri toplama sürecini revize etmeniz gerekiyor. Ama bu, iş birliği başlatmanın yollarından biridir.

Sonraki adımlar

Hız projesi büyük iyileştirmelerle sonuçlandıktan sonra, analiz ekibinizden Hızın değeri bölümünde özetlenen analizi gerçekleştirmesini isteyin. Bu, şirkete ne kadar daha fazla dönüşüm ve gelir kazandırdığını göstererek ekibinizi ve sizinle işbirliği yapan tüm departmanları ödüllendirir. Bu, paydaşlara gönderilecek haftalık bir rapora dahil edilebilir; böylece proje tek seferlik bir çalışmaya dönüşmez ama sürekli sürdürülür.