Google Lighthouse Başarı Öyküleri: Teknik Optimizasyon ile Performansı Artırma

Google Lighthouse ile herhangi bir URL'nin teknik performansını hızlı ve kolay bir şekilde değerlendirebilirsiniz. Ayrıntılı testler yükleme sürelerini, erişilebilirliği ve web güvenliğini ölçer ve aynı zamanda bir web sitesinin teknik altyapısını geliştirme potansiyelini ortaya çıkarır. Bu blog yayınında, çevrimiçi performanslarını artırmaya yardımcı olmak için Google Lighthouse'u başarıyla kullanan şirketlerden bazı örnekleri paylaşmak istiyorum. Asya pazarı Carousell'in %63 daha fazla organik trafik oluşturmak için Lighthouse'u nasıl kullandığını, TripAdvisor ve Expedia'nın Lighthouse performans puanlarının Google sıralamalarıyla nasıl ilişkili olduğunu ve daha fazlasını öğrenin.

Google Lighthouse'un ne olduğuna ve arama motoru sıralamalarıyla ne kadar alakalı olduğuna dair bir genel bakış arıyorsanız, Searchmetrics teknik incelememizi “Google Lighthouse Sıralama Faktörleri 2019”u okuyarak başlayabilirsiniz. Makale, 15 milyondan fazla Google Lighthouse denetiminden elde edilen verilere dayanarak Google.com'daki en üst sıradaki web sitelerinin mevcut optimizasyon durumunu analiz ediyor. Teknik incelemeyi buradan indirin:

Google Lighthouse Sıralama Faktörleri 2019

Başarı Öyküsü 1: Asya'nın eBay'i Deniz Feneri Performansını 17'den 84'e nasıl yükseltti?

İlk Lighthouse vaka çalışmamız, Asya'nın carousell.com pazar yeri olan eBay'e verdiği yanıttan geliyor. Singapurlu platform, öncelikle mobil trafiğe dayanır ve Endonezya ve Filipinler gibi diğer Asya ülkelerine yayılmak amacıyla, Aşamalı Web Uygulamalarının mobil yükleme süresini artırmanın bir yolunu arıyorlardı: "Bir web sayfasına sahip olmak daha fazla zaman alır. Carousell'de Web Teknolojisi Lideri Stacey Tay, Medium'da Carousell'in teknik performans optimizasyonuna nasıl yaklaştığını açıkladığı bir blog yazısında, yeni kullanıcılarımızı kazanmak ve elimizde tutmak istiyorsak, 3G üzerinden yüklemek (bizimki gibi) kabul edilemez bir şey değil” diye açıklıyor. onların sitesi.

Başlangıç ​​olarak, Stacey, ilk Lighthouse denetimlerinin sonuçlarının bir uyandırma çağrısı olduğunu açıklıyor - Performans puanı sadece 17 puandı ve Aşamalı Web Uygulaması ve Erişilebilirlik kategorilerindeki sonuçlar çok vasattı. Yalnızca HTTPS veya güvenli JavaScript kitaplıkları gibi bir web sitesinin güvenlik yönlerine odaklanan SEO ve En İyi Uygulamalar olmak üzere iki kategorideki puanlar tatmin ediciydi.

Bu sonuçlara dayanarak, optimizasyon öncelikle Lighthouse Performans ve Aşamalı Web Uygulaması kategorilerindeki sonuçları iyileştirmeye yönelikti. carousell.com'un Lighthouse puanlarının öncesi/sonrası karşılaştırması, bu alanlarda ne kadar ilerleme kaydedildiğini gösterir:

Teknik optimizasyon önlemleri 2018'de gerçekleştirildi - Ekim ayının sonunda Stacey Tay, Medium'daki başarıyı belgeledi. Carousell.com'un kendi ülkesi Singapur'daki SEO Görünürlüğüne bakarsak, performansta net bir gelişme görebiliriz:

Optimizasyon için gerekli görevleri uygulamadan önce net bir görev hedefi belirlendi:

"Performans kullanıcı deneyimi olduğu için yeni kullanıcılara en başından itibaren keyifli bir deneyim sunmak istedik. Bunu yapmak için, performansa öncelik veren yeni bir web deneyimi tasarladık.” Stacey Tay, Carousell'de Web Teknolojisi Lideri

Bu misyon, web sitesinin teknik optimizasyonunun temelini oluşturdu. Daha da önemlisi, bu bir yan proje olarak ele alınmadı, yüksek derecede önceliklendirildi ve özel bir performans bütçesi verildi. Stacey, bu misyon yerine getirildiğinde, ekibi motive etmenin, yönetimi projenin önemine ikna etmenin ve projenin başarısını göstererek yatırımı haklı çıkarmanın daha kolay olduğunu yazıyor.

Bütçe üzerinde anlaşmaya varıldıktan sonra, Google Lighthouse denetimlerindeki puanlara göre hedefler belirlendi:

Daha önce de belirtildiği gibi, optimizasyondan önceki Performans puanı sadece 17 puandı. carousell.com ana sayfasını optimize ettikten sonra bunu 84 puana kadar çıkardılar. Site altyapısının ele alınan yönleri arasında, çalışma kutusu önbelleğe alma ve hizmet çalışanları ile daha etkili bir önbelleğe alma sistemi kurma, görüntüleri sıkıştırma ve CSS satır içi uygulama yer alıyordu. Bu önlemler birlikte hızlı, kullanıcı dostu bir Aşamalı Web Uygulaması oluşturulmasına katkıda bulundu ve sayfa şu şekilde yükleniyor:

Carousell'in performans optimizasyonunun başarısına dair somut kanıtlar rakamlarda bulunabilir. Yükleme süresini %65 oranında azaltmanın yanı sıra en dikkat çekici gelişme trafikteki artışta görülüyor. Optimizasyondan bu yana, Carousell'in organik trafiği %63 arttı:

Google Lighthouse Sıralama Faktörleri 2019'u okuyun

Başarı Öyküsü 2: Staples ve Walmart, dönüşümleri artırmak için daha hızlı yükleme sürelerini nasıl kullandı?

Yükleme sürelerinin optimizasyonundan bahsederken, sıklıkla referans noktası olarak kullanılan bazı Google istatistikleri vardır. Örneğin, yükleme süresi arttıkça, bir mobil kullanıcının arama sonuçlarına geri dönme olasılığı da artar. Yükleme süresi bir saniyeden üç saniyeye çıkarsa, hemen çıkma olasılığı %32 artar; yükleme süreleri bir saniyeden beş saniyeye çıkarsa, hemen çıkma olasılığı %90 artar.

Sayfa hızı analiz aracı GTmetrix, çok çeşitli perakende web sitelerine bakarak yükleme sürelerini azaltmanın somut faydalarını araştırdı. Örnekler, Staples ve Walmart gibi ağır perakendecileri içeriyor ve daha hızlı yükleme süreleri ile artan dönüşüm oranları arasındaki açık ilişkiyi gösteriyor.

Google Lighthouse Sıralama Faktörleri 2019'u okuyun

Başarı Öyküsü 3: Douglas yükleme sürelerini nasıl yarıya indirdi?

Şimdi, web sitesi performansında büyük iyileştirmeler yapmak için Google Lighthouse'u kullanan Alman parfüm devi Douglas'a dönüyoruz. Başarı hikayeleri, trafikteki büyük artışın sayfanın bazı kullanıcılar için kullanılamadığı anlamına geldiği Kara Cuma 2017'ye kadar uzanıyor. O sırada Google Lighthouse Performance puanları da iyileştirme için açık alan olduğunu gösterdi. douglas.de için proje üzerinde çalışan ve Mayıs 2018'den itibaren BT ve SEO arasındaki operasyonları koordine eden Münih merkezli serbest Tech SEO Danışmanı Michael Singer, “Optimizasyondan önce, 3G'de Etkileşim Süresi 20 saniyenin üzerindeydi. – şimdi yaklaşık 8 saniyeye indirdik.”

Google Lighthouse denetiminde bu etkileyici sonucu elde etmek için parfüm perakendecisinin web sitesinde önemli değişiklikler yapıldı. Michael, “200'den fazla teknik biletten geçtik” diye açıklıyor ve yapılan çok sayıda değişikliği hatırlıyor: Mobil alt alan devre dışı bırakıldı; mobil kullanıcılar artık Douglas'ın duyarlı ana www alanına giriyor. Ayrıca douglas.de, düğüm ve istek sayısını azaltan, HTML'yi sıkıştıran ve görüntü boyutlarını küçülten JS React'i kullanacak şekilde dönüştürüldü. Veritabanı gecikmesi de azaltıldı ve birkaç önbellek optimizasyonu uygulandı.

“Çalışmamızın odak noktası, web sitesini olabildiğince çabuk kullanabilmesi gereken kullanıcıdır. Sayfa hızı optimizasyonumuzun amacı, 4 saniyelik ilk etkileşimli zamana inmekti. Bu, JS React'e geçiş ve tek bir duyarlı web sitesi sürümüne geçişle birlikte SEO Görünürlüğümüzde önemli bir büyüme, daha yüksek trafik ve artan ciro sağladı." Michael Singer, Serbest Teknik SEO Danışmanı

Google Lighthouse Performans puanlarını kullanan bu optimizasyonlar, sayfa yükleme sürelerinde kayda değer bir iyileşme sağladı. "Metrikleri doğrulamak için Instana ile bize uzun vadeli etkileri gösteren gerçek zamanlı hız testleri yapıyoruz. Nisan 2018'de masaüstü değerleri hala 8 saniyenin üzerindeydi. Ekim 2018'de sık sık 4 saniyelik çizgiye ulaşıyorduk." Son olarak, web sitesinin teknik kullanılabilirliği de iyileştirildi, böylece Kara Cuma'da yaşanan trafik artışları artık daha iyi yönetilebilir.

Bu performans optimizasyonu, douglas.de'nin SEO Görünürlüğünde anında bir geri dönüş sağladı. Mayıs 2018 ile Mayıs 2019 arasında, alan adında %25 organik görünürlük artışı görüldü.

Elbette, Searchmetrics SEO Görünürlüğü, bir web sitesinin Google'daki performansının yalnızca bir ilk göstergesidir. Michael Singer, douglas.de'nin optimizasyonundan etkilenen diğer TPG'ler hakkında daha fazla bilgi sağlıyor. Michael, "Ziyaretler çok arttı ve ciro da güçlü bir büyüme gördü" diyor. SEO, douglas.de'ye en fazla ciro getiren kanal olduğu için, dönüşüm oranı da benzer bir oranda arttı.

Bir bakışta Douglas optimizasyonunun sonuçları:

• Sayfa yükleme süresi -50%
• SEO Görünürlüğü +%25
• Ziyaretlerde, dönüşümlerde ve ciroda büyük artış.

Google Lighthouse Sıralama Faktörleri 2019'u okuyun

Başarı Öyküsü 4: URL Performansı, TripAdvisor ve Expedia için Google Sıralamalarını nasıl etkiler?

Lighthouse Performance puanları ile gerçek Google Sıralaması arasındaki ilişkiyi araştırmak için seyahat endüstrisinde bir analiz yapmaya karar verdim. Oteller, uçuşlar ve karavanlar konuları etrafında seyahatle ilgili 3.500 anahtar kelimeyi derledim ve Google.com'daki sıralama sayfalarını ve bu anahtar kelimeler için TripAdvisor ve Expedia'nın sıralama konumlarına baktım. Sonuç: TripAdvisor ve Expedia, Google Lighthouse Performansları da yüksek olduğunda üst sıralarda yer alır:

Burada neden bu kadar net bir bağlantı var? Çevrimiçi seyahat endüstrisi, çok sayıda büyük oyuncunun onunla savaştığı son derece rekabetçi. TripAdvisor ve Expedia'nın yanı sıra, tümü yüksek düzeyde güvene sahip ve köklü, popüler markalar olan Booking.com, Hotels.com, FlightRadar vb. Aynı zamanda, farklı markalar arasında ayrım yapmak zordur. Çoğu durumda içerik, örneğin otel açıklaması çok benzer olacaktır - bu, bir web sitesinin büyük bir USP ile öne çıkmasını zorlaştırır. Ve eğer birkaç sıralama sinyali büyük ölçüde aynıysa – benzer boyutta marka, benzer arayüz, benzer özellikler, benzer içerik – o zaman web sitesi performansı sıralamaları belirlerken büyük olasılıkla belirleyici faktör olacaktır.

“ İyi bir kullanıcı deneyimi için hızlı yükleme süresi çok önemlidir. Bir web sitesiyle etkileşime girerken her kesinti küçük bir hayal kırıklığı yaratır ve daha fazla kesinti meydana geldikçe kullanıcının hayal kırıklığı büyür. Yükleme süresi yalnızca birkaç saniye artarsa, çok sayıda web sitesi hemen çıkma oranında bir artış gösterir ve bu da sonuçta dönüşüm oranında bir düşüşe yol açar.” Nils Kattau, Dönüşüm Uzmanı

Google Lighthouse sonuçlarının pazarınızla ne kadar alakalı olduğunu öğrenmek için özelleştirilmiş Searchmetrics Sıralama Faktörleri ile çalışabilirsiniz. Google Lighthouse verilerini ilgili pazarınız için analiz ediyor, bunları kendi Searchmetrics sıralama verilerimizle birleştiriyor ve web sitenizin teknik optimizasyonu için somut, uygulanabilir öneriler sunuyoruz. Kişisel raporunuzu bugün isteyin:

Özelleştirilmiş Searchmetrics Lighthouse Denetimi İsteyin