Hız Öldürür: Web Sitenizin Hızını ve Performansını Denetleme ve İyileştirme

Demek tüm bu SEO ve dönüşüm optimizasyonunu WordPress sitenizde yaptınız.

Geri bağlantılar alıyorsunuz, içeriğiniz harika, sayfalarınız optimize edilmiş, incelemeler alıyorsunuz, ilgi çekici bir CTA'nız ve çok sayıda doğru işletme listeniz var. Web siteniz muhteşem. Gerçekten bir sanat eseri!

...ama iğne hareket etmiyor. Neden? Niye? Açıklama düşündüğünüzden daha basit olabilir. Siteniz muhtemelen yavaş.

Düşük site hızı aslında çok yaygındır. Vendasta'daki ekip bile bu sorunu ilk elden yaşadı. Bir süredir site hızı sorunlarımızla mücadele ediyoruz ve ilerleme kaydettik... ama tüm bunlara daha sonra değineceğim.

Bu sorunu pazarlamacılar ve pazarlama ajansları arasında her zaman görüyorum. "Anlaması" gereken ve web sitesi sayfa hızı optimizasyonu gibi en iyi uygulamaları erken benimseyenler biziz. Ancak, Google'ın PageSpeed ​​Insights Aracı, muhteşem, SEO için optimize edilmiş, içerik yüklü web sitelerimizin birçoğu hakkında aksini söylüyor.

Hepimizin daha iyisini yapması gerekiyor.

Bu yüzden şu anda bunu okuyorsunuz, o yüzden başlayalım!

İçindekiler

Sayfa Hızı nedir?

Sayfa Hızınızı ve Puanınızı Nasıl Belirlersiniz?

Sayfa Hızı Neden Önemlidir?

1. Hız, Kullanıcı Deneyimini Öldürür

2. Hız SEO'yu Öldürür

3. Hız Öldürme Dönüşümleri

Web Sitenizin Daha Hızlı Yüklenmesini Nasıl Sağlayabilirsiniz? 8 Taktik

4 Site Hızı Örnek Olay İncelemeleri

Denetim ve Site Hızı Optimizasyonunuzu Nasıl Yapabilirsiniz?

1. Grafik Sonuçları İçin Bir Temel Alın

2. 8 Adımda Çalışın

3. Gerektiğinde Yardım Alın

4. İleriye Dönük Site Hızına Bağlı Kalın

Satışları Artırmak İçin Site Hızından Nasıl Yararlanılır?

Sayfa Hızı nedir?

Sayfa hızı, bir web sitesinin sayfasındaki içeriğin tamamen yüklenmesi için geçen süredir. İnsanların anında sonuç beklemeye başladığı bir dünyada, daha hızlı daha iyidir.

Aslında, Akamai ve Gomez.com tarafından yapılan anketlere göre, web kullanıcılarının neredeyse yarısı bir sitenin 2 saniye veya daha kısa sürede yüklenmesini bekliyor ve 3 saniye içinde yüklenmeyen bir siteyi terk etme eğilimindeler.

İlgili Okuma: Web Siteleri için 58 Ürkütücü İstatistik

Yani ortalama bir ziyaretçinin tolere edebileceği minimum hız 3 saniyedir. Tipik bir web sitesi göreve hazır mı? Pingdom, veri kaynağı olarak kendi müşterilerini kullandı ve onlar için cevabın kocaman bir HAYIR olduğunu gördü.

Pingdom'un müşterileri arasında, 3Mb web sayfalarının ortalama yüklenme süresi 5 saniyeydi. Çok yavaş.

Birçoğunun sayfa yükleme süresi için kullandığı standartlar, Geoff Kenyon tarafından yürütülen ve web sitesi hızını web'in geri kalanıyla karşılaştırdığı bir çalışmadan gelmektedir:

• siteniz 5 saniyede yüklenirse, web'in yaklaşık %25'inden daha hızlıdır
• siteniz 2,9 saniyede yüklenirse, web'in yaklaşık %50'sinden daha hızlıdır
• siteniz 1,7 saniyede yüklenirse, web'in yaklaşık %75'inden daha hızlıdır
• siteniz 0,8 saniyede yüklenirse, web'in yaklaşık %94'ünden daha hızlıdır

Peki web sitenizin nasıl yığıldığını nasıl belirleyebilirsiniz?

Sayfa Hızınızı ve Puanınızı Nasıl Belirlersiniz?

Web sitenizin yukarıda tartıştığımız mevcut kullanıcı beklentilerine göre nasıl bir performans gösterdiğini şu şekilde ölçebilirsiniz:

1. Web sitenizin Google Analytics Site Hızı raporlarına girin. Bu size sitenizin çeşitli zaman dilimlerinde nasıl performans gösterdiği ve sayfalarınızın her birinin yüklenme hızı hakkında bir fikir verecektir.
2. Sitenizin URL'sini Google'ın PageSpeed ​​Insights Aracına girin. Bu size web sitenizin mobil cihazlarda ve masaüstünde hız performansı hakkında bir rapor kartı verecektir. Rapor, sitenizin hızını artırmak için yapabileceğiniz bazı önerilen eylemlerle birlikte gelir.
3. Pingdom'un test edilen web sitelerinin ortalamasından daha hızlı olan hızı, sıralamayı ve yüzdeyi öğrenmek için Pingdom'un web sitesi hız testini kontrol edin
4. GTMetrix, sitenizin hız optimizasyon durumuna kapsamlı bir bakış sağlayacaktır.

Not: Pingdom ve Gtmetrix'te farklı hız zamanlamaları gördüğünüzde şaşırmayın. Pingdom size yükleme süresini (Web sitenizin ilk sonucunu göstermek için geçen süre - google'ın önemli olduğu ve sizin de yapmanız gereken) göstereceğinden ve GTmetrix size tam yükleme süresini gösterecek (Tam sayfa doluyken tam sayfanın gösterilmesi için geçen süre) işlevsellik çalışıyor). Daha iyi anlamak için, her iki araçtan da hız şelalesini görmek her zaman iyidir.

Site hızı denetiminizin bir parçası olarak (aşağıda daha ayrıntılı olarak ele alacağım), optimizasyon ilerlemenizi izlemek için bu araçları kullanacaksınız.

İlgili Okuma: WordPress Mobil Sitenizi Nasıl Hızlandırırsınız?

Sayfa Hızı Neden Önemlidir?

Kullanıcı beklentileri (2 saniye) ile ortalama web sitesi yükleme süresi (5 saniye) arasındaki boşluğu kapatmak, sayfa hızı optimizasyonunun ve daha sonra ana hatlarıyla belirteceğimiz taktiklerin hedefidir. Ancak sayfa hızı tam olarak neden önemlidir? Birbirine bağlı 3 ana nedene bağlı:

1. Hız, Kullanıcı Deneyimini Öldürür

Kullanıcı deneyimi muhtemelen web sitesi hızına önem vermenizin en önemli nedenidir, bu yüzden buradan başlayacağız.

İnsanların artık yavaş yüklenen web sitelerine sabrı yok. Başlangıçta, sadece internete bağlanmak bile artık olmayan bir tolerans gerektiriyordu.

Bu tatlı sesi hatırlayacak yaşta mısın?

Günümüzde insanlar sürekli çevrimiçi ve sayfanızı görüntülemek için en fazla 3 saniyeniz var, yoksa giderler. 3 saniyeden fazla süre kötü bir kullanıcı deneyimi yaratır ve çıta gelecekte daha da yükselecektir.

Girişimci ve blog yazarı Fred Wilson, "Başarılı Web Uygulamalarının 10 Altın İlkesi" konulu konuşmasında şunları belirtiyor:

“Hız en önemli özelliktir. Uygulamanız yavaşsa, insanlar onu kullanmayacaktır. Bunu, uzman kullanıcılardan çok ana akım kullanıcılarda görüyorum. Uzman kullanıcıların bazen gerçekten hızlı web uygulamaları oluşturmanın zorluklarına biraz sempatik baktığını ve belki bununla yaşamaya istekli olduklarını düşünüyorum, ancak karıma ve çocuklarıma baktığımda, onlar benim ana akım görüşüm. Dünya. Bir şey yavaşsa, öylece gittiler.”

Bunu düşünmenin en kolay yolu, web sitelerinde nasıl gezindiğiniz ve çoğu siteden beklentilerinizin ne olduğudur. Orada oturup yavaş yükleme sürelerini tolere ediyor musunuz? Yüklemesi sonsuza kadar süren bir web sitesi hakkındaki izleniminiz nedir?

İlgili Okuma: Küçük İşletme Web Siteleri Oluşturmak İçin Çaylak Dostu 10 Adımlık Kılavuz

2. Hız SEO'yu Öldürür

Kullanıcı deneyimi aslında site hızının SEO sonuçlarının arkasındaki itici güçtür.

Yoast'tan Edwin Toonen şöyle açıklıyor:

“Google'ın son araştırması, sayfa yükleme süresi 1 saniyeden 3 saniyeye çıktığında hemen çıkma olasılığının %32 arttığını gösteriyor. 1'den 5'e, şansı %90'a çıkarır ve sitenizin yüklenmesi 10 saniyeye kadar sürerse, hemen çıkma şansı %123'e çıkar. Bu inanılmaz. Arama motorları için daha iyi sonuçlar ve performans, müşterileri memnun eden sağlıklı bir sitenin işaretidir ve bu nedenle daha yüksek bir sıralama ile ödüllendirilmelidir.”

Google, yavaş web sitelerinin sıralamada düşüş alıp almayacağını resmi olarak açıklamakta yavaş kalsa da, o günler yaklaşıyor gibi görünüyor. Web sitenizin ve yönettiğiniz web sitelerinin hazır olduğundan emin olmanız gerekir.

3. Hız Öldürme Dönüşümleri

Site hızınızın dönüşümler üzerindeki etkisi, gerçekten dikkatinizi çekmesi gereken şeydir. Her adım sonsuza kadar sürerse, insanları huninizde nasıl hareket ettirebilirsiniz? Süper hayranlarınız bunu yapacak, ancak alıcı pişmanlığına eğilimli yeni, tereddütlü insanlar geri dönecek.

Örneğin SOASTA kısa bir süre önce, önemli miktarda (4,5 milyon oturum) mobil trafiğe sahip lider bir çevrimiçi perakendeci olan mPulse müşterilerinden biri hakkında bir araştırma yaptı.

Temel bulguları şunlardı:

1. Dönüşümler açısından performans tatlı noktası 2,4 saniyeydi
2. Yalnızca bir saniye daha hızlı olan sayfalar, %27'lik bir dönüşüm oranı artışı elde etti
3. 4,2 saniyede ortalama dönüşüm oranı %1'in altına düştü
4. 6 saniyeye gelindiğinde, mobil dönüşüm oranı sabit kalmaya başlar

Görüntü Kaynağı: SOASTA

Çıkarımlar oldukça açık. Yavaş sayfa yükleme süreleri, dönüşüm oranını düşürür. Dolayısıyla, Sherlock benzeri tümdengelimli akıl yürütme, site hızını artırmaya odaklanmanın dönüşüm oranını artırması gerektiğini gösterir!

Bakalım bunu gerçekleştirebilecek miyiz.

Web Sitenizin Daha Hızlı Yüklenmesini Nasıl Sağlayabilirsiniz? 8 Taktik

Sitenizi hızlandırmak mutlaka bir çırpıda olmayacak. Küçük, hafif bir siteniz varsa, bu listedeki birkaç taktiği denemeniz yeterli olabilir.

Bununla birlikte, çok fazla kod ve içeriğe sahip büyük, eski siteler biraz ısrar ve aşağıdaki listede yer alan birkaç taktiğin uygulanmasını gerektirebilir.

İşte nereden başlayacağınız:

1. Tarayıcı önbelleğinden yararlanın:

Siteleri ziyaret ettiğinizde, tarayıcınız genellikle yükleme süresini hızlandırmak için sitedeki sayfaları önbelleğe alır.

Tarayıcı önbelleğe alma, bir kullanıcı bir web sayfasını ziyaret ettiğinde web sayfası kaynak dosyalarını yerel bir bilgisayarda depolar, bu nedenle tarayıcı önbelleğinden yararlanmak, tarayıcılara kaynaklarının nasıl ele alınması gerektiğini söylediğiniz zamandır.

Sunucunuzdan gelen yanıt önbelleğe alma başlıklarını içermediğinde veya kaynakların yalnızca kısa bir süre için önbelleğe alınacağı belirtildiğinde işler yavaşlayabilir.

Önbelleğe alma özelliğinden yararlanmak, sayfalarınızı ve aynı kaynakları paylaşan diğer sayfaları tekrar ziyaret edenler için çok daha hızlı yükleyecektir.

Not: SEO İçerik Stratejisti Maddy Osman, "W3 Total Cache bunun için harika ama bazı ana bilgisayarlarda (GoDaddy gibi) yasaklandı" diyor. Web sitenizi bozmamanız için yapılandırmak için uzman bir ele ihtiyaç var.”

İşte nasıl yapılacağı

2. Görüntüleri optimize edin:

Resimler daha hızlı yüklenirse, siteniz daha hızlı yüklenir, nokta. Google, “...bir sayfada indirilen baytların çoğunu genellikle resimler oluşturur. Sonuç olarak, görüntüleri optimize etmek genellikle en büyük bayt tasarruflarından bazılarını ve performans iyileştirmelerini sağlayabilir."

Bu, sayfalarınızdaki resimler, görsel kalitelerini önemli ölçüde etkilemeden dosya boyutlarını küçültecek şekilde optimize edildiğinde bazı büyük iyileştirmeler elde edebileceğiniz anlamına gelir.

İşte nasıl yapılacağı

3. HTML, CSS ve JavaScript'i küçültün:

Küçültme, kodun yürütülmesi için gerekli olmayan tüm gereksiz karakterleri kaldırır.

Kaldırabileceğiniz gereksiz veri kaynakları, kod yorumları ve biçimlendirme, kullanılmayan kodu kaldırma, daha kısa değişken ve işlev adları kullanma ve daha fazlasını içerir.

İşte nasıl yapılacağı

4. gzip sıkıştırmayı etkinleştirin:

Gzip sıkıştırması, birisi web sitenizi ziyaret ettiğinde sunucunuzdan gönderilen dosyaların boyutunu büyük ölçüde azaltır. Bu, işleri önemli ölçüde hızlandıracaktır.

GTMetrix'e göre,

"Gzip'in bir web ortamında bu kadar iyi çalışmasının nedeni, CSS dosyalarının ve HTML dosyalarının çok fazla yinelenen metin kullanması ve çok fazla boşluk içermesidir. Gzip ortak dizileri sıkıştırdığından, bu, sayfaların ve stil sayfalarının boyutunu %70'e kadar azaltabilir!”

İşte nasıl yapılacağı

5. Sunucu yanıt süresini azaltın:

Sunucu yanıt süresi, bir web sunucusunun tarayıcıdan gelen bir isteğe yanıt vermesi için geçen süredir. Bu, ele alınması gereken önemli bir sorundur, çünkü sunucu yanıt süreniz yavaşsa, sayfalarınız hız için ne kadar optimize edilmiş olursa olsun, sayfalarınız yavaş görüntülenecektir.

Google, sunucu yanıt sürenizi 200ms'nin altına düşürmeniz gerektiğini söylüyor. Peki bunun olmasını nasıl sağlarsınız?

İşte nasıl yapılacağı

6. Açılış sayfası yönlendirmelerinden kaçının:

Belirli bir URL'den nihai açılış sayfasına birden fazla yönlendirmeniz olduğunda siteniz gerçekten yavaşlayabilir. Bu, işlenmesi zaman alan bir yeniden yönlendirme döngüsünü başlatır.

İşleri yavaşlatabilecek birkaç yönlendirme örneği:

example.com → m.example.com/home - mobil kullanıcılar için birden fazla gidiş-dönüş cezası.
example.com → www.example.com → m.example.com - çok yavaş mobil deneyim.

İşte nasıl yapılacağı

7. Görünür içeriğe öncelik verin:

Sayfanın üst kısmındaki içeriği oluşturmak için ek ağ gidiş dönüşleri gerektiğinde Google'ın Sayfa Hızı aracından alacağınız mesaj tam olarak budur.

Bu "ekranın üst kısmı" içeriği, bir sayfayı ziyaret ettiğinizde masaüstünde veya cihazda gördüğünüz şeydir. Bu nedenle, görünür içeriğe öncelik vermek, sayfanızdaki temel öğelerin kullanıcılar için önce (ve hızlı bir şekilde) yüklenmesi ve sosyal paylaşım eklentileri, analitik javascript vb.

İşte nasıl yapılacağı

8. Ekranın üst kısmındaki içerikte oluşturmayı engelleyen JavaScript ve CSS'yi ortadan kaldırın:

JavaScript ve CSS kaynakları genellikle sayfanızın tamamen yüklenene kadar görüntülenmesini engeller. Bu genellikle iyi bir fikirdir, çünkü ekranın üst kısmındaki içeriğinizin zamanından önce görüntülenmesi oldukça grotesk görünebilir.

Ancak bu, site hızıyla ilgili olarak Google'dan alacağınız yaygın bir mesajdır ve bunu ele almak, sayfanızın gerçekten birkaç kademe hızlanmasını sağlayabilir.

İşte nasıl yapılacağı

Not: Bu, çoğu insan için düzeltilmesi en zor şeydir. Sadece bunu yapan wordpress eklentileri var, ancak sitenizi her yüklemede Frankenstein gibi gösterebilirler.

Vaka Çalışması: Vendasta'nın Blogunu Hızlandırma

Bu yüzden, Vendasta mobil hız için 44/100 (güncelleme: üç ay sonra 77/100'deyiz!) ve masaüstü hızı için 60/100 olmasına rağmen bu yazıyı site hızı hakkında yazıyorum.

Güven bana, burada sokaktaki itibarla ilgili bir soru olabileceğinin farkındayım. Ancak, hikayemizde Google'ın analiz aracının size anlatacağından daha fazlası var.

Vendasta'da site hızımız üzerinde çok çalıştık, ancak hala olmak istediğimiz yerde değiliz. Aslında pek çok iyileştirme yaptık, ancak tonlarca içeriğe sahip büyük bir sitemiz var, bu nedenle hem mobil hem de masaüstü için 80/100 hedefimize henüz ulaşmadık.

Ancak, site hızıyla mücadele eden sadece biz değiliz! Pek çok yüksek profilli web sitesi bizimle aynı zorlukları paylaşıyor. Aslında, Google'ın PageSpeed ​​Insights aracına göre HubSpot'un bile sitelerinin performansını iyileştirmek için yapacak işleri vardır:

Bu, HubSpot'un "silah ateşlendi" açıklaması değil (saygı!), ben bunları yalnızca site hızını artırmanın profesyoneller için bile zor olabileceğini ve hepimizin iyileştirmemiz gerektiğini göstermek için bir örnek olarak kullanıyorum. gelecek nesil internet kullanıcılarının taleplerini karşılamak. En sevdiğiniz sitelerden bazılarını araç aracılığıyla çalıştırın ve ne demek istediğimi anlayacaksınız!

Yukarıda da belirttiğim gibi, işleri hızlandırmak için yaptığımız her iyileştirme katlanarak artabilir.

Vendasta Pazarlama Teknolojisi Uzmanı Adam Bissonnette,

"Bizim için büyük değişiklik, sunucu tarafındaki şeylerdi - wordpress web sitemizi AppEngine'de çalıştırırken benzersiz bir konumdayız (bunu kimse yapmıyor) ve büyük performans artışları, AppEngine Standard'tan Beta'da olan AppEngine Flex'e geçmekti. Ayrıca değiştik php versiyonumuz 5'ten 7'ye çıktı ve bu da çok yardımcı oldu.php'yi güncellemek, belirli eklentilerin artık çalışmadığı kendi problemlerini getirdi ve bir veya iki ay boyunca bu serpinti ile uğraşmak zorunda kaldık, ancak hız, kayıp işlevsellikten daha değerliydi. ."

Bundan çıkarabileceğiniz şey, kendi özel durumunuz için en iyi çözümü bulmanın anahtar olduğudur. Burada bahsetmediğimiz, siteniz için iğneyi hareket ettiren taktikleri bulabilirsiniz!

Mayıs 2016'da site hızı çalışmalarımızın başlatılmasının ardından blogumuzun büyümesine bir göz atın:

Bu iyileştirmeler, ardından gelen tüm Vendasta içerik girişimlerine zemin hazırladı. O zamandan beri, yüksek hacimli derinlemesine, kaliteli içerik üretmeye odaklandık. Eşleşen site hızı iyileştirmelerimiz olmadan, analitik ekran görüntüsünün gösterdiği trafikte ani bir artış görmeniz pek olası değildir.

Performans, yalnızca site hızımızı optimize etmeye ve kullanıcı deneyimimizi iyileştirmeye devam ettikçe artacaktır!

Temel Çıkarım: Web sitenizde büyümeyi deneyimlemek için 100 üzerinden 100 puan almanıza gerek yok.

40/100'deyseniz, zaman elverdikçe birkaç iyileştirme yapın ve 60/100 için çekim yapın. Hemen 100/100 için çekim yaparak kendinizi tüketmeyin!

Vaka Çalışması: iHeartRaves

iHeartRaves, misyonu bireysel yaratıcılığa ilham vermek ve kendini ifade etmeyi güçlendirmek olan festival modasında bir dünya lideridir. Diğer iki kardeş markasını birleştiren Shopify mağazaları yılda 20 milyon dolar hasılat yapıyor ve dört yıl üst üste Inc. 5000'de yer alıyorlar.

Bir e-Ticaret sitesi olarak iHeartRaves, zayıf web sitesi hızı ve performansının mali sonuçlarının kesinlikle farkındadır.

iHeartRaves'in Dijital Pazarlama Stratejisti Brandon Chopp bana şunları söyledi:

"Bir e-ticaret markası olarak, site hızının çok yüksek olduğunu fark ettik! Dönüşümleri düşündüğümde, harekete geçirici mesaj yoluyla bir kullanıcının bir şeyi tıklamasını sağlamanın en iyi yollarını düşünüyorum. Gerçek şu ki, daha hızlı web siteleri her zaman kazanacak. Siteniz ne kadar hızlıysa, kullanıcıların dönüşüm gerçekleştirme olasılığı o kadar yüksektir.”

Brandon, işletmenin gelir artışı hedeflerine ulaşmasına yardımcı olmak için site hızını artırması gerektiğini biliyordu. Aşağıdaki taktikleri kullanarak iHeartRaves'in hız geliştirmelerini ele aldı:

1. Görselleri Optimize Edin: Mobil sitemizin hızlı bir şekilde yüklenmesini sağlamak için Crush.pics adlı bir Shopify uygulaması kullanıyoruz. Bu, tüm resimlerimizin, resim kalitesini korurken site hızı için optimize edilmesini sağlar.
2. Kodu Küçült: Ayrıca, çağrılan komut dizilerinin toplam sayısını azaltırken tüm sıvı kodumuzu ve öncelikli komut dosyası yükleme sırasını küçültmek için adımlar attık.
3. Sayfadaki Varlıkları Temizleyin: Bazı sayfalardaki gereksiz varlıkları kaldırırken diğer sayfalardaki resim varlıklarını azaltmak, site yükleme süresinin de kısalmasına yardımcı oldu. Biz bir e-ticaret sitesi olduğumuz için hız ve içerik arasında denge kurmaya çalışıyoruz. Müşterilerimiz için harika bir kullanıcı deneyimi sağlarken görüntü kalitemizin standartlarımıza uygun olduğundan emin olmak bizim için çok önemlidir.

Sayfa yükleme hızı ve hemen çıkma oranı sonuçları bu güncellemelerle gerçekten iyileşti: "Değişiklikler yaptığımızdan beri site hızımız yıldan yıla 10,25 saniyeden 6,86 saniyeye düştü (%65 düşüş) ve hemen çıkma oranımız %6 azaldı," diye açıklıyor Brandon. . "Başlangıçta %40,34'tü ve şimdi %34'e düştü."

Bu iyileştirmeler aynı zamanda iHeartRaves için somut finansal sonuçlara da dönüşmüştür. “Google'da hızlı bir mobil siteye sahip olmanın faydasını gördük çünkü büyük ölçüde site hızımızın düşmesi sayesinde dönüşüm oranımız yıldan yıla arttı. Müşterinin kullanıcı deneyimini ilk sıraya koyarak müşterilerimizi elde tutmayı başardık ve her yerde daha kolay bir alışveriş deneyimi haline getirdik.”

Temel Çıkarım: Hız ve kullanıcı deneyiminin el ele gittiğini unutmamak önemlidir.

İkisi birlikte, hepsine hükmeden tek metrikte iyileştirmelere yol açabilir: Dönüşümler!

Vaka Çalışması: Jubaer'in 6 Saniye ve 40 Puan İyileştirmesi

Vendasta'nın kendi SEO uzmanı Jubaer Prodhan, Google'ın Pagespeed Insight Tool'u kendi sitesi için takip ederek bazı güzel sonuçlar aldığı bir örneği paylaştı.

Jubaer, "Benim durumumda, yükleme süresi 8 saniyeden uzun ve GPI (Google PageSpeed ​​Insight) puanı 43 olan bir wordpress web sitem var. Site hızını artırmak için aşağıdakileri yaptım.":

1. Görüntü Optimizasyonu: Doğru yapılırsa, sayfa boyutunu ve hızını büyük ölçüde azaltabilir. Benim durumumda, sayfa boyutu 3 MB'tan 1,6 MB'a düştü. Kullanılan eklenti: ShortPixel Image Optimizer (Görüntüleri bu araçla da optimize edebilirsiniz)
2. Kod Küçültme: Çoğu zaman çeşitli ihtiyaçlarımız için birden çok wordpress eklentisi kullanırız. Çoğunun sitenize fazladan CSS/HTML/Javascript eklediğini fark etmediğimiz şey. Bu da yükleme süresini ve tarayıcı isteğini artırır. Küçültmek (fazladan satırları ve kodları kaldırmak) bunun için kolay bir çözümdür. Kullanılan eklenti: Autoptimize
3. Tarayıcı Önbelleği: Tarayıcı önbelleğinin kullanılması, başlıca araçların çoğu tarafından önerilir. Ve bant genişliğini, tekrar gelen ziyaretçi için yükleme süresini ve diğer pek çok yararlı şeyi azaltır. Kullanılan eklenti: WP Fastest Cache

Jubaer'in sitesi artık 1,9 saniyede yükleniyor ve GPI puanı 83! Bu, 8 saniyeye ve 43'lük bir GPI puanına göre oldukça iyi bir gelişme.

Temel Çıkarım: Daha küçük web siteleri, yalnızca birkaç önemli değişiklikle hızda belirgin iyileştirmeler görebilir.

İşe başlamak için Jubaer'in listesi üzerinde çalışmayı deneyin ve sonraki taktiklere geçmeden önce hangi sonuçları aldığınızı görün.

İlgili Okuma: 7 WordPress SEO Eklentisi: Yeni Yerel Yığınınız

Örnek Olay: Bir Şirket Google'ın PageSpeed ​​Aracında 100/100 Puanını Nasıl Elde Etti?

100/100 almak, sitenizin mümkün olduğunca hız için optimize edildiğinin bir göstergesidir. Nihai hedef bu ve konuştuğum bir şirket, oraya ulaşmalarına yardımcı olan birkaç iç taktiği açıkladı.

Bret Bonnet, Chicago, IL'de bulunan 40 milyon dolarlık promosyon ürünleri distribütörü Quality Logo Products'ın ortak sahibi/kurucusu. açıklar,

"Sayfa hızı, kuruluşumuz için önemli bir odak noktasıdır. Çok küçük olmasına rağmen, yine de bir sıralama sinyalidir. Çalışmalar, sayfa hızının dönüşüm performansı üzerinde önemli bir etkiye sahip olabileceğini göstermiştir. Web sitenizin yükleme süresini iyileştirmenin en etkili yolu, CSS/JS yüklenmeden önce "ekranın üst kısmı" içeriğinin tamamen görüntülenmesini sağlayan varlık yükleme ile çalışmaktır. "Ekranın üst kısmında" içeriğin yüklenmesini optimize ETMEMEK, genel Google Page Speed ​​Insights puanında 10 puanlık bir düşüşe neden olabilir."

[clickToTweet tweet="Ekranın üst kısmındaki içeriğin yüklenmesini optimize ETMEMEK, genel Google #PageSpeed ​​Insights puanında 10 puanlık bir düşüşe neden olabilir." quote="Ekranın üst kısmındaki içeriğin yüklenmesini optimize ETMEMEK, genel Google #PageSpeed ​​Insights puanında 10 puanlık bir düşüşe neden olabilir."]

Bu 10 puanlık kesinti, Google'ın ekranın üst kısmını optimize etmenin ne kadar önemli olduğuna inandığını gösterir. Biraz ürkütücü ve paradoksal olan, Bret'in bundan sonra açıklayacağı şey:

"Varlık yönetimine ek olarak, kaynak kodunda Google AdWords veya Google Analytics gibi ortak izleme kodunu içeren hiçbir web sitesi mükemmel bir puan elde EDEMEZ. Bu JS dosyaları doğrudan Google'dan sunulur - her ne sebeple olursa olsun, Google kendi kalite kurallarına uymaz - ve tarayıcıya sıkıştırılmamış olarak iletilir. Yine kontrolünüz dışında olan bu zayıf optimizasyon tamamen Google'ın tarafındadır ve size 5 puana kadar mal olabilir.”

Quality Logo Products, aşağıdaki taktiği kullanarak işleri hızlandırmayı ve 100/100'e ulaşmayı başardı:

"Bunun üstesinden gelmek için, Google'ın tarama yaptığı IP'leri ve bu araçlar için Kaynak IP'leri kaydettik ve sunucularımızın kasıtlı olarak, izleme kodları yüklenmeden sayfalarımızın Google sürümlerini sunmasını sağladık. Biraz tuhaf ama Google, kendi Google Page Speed ​​Insight puanımıza zarar veriyor. Bu nedenle, bunun üstesinden gelmek için kasıtlı olarak Google'a kendi optimize edilmemiş kodunu sunmuyoruz, bu da sayfa hızı puanımızda ortalama 5 puanlık bir iyileşmeyle sonuçlanıyor."

Temel Çıkarım: 100/100 puan elde edilebilir!

Google'ın kendi ürünlerinin işleri bu kadar yavaşlatması kafa karıştırıcıdır, ancak bu vaka incelemesindeki geçici çözüm yardımcı olacaktır.

Denetim ve Site Hızı Optimizasyonunuzu Nasıl Yapabilirsiniz?

1. Grafik Sonuçları İçin Bir Temel Alın

Denetim ve optimizasyon sürecinizin ilk adımı, sitenizin şu anda birkaç ölçüm için nerede durduğuna dair temel bir bakış elde etmek olmalıdır.

Başlangıç ​​noktanızı kaydederseniz, optimizasyon çabalarınızın başarısını daha iyi takip edebilirsiniz. Web sitenizi hız için herhangi bir şekilde optimize ettiğinizde, ilerlemenizi bu aynı metriklere göre kaydettiğinizden emin olun.

İşte izlemeniz gereken birkaç şey:

1. Site yükleme süresi: Google analytics raporunuza Menü → Davranış → Site Hızı → Genel Bakış'a gidin (ve sayfaları tek tek görmek için Sayfa Zamanlamaları). Ortalama site sayfası yükleme süresini ve izlemek istediğiniz önemli sayfaları kaydedin. Yukarıda belirtilen Pingdom ve GTMetrix araçlarını da kullanabilirsiniz.
2. Web sitenizin Google PageSpeed ​​puanları: Sadece burayı tıklayın ve web sitenizin URL'sini girin ve mobil ve masaüstü puanlarınızı kontrol edin. Bunları kaydedin.
3. Hemen çıkma oranı : Hemen çıkma oranınızın artıp artmadığını görün; bu, daha az kişinin yalnızca bir sayfayı görüntüledikten sonra siteden ayrıldığını gösterir. Bunu, Davranış → Genel Bakış gibi çeşitli yerlerde görüntüleyebilirsiniz.
4. Dönüşüm oranı: Ziyaretçiler, iyileştirmelerinizden sonra daha yüksek oranda dönüşüm sağlıyor mu? Bu takip etmek için önemlidir! Mevcut dönüşüm oranınızı görüntülemek ve kaydetmek için Dönüşümler → Hedefler → Genel Bakış'a gidin.

İlerlemenizin kayıtlarını bir e-tabloda tutun ve her güncelleme için ek açıklamalar oluşturarak Google Analytics'te web sitesinde yapılan değişiklikleri not ettiğinizden emin olun.

2. 8 Adımda Çalışın

Denetiminize başlamak için en iyi yer, Google'ın PageSpeed ​​Insights aracının sunduğu önerilerdir. Henüz 100/100'de değilseniz, nereden başlayacağınız konusunda Google'dan bazı ipuçları göreceksiniz.

Vurguladığımız site hızını artırmak için 8 adım üzerinde çalışmak, belirttiğim gibi biraz zaman ve sebat gerektirecektir.

Yoast SEO uzmanı Meike Hendriks,

"Web sitenizi hızlandırmak zor olmak zorunda değil. Pek çok web sitesinde kolayca optimize edilebilecek çok büyük resimler var. Ayrıca, dünyanın dört bir yanından gelen ziyaretçileri olan web siteleri, görüntülerin aynı şekilde sunulmasını sağlamak için kesinlikle bir CDN kullanmalıdır. herkes için olabildiğince hızlı! .htaccess dosyasına bazı kod satırları eklemek, web sitenizi kolayca hızlandırabilir. Örneğin, ziyaretçilerinizin bilgisayarlarına çok daha hızlı yüklenebilen daha küçük dosyalar için tarayıcı önbelleğini ve gzip sıkıştırmasını etkinleştirebilirsiniz."

Bazı gerçekçi hedefler ve beklentiler belirlemelisiniz. Vendasta ve Hubspot'ta bizim gibi bir sürü (müthiş!) içeriğe sahip büyük, çok yönlü siteleriniz olduğunda, birkaç sayfalı küçük çevik bir sitenin aynı hedeflerine ulaşmak daha fazla zaman alacaktır.

3. Gerektiğinde Yardım Alın

Hey, hepimiz geliştirici ve tasarımcı değiliz. DIY geliştirme çabalarınız sitenizi bozuyorsa veya terapi seanslarında ortaya çıkıyorsa, uzman yardımı almak isteyebilirsiniz.

Teknik sihirbazları hepimiz bilir ve kıskanırız. Bunu senin için yapmalarına izin ver!

Digitimatic'ten Pius Boachie, tam yığın geliştiricinin site hızı sorunlarına yardımcı olmanın anahtarı olduğunu söyledi:

"Google sayfa hızı analiz aracını yenmek söz konusu olduğunda, geliştirici, kodu temiz tutarak ve ekranın üst kısmındaki içeriğe öncelik vererek ağır işi üstlenir. Deneyimlerimize göre, müşteriler için tasarım yaparken hız için tasarlıyoruz, bu nedenle Duda gibi bir web sitesi oluşturucuyu seçiyoruz (hızlı ürünler) veya bir CMS üzerine inşa edin veya sıfırdan (pahalı), deneyimli bir full-stack geliştiricinin yanında iyi bir CDN ve barındırma (çok önemli) yatırımı yapın."

Temel ölçümlerinizi zaten ayarladınız, bu nedenle ilerlemenizi ve ileriye dönük başarınızı takip etmek kolay olacaktır. Müşteriler için birden fazla sitede çalışıyorsanız, başarınızı tekrarlamak ve çalışmayan her şeyi durdurmak isteyeceksiniz.

Önerilen Okuma: Geliştirici Gerekmiyor: Neden Beyaz Etiketli Bir Web Sitesi Kurucusuna İhtiyacınız Var?

4. İleriye Dönük Site Hızına Bağlı Kalın

Muhtemelen görüntü optimizasyonu, kod küçültme ve tarayıcı önbelleği gibi bazı düşük asılı meyveleri ortadan kaldırabilir ve hemen bazı güzel sonuçlar görebilirsiniz. Ancak, hedeflerinize ulaşmak için, altını çizdiğim 8 taktiği bir kenara bırakmak için daha sürekli bir çaba gerekebilir.

Hepsini birden yapmaya çalışmayın! Tükenmişliği önlemek için, çabalarınızın sonuçlarını izlerken bir yandan da bir şeyleri ortadan kaldırmayı planlayın.

İşte Satışları Artırmak için Site Hızından Nasıl Yararlanacağınız

Son düşünceler

Gerçek dünyadaki site hızı iyileştirmelerini elde etmek, her zaman blog gönderilerinde göründüğünden daha karmaşıktır. Yol boyunca bazı zorluklarla karşılaşacaksınız, ancak sonuçlara odaklanın çünkü bunlar uzun vadede kullanıcı deneyimini, SEO'yu ve dönüşümleri iyileştirecekler.

En önemlisi de bu; çevrimiçi göz atmanın hızlı geleceğine hazırlanıyor.

Yardıma ihtiyacınız varsa, teknisyen arkadaşlarınızı arayın veya nasıl yardımcı olabileceğimizi bize bildirin!

Paylaşmak istediğiniz herhangi bir deneyiminiz veya tavsiyeniz varsa, lütfen bu gönderinin yorum bölümüne de katılmaktan çekinmeyin...