Sayfa Hızı Optimizasyonu: Metrikler, Araçlar ve Nasıl Geliştirilir?

Sayfa hızı, SEO çalışmanız için önemli bir husustur, ancak çok teknik olma eğiliminde olan karmaşık bir konudur. Sitenizin sayfa hızı hakkında anlaşılması gereken en önemli şeyler nelerdir ve iyileştirmeye nasıl başlayabilirsiniz? Bu haftaki cuma günkü baskısında Britney Muller, başlamak için bilmeniz gerekenleri gözden geçiriyor.

Sayfa hızı

Video Transcription

Hoş geldiniz. Bugün sayfa hızındaki her şeyi gözden geçiriyoruz ve işinizi yaparken düşündüğünüz ve üzerinde çalışmanızın neden bu kadar önemli olduğunun altını çiziyoruz.

En temel düzeyde, bir web sayfasının nasıl yüklendiğini kısaca açıklayacağım. Bu şekilde, başımızı bu neden önemli olduğunu etrafına sarabiliriz.

Bir web sayfası nasıl yüklenir?

Sayfa Hızı – Pagespeed

Bir kullanıcı bir tarayıcıya gider, web sitenize koyar ve bir DNS isteği vardır. Bu, etki alanı adı sağlayıcınıza, belki de GoDaddy’ye, bu da sunucunuzu dosyalarınızın bulunduğu yere işaret eder ve burası ilginçleştiği yerdir. Böylece DOM tüm HTML’nizi, CSS’nizi ve JavaScript’inizi yüklemeye başlar. Ancak bu, nadiren bir web sayfasını oluşturmak veya yüklemek için gereken tüm komut dosyalarını veya gerekli kodu çeker.

Genelde, DOM’nin her şeyin gerçekleşmesi için sunucunuzdan ek kaynaklar istemesi gerekir ve bu, işlerin sitenizi gerçekten yavaşlatmaya başladığı yerdir. Bu tür bir arkaplan bilgisine sahip olmak, bu sorunlardan bazılarını tetiklememize yardımcı olacaktır.

Sitenizi yavaşlatan sorunlar

En yaygın suçlulardan bazıları nelerdir?

  1. Her şeyden önce görüntüler. Büyük görüntüler, yavaş yüklenen web sayfalarının en büyük suçlularıdır.
  2. Barındırma sorunlara neden olabilir.
  3. Eklentiler, uygulamalar ve widget’lar, temelde herhangi bir üçüncü taraf komut dosyasının yanı sıra yükleme süresini de yavaşlatabilir.
  4. Temanız ve bunun dışındaki büyük dosyalar da işleri gerçekten yavaşlatabilir.
  5. Yönlendirmeler, bir web sayfasına ulaşmak için gereken atlama sayıları işleri yavaşlatacaktır.
  6. Sonra bir saniyede gireceğimiz JavaScript.

Fakat bütün bu şeyler bir suçlu olabilir. Bu yüzden bazı kaynaklara, bazı metriklere ve bunların ne anlama geldiğine bakacağız ve sonra bugün sayfa hızınızı artırabilmeniz için bazı yöntemler nelerdir?

Sayfa hızı araçları ve kaynakları

Burada listelediğim birincil kaynaklar Google araçları ve Google’ın önerileri. Bence bunlar hakkında asıl ilginç olan şey, sayfaların hızlanıncaya kadar kaygılarının ne olduğunu görmemiz ve gerçekten kullanıcıya doğru kaymayı görmemiz. Yine de bunu düşünmeliyiz. Ancak, her şeyden önce, bu sitenize gelen insanları nasıl etkiler ve ikinci olarak da Google’ın daha yüksek kalite olarak algılamasının çifte faydasını nasıl alabiliriz?

Google’ın iki ila üç saniye arasında herhangi bir yere yüklenecek bir web sitesi önerdiğini biliyoruz. Ne kadar hızlı olursa o kadar iyi. Ama bu aralığın olduğu yer. Ayrıca, bununla ilgili rekabetçi bir görüş almanızı şiddetle tavsiye ediyorum. Rakiplerinizi bu araçların bazılarına yerleştirin ve hız hedeflerinizi endüstrideki rekabet gücüyle kıyaslayın. Bence bu işe karışmanın güzel bir yolu.

Chrome Kullanıcı Deneyimi Raporu

Bu, Chrome gerçek kullanıcı metrikleridir. Ne yazık ki, yalnızca daha büyük, popüler web siteleri için kullanılabilir, ancak bu konuda gerçekten iyi veriler elde edersiniz. BigQuery’de barındırılıyor, bu yüzden bazı temel SQL bilgisine ihtiyaç var.

Lighthouse

Favorilerimden biri olan Lighthouse, Chrome Dev Araçları’nda bulunmaktadır. Bir web sayfasındaysanız ve Öğeyi İncele’yi tıklattıysanız ve Chrome Geliştirici Araçları’nı açıp Denetimin yazdığı en sağdaki sekmede açılırsanız, doğrudan tarayıcınızda bir Deniz Feneri raporu çalıştırabilirsiniz.

Sevdiğim şey, size yapabileceğiniz çok spesifik örnekler ve düzeltmeler veriyor. Bilmenin eğlenceli bir gerçeği, otomatik olarak simüle edilmiş hızlı 3G’de olacağı ve 3G’deki mobil kullanıcılara odaklandıklarını fark edecekleri. Bunu hızlı 3G uygulamasına geçirmeyi seviyorum, çünkü Lighthouse bu yükü gerçek olarak çalıştırıyor. Biraz daha uzun sürüyor, ancak biraz daha doğru gibi görünüyor. Bilmek güzel.

Page Speed Insights

Page Speed Insights gerçekten ilginç. Artık Chrome Kullanıcı Deneyimi Raporunu eklediler. Ancak bu büyük sitelerden biri değilseniz, gerçek sayfa hızınızı ölçmeyeceksiniz bile. Sitenizin nasıl yapılandırıldığına bakacak ve buna göre geri bildirimde bulunacak ve puanlandıracak. Sadece farkında olmak için iyi bir şey. Hala iyi bir değer sağlar.

Moz Blog Page Speed Optimization: Metrics, Tools, and How to Improve

https://moz.com/blog/website-page-speed

Read More
Organik Trafik nedir

Organik Trafik Nedir

Organik trafik, doğrudan arama motorlarından elde ettiğimiz trafiktir. Arama motorlarını aradığımızda ve SERP’lerde elde ettiğimiz sonuçlar organik trafik olarak kabul edilir.

Read More
Seo Nedir ve Neden Önemlidir

Seo Nedir ve Neden Önemlidir

Seo Nedir ve Neden Önemlidir. Arama motoru optimizasyonu günümüzde her zamankinden daha önemli ve her webmaster için SEO’nun gerçek anlamını ve her işletme için yarattığı potansiyeli anlaması gerekiyor. Potansiyeli arttırmak demek ürününüzü veya hizmetinizi maliyetsiz olarak hedeflediğiniz kitleye ulaştırmak demektir.

Read More