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

Diğer departmanlar, web sitesi hız optimizasyonu projenizi daha başarılı hale getirmenize nasıl yardımcı olabilir?

Lina Hansson

Site hızıyla ilgili yaygın yanlışlardan biri, bunun yalnızca geliştirme ekibinin sorumluluğu olduğudur. Gerçeklik, hızlı bir sitenin birkaç departmandan yardım gerektirmesidir. Geliştiriciler, ne kadar yetenekli olursa olsunlar sorunları tek başlarına çözebilmektedir. Peki iş arkadaşlarınızla birlikte hızı nasıl belirlersiniz? 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.

İşletme paydaşlarınızın yardımıyla hızı sabitleyin

Birçok şirket, tüketici davranışında yıkıcı bir değişimin ortasındadır. Fiziksel mağazalar yerine dijital platformlarda satın alma işlemi gerçekleştiren kullanıcı sayısının artması, şirketlerin hızlı bir şekilde uyum sağlamaları veya gelir kaybı yaşama riskiyle karşı karşıya kalmaları gerektiğinin öyküsünü anlatır. Bunun için hem yeni kurumsal süreçler ve zihniyetler hem başarılı olmak için paydaşların güçlü bir sürece katılması gerekecek.

Paylaşılan meydan okuma

Şirketlerin kendilerini organize etme şeklinin büyük olasılıkla birkaç düzeyde değişmesi gerekecektir. Öncelikle, oluşturabileceği gelirde potansiyel artış içeren bir hız projesi, geliştiricilerin üzerinde çalışmaya zaman ayırmadan gerçekleştirilmesi zor olacaktır. Kaynak tahsisinin zamanında yapılması gerekir. Paydaşlar ve yöneticiler projenin öncelikli olduğunu gösterirse pazarlama ve web tasarımcıları gibi diğer departmanlarla yapılan iş birliği genellikle daha zahmetsiz hale gelir.

Bu operasyonel düzeyin yanı sıra, paydaşların şu anda gerçekleşen iki değişim olduğunu anlaması da önem taşıyor:

• Satışlarınızın daha büyük bir kısmı fiziksel mağazalardan yapılsa da çoğu müşteri, mağazalarda alışveriş yapmadan önce siteniz gibi bir dijital platform kullanır. Site, ziyaretçilere iyi bir kullanıcı deneyimi sağlamıyorsa fiziksel mağazaların geliri de risk altında olur. Ayrıca çalışmalar, müşterilerin işletmenizi önerme isteğini ve işletmenize olan bağlılığını da etkilediğini gösteriyor.

• Mobil ziyaretçi sayısındaki artış, masaüstü kullanan ziyaretçilere göre daha güçlü. Bu nedenle, mobil platforma öncelik verilmesi, hazırlanması gereken veya gelecekte karşılaşılacak bir durum. Ayrıca, site hızı ile mobildeki dönüşümler arasında güçlü bir ilişki var. SOASTA'nın yaptığı bir çalışma, mobil sayfa yüklemesindeki her saniye gecikmede dönüşümlerin%20'ye kadar düşebileceğini gösteriyor.

Bu, dijital platformlar konusunda uzman kişilerden bilgi alarak yönetici kararları alan şirketlerin avantajlı olacağı anlamına geliyor. Dolayısıyla, işle ilgili kararların alındığı toplantılara bir geliştiriciyi davet ederek sitenin ve site kısıtlamalarının daha baştan dikkate alınmasını sağlayabilir ve böylece satışların artmasını sağlayabilirsiniz.

Paydaşlarınıza teklif gönderme

Genel olarak, satışların yaklaşık% 10'u dijital platformlarda gerçekleşiyor. Ancak çalışmalar, fiziksel mağazalardaki satışların% 85'ine varan bir kısmının öncelikle dijital ortamdan etkilendiğini gösteriyor. Dolayısıyla, özellikle mobil cihazlarda (birincil cihaz haline gelmektedir) iyi performans gösteren bir siteye sahip olmak, işletmemizin geliri için kritik öneme sahiptir. Sitenin dönüşümleri artırmasına yardımcı olacak bir hız projesi öneriyoruz ve iletişim akışlarını oluşturarak siteyi etkileyecek kararlar verilmeden önce teknik ekiplerdeki bilgilerin daha iyi kullanılmasını sağlamak amaçlanır.

Paydaşlarınızla görüşmeye hazırlanma

Paydaşlarla toplantı yapmadan önce web siteniz ve rakiplerinizin sitelerine ait verilerin yanı sıra önerdiğiniz değişikliklerin yüksek yatırım getirisine sahip olduğunu gösteren verileri hazır bulundurun. Hızın önemi hakkında veri toplayın. En iyi senaryo, hesabın şirketin geliriyle bağlantılı olmasıdır. Bunu aşağıdaki yöntemlerle başarabilirsiniz:

• Göreli mobil dönüşüm oranınızı hesaplayın. Analiz ekibinizle birlikte çalışarak Hızın değeri başlıklı makalede açıklanan analizi gerçekleştirin. Geçmişte yükleme sürelerinin aynı uzunluktaki başka bir dönemden çok daha uzun olduğu 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 yoluyla ş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 olarak aynı seviyede kalırsa analiz yapmak zorlaşır ve aşağıdaki alternatifler size daha fazla yanıt verebilir.
• İstatistiksel modellerden hızın değerini tahmin edin. Google'ın TestMySite hizmetinin yardımı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ğeri ile ilgili verilerdir. Analiz ekibiniz size yardımcı olabilir.
• En iyi uygulama örnek olaylarını sunun. Sitelerini hızlandıran ve etkisini gören diğer şirketlerin kullanım alanlarından da yararlanabilirsiniz. Sayfa Yükleme Süresinin Dönüşüm Oranlarını Etkilemesi: 12 Örnek Olay sayfasında bazı örnekler verilmiştir.
• Mobil cihazların önemini gösterin. Analiz ekibinden trafiğinizin yüzde kaçının mobil ve masaüstünden geldiğine ilişkin veriler sağlamasını isteyin.
• Ne kadara mal olacağını araştırın. Yukarıdaki hesaplamalar, paydaşlara hızdan elde edilecek potansiyel gelir artışını göstermenin yollarıdır. Ancak paydaşların karar alabilmesi için YG'yi bilmeleri gerekir. Böylece, tahmini bir maliyetle hazırlanırsanız yönetici kararına daha hızlı bir şekilde ulaşabilirsiniz. Bunu yapmak için, başlangıçta odaklanılan hız projesinin ne kadar süreceğini ve daha sonra bakım için ne kadar zamana ihtiyacınız olacağını değerlendirin. Örneğin, Fast-Fast forwardthink: TUI; siloları yıkarak sitelerini hızlandırdı, geliştiricilere zamanlarının% 20'sinde iş listeleri ve kampanyalar dışında zaman tanıdı. Bu sayede projeleri hızlandırmak ve siteyi daha iyi hale getirmek için başka yöntemlere odaklanabilirler.

Paydaşlarınızla görüşmeli

• Masaüstünden ve mobil cihazlardan ne kadar trafik aldığınızı ve son birkaç yılda mobil cihazlardan elde ettiğiniz büyümeyi sunun. Bu da iyi bir mobil deneyim oluşturmanın ne kadar önemli olduğunu gösteriyor.
• Hızın şirketin gelirini nasıl etkilediğine dair bulgularınızı sunun.
• Hız konusunda sürekli çalışmaları için zaman verilirse paydaşlara mobil ziyaretçilerden elde edilen geliri artırmaya yardımcı olabileceklerini bildirin.
• Geliştirme ekibinden bir kişinin, siteyle ilgili kararların alınacağı yönetici toplantılarına davet edilmesini önerin. Bugünlerde dijital platformlarda satış yapıyoruz. Kazananlar, dijital uzmanlarıyla iletişim kurmaya başlayan şirketler olacak. Modern şirketlerin departmanlar arasında ve paydaşlar ile geliştiriciler arasında iletişim akışlarının olması gerekecek. Harvard Business Review tarafından yapılan bir araştırma, her altı BT projesinden birinin maliyetinin %200 üzerinde olduğunu gösterdi. 2000'de 1,4 milyar dolarlık BT modernleştirme projesine başladığında Walmart ve Target'a karşı rekabetçi konumunu kaybetmiş olan Kmart, bu duruma örnek olarak verilebilir. İletişim ve bakım süreçlerinin erkenden kurulması, kopuklukları ortadan kaldırabilir ve bilgi paylaşımı rekabette öne çıkabilir.

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

Paylaşılan meydan okuma

Pazarlama ekiplerinin bilinçli kararlar vermek için reklamları ve verileri ele alacak 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 beklemesine 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 etmesi için sitenin hızlı olması gerekir. Böylece pazarlama, yatırımlarından iyi bir getiri elde edebilir.

Bu denge, komut dosyaları konusunda dikkatli olmakla elde edilir:

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

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

Pazarlama ekibinize teklif gönderin

İzleme ve reklam için kullanılan araçlar genellikle, ziyaretçilerin siteye girdiklerinde içeriği görme hızını engeller. Bu, pazarlama yatırımlarının değerini azaltır. Çünkü reklamlar için ödeme yaptığımızdan, kullanıcılar ilgilenir, tıklar ve ardından beklemek zorunda kalırlar. Bu, oyuncuların sinirlenip sitenizden ayrılmalarına yol açar. Bir araştırmada, Etkileşime Geçme 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üğünü belirledik. İhtiyaç duyduğunuz araçlar ile site performansı arasında bir denge kurmak ve pazarlama yatırımlarından daha fazla getiri elde etmek için bu sorunu çözmek üzere birlikte çalışabilir miyiz?

Pazarlama ekibinizle görüşmeye hazırlanın

• Sitede uygulanan komut dosyalarının bir listesini oluşturun.
• Listeyi pazarlama ekibine göndererek önceden inceleyip üç gruba ayırmasını isteyin:
  • İşletme açısından kritik. Bu komut dosyaları kalmalıdır.
  • İhtiyacınız olan şeyler. 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 nadiren incelenebilir ve bir işlem yapılmasını ya da dönüşümün artmasını sağlamaz. Bu gibi durumlarda araçları yalnızca iki hafta boyunca çalıştırmayı, analizleri analiz etmek için bilgileri toplamayı, ardından odaklanmış veri toplamanın bir sonraki dönemi gelene kadar komut dosyalarını temizlemeyi kabul etmek daha iyi olabilir.
  • Kullanılmadı veya sahibi değilsiniz. Bunların kaldırılması gerekir.
• Her bir komut dosyasının sitenizi ne kadar yavaşlattığını kontrol etmek için, site hızını kontrol ederek ve kullanmadan 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üşmek

• Komut dosyaları listesini inceleyin ve her bir komut dosyasıyla ilgili görüşlerinizi bildirin. Örneğin, kullanışlı komut dosyaları site performansına çok zarar verir mi? Öneriler alındığında pazarlama ekibinin önceliklendirmesi kolaylaşır. Ayrıca, onlar için işletme açısından kritik öneme sahip olan şeyleri dinleyerek bakış açısını anlamanız kolaylaşır.
• Aşağıdaki konuları tartışın:
  • Toplanan verilerin sağladığı avantajlar, dönüşüm sayısında sitenin yavaşlaması nedeniyle oluşan azalmadan daha yüksek bir artışa yol açıyor mu? Veriler, karara yön verebilir.
  • Şirketiniz, piyasadaki aracın en hızlı sürümüne sahip olan bir sağlayıcıyı mı seçti? Pazarlama departmanı, işle ilgili kritik araçların daha hızlı alternatiflerle değiştirilip değiştirilemeyeceğini belirlemek için geliştiricilerden yardım alabilir.
  • Sitedeki komut dosyalarından herhangi birinin alternatifleri var mı? Örneğin, ısı haritaları yerine kullanılabilirlik testleri yapmaya başlamak mümkün olabilir. Bu testler, kullanıcı davranışının "nedeni" hakkında bilgi edinir ve genellikle daha derin analizler sağlar.

Sonraki adımlar konusunda anlaşın

• İlerisi için bir sürece karar verin. Pazarlama departmanı her zaman geliştiricilerden yeni araçları ve bunların hız üzerindeki etkilerini incelemelerini istemeli midir? Yoksa pazarlamaya, hızı nasıl kontrol edeceklerini öğrenecekleri ve hız hedefini karşıladığı sürece istedikleri araçlara öncelik verebilecekleri bir performans bütçesi mi almalı?

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

Web performansındaki en büyük zorluklardan biri, bağlantı birçok bölgede hızlanırken web sitelerinin ağırlaşması ve bunun sonucunda da aslında yavaşlamasıdır. Geliştiricilerin bu sorunu çözmek için web tasarımcılarıyla iş birliği yapmaları gerekir.

Paylaşılan meydan okuma

Sonuç olarak, bir şirketteki tüm departmanlar ister gelir yaratma olsun ister başka bir amaçla olsun, genellikle dönüşüm sağlayan siteye bağımlıdır. İşin doğrusu şu ki web sayfalarının güzelliği hiç olmadığı kadar uzun sürüyorsa kullanıcılar onları görmek istemiyor.

Ancak küçük boyutlu web sayfaları ortak bir sorumluluktur. Geliştiriciler resimlerin daha hızlı yüklenmesini sağlamak için çeşitli görsel optimizasyonu teknikleri kullanabilir. 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 daha az öğ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 araştırma, kullanıcıların dönüşüm gerçekleştirdiği oturumların, dönüşüm sağlamayan oturumlara kıyasla% 38 daha az resim içerdiğini ortaya koymuştur. Hız hedeflerine ulaşmak için birlikte çalışabilir ve sitedeki dönüşümleri artırabilecek ortak bir iş birliği yapabilir miyiz? Birlikte yapabileceklerimize örnek olarak kalite ile hız arasında denge kurarak doğru resim sıkıştırma düzeyini bulmak ya da genellikle ağır ve yavaş sitelere yol açan karmaşık düzenleri veya işlevleri azaltmak verilebilir.

Web tasarımı ekibinizle bir toplantıya hazırlanma

• 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 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, sayfa ağırlığıyla mümkün olduğunca basit bir şekilde başlamak 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ı gösteren bir liste hazırlayın.

Web tasarımı ekibinizle tanışın

• Geliştirme ekibinin resim sıkıştırma, duyarlı resimler, görüntü yeniden boyutlandırma, geç yükleme, önbelleğe alma ve sunucu optimizasyonu gibi çeşitli resim optimizasyonu teknikleri aracılığıyla görüntüleri nasıl daha hızlı teslim edebileceğini araştırmaya çalışın.
• Resimlerin farklı görüntü kalitelerinde 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 oturum süresinin genellikle kısa olduğunu unutmayın. Yapılan bir araştırmaya göre, mobil oturumların yarısından fazlası 30 saniye veya daha kısa. 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 sayfa ağırlığının 1 MB'ın altında (veya en fazla 1,5 MB) olmasını taahhüt ettiği bir performans bütçesi önerin.

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

İşletmeler neye odaklanacaklarını bilmek ve kararlarının temelini oluşturmak için verilere ihtiyaç duyar. Ancak çoğu kişi site hızının öneminden, gelir ve satışla olan bağlantısından bahsetse de teknoloji ekipleri 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 meydan okuma

Gerçek şu ki, raporlanmayanlara odaklanmaz. Site hızı, işletme paydaşlarına yönelik haftalık veya aylık raporların parçası değilse kolayca unutulabilir ve odaklanmanız için kaynak bulmanız zorlaşır. Ancak analiz ekipleri genellikle izleme hızı konusunda deneyimli olmadığı için geliştiricilerden yardım alırlar. Geliştiricilerin, hız iyileştirmeleri yapıldığında gelir üzerindeki etkisini hesaplamak için analiz ekibinden yardım alması gerekir. Bu departmanlar ilk başta sandığınızdan daha çok birbirlerine bağımlıdır.

Analiz ekibinize teklif gönderin

Birçok örnek olay, site hızının gelir ve hemen çıkma oranı üzerindeki etkisini göstermektedir. Şirketimiz için site hızı izleme özelliğini kurmak üzere iş birliği yapabilir miyiz ve belki de raporları paydaşlara ileterek daha fazla ikna edebilmek için raporların bir parçası olarak hız elde edebilir miyiz?

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

• Hızı düzenli olarak takip edin. Önerilerden biri de Lighthouse CI, PageSpeed Insights veya WebPageTest gibi bir araçla API kullanmanızdır. Böylece, farklı dönemler arasında kolayca karşılaştırma yapabilmek için kontrollü bir laboratuvar ortamında düzenli olarak istatistikleri toplayabilirsiniz.
• Hızın değeri'ni analiz ekibine iletin ve analizin yapılıp yapılamayacağını sorun. Böylece, grafiğiniz toplantı sırasında analiz edilmeye hazır olur.

Analiz ekibinizle görüşün

• 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 durumu izlemeye açık olup olmadıklarını sorun.
• Google Analytics'teki yükleme süresi metriğinin, basitleştirilmiş iş raporları için yeterince iyi olup olmadığına karar verin. Hız 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. Bu veriler Google Analytics'te bulunduğundan laboratuvar verileri yerine alan verileri olarak da kullanılır. Peki, bu veriler basitleştirilmiş iş raporları için kullanılmaya uygun mu? Yukarıdaki analizden elde ettiğiniz sonucu kontrol edin. En az 2-3 ay boyunca yükleme süreleri yüksek olduğunda göreceli mobil dönüşüm oranının düşüp düşmediğini ve yükleme süreleri 2-3 aylık 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ı öğrenin. Yükleme süreleriniz oldukça istikrarlı kaldıysa hızı büyük ölçüde artırana kadar analizin işinize yarayıp yaramadığını anlamak zor olacaktır. Öyleyse bir sonraki alternatifi tercih edin.
• Geliştiricilerin kullandığı hız metriklerine göre grafiklerinizi gösterin. Bu dönüşüm oranlarını analiz ekibine açıklayın ve dönüşüm oranıyla ya da göreli mobil dönüşüm oranıyla korelasyon keşfedip karşılaşamadığınıza bakın.
• Analiz ekibine, gelirle bağlantılı hesaplamalarda hızı nasıl kullanacakları ve bunun paydaşlara nasıl bildirilecekleri üzerinde düşünmeleri için zaman tanıyın. Bu, çoğunlukla onlar için yeni bir konudur. Sonrasında yeniden bir araya gelin ve hemfikir olduğunuz bir yaklaşımı deneyin. Her zaman olduğu gibi, uygun çözümü bulana kadar veri toplamayı gözden geçirmeniz gerekir ama iş birliğini başlatmanın yolu budur.

Sonraki adımlar

Hız projesi büyük iyileştirmeler yaptıktan sonra analiz ekibinizden Hızın değeri bölümünde açıklanan analizi gerçekleştirmesini isteyin. Bu rapor, şirkete ne kadar daha fazla dönüşüm ve gelir elde ettiğini göstererek hem ekibinizi hem de sizinle ortak çalışan tüm departmanları ödüllendirir. Bunu paydaşlara gönderilecek haftalık bir rapora dahil edebilirsiniz. Böylece proje tek seferlik bir çalışma haline gelmez ve sürekli sürdürülür.