Site hızı
Site hızı bir sayı değil, yol boyunca farklı yerlerde alınan birkaç karardır: sunucuda, ağda, tarayıcının içinde ve sayfanın kendi içinde. Bu yol o kararları öyle bir sırayla açar ki sonunda sayfanızın zamanının tam olarak nereye gittiğini söyleyebilirsiniz.
- 10 ders
- Ücretsiz, kayıt yok
O tek puan ve altındaki altı şey
Herkesin baktığı puan
Birkaç ölçütten birleştirilmiş tek bir sayı. Bir sayfanın iki sürümünü karşılaştırmak için iyi, neyin bozuk olduğunu anlamak için neredeyse işe yaramaz.
-
Sunucu yanıtı
İlk bayt gelmeden tarayıcının başlayacağı bir şey yoktur. Burada önbellek ve barındırma karar verir, tema değil.
-
Oluşturma yolu
İlk boyamayı ne durdurur, ne durdurmaz. Bu yolun en kısa ve en çok işe yarayan dersi.
-
Görsel ağırlığı
Çoğu Farsça sayfanın ağırlığının en büyük parçası ve düzeltilmesi en kolay şey.
-
Üçüncü taraf JavaScript
Sohbet, analitik, reklam pikseli. Sizin yazmadığınız ve genelde sahibi olmayan kod.
-
Farsça yazı tipleri
Farsça bir sitenin yaşadığı, İngilizce bir sitenin yaşamadığı sorun. Bu yolun bir dersinin tamamı ona ait.
-
Önbellek katmanları
En derin katman, çünkü tek değil, birden fazla; bozulduğunda da başka bir şey bozulmuş gibi görünür.
Su altındaki sıra bir önem sırası değil, gözden uzaklık sırasıdır. Belirli bir sitede en derindeki satır en önemlisi olabilir ve bunu bilmenin tek yolu ölçmektir.
Yol, adım adım
Dersler her biri bir öncekinin üzerine kurulacak şekilde sıralandı. İstediğiniz yerden de başlayabilirsiniz.
- 1Site hızı neden önemlidirSite hızı önemlidir, ama genelde satıldığı nedenden dolayı değil: Google sıralamasına etkisi küçük ve koşulludur, sayfanın önünde bekleyen kişiye etkisi ise büyük ve anlıktır. Bu ders, ikisi arasındaki sınırı Google'ın kendi belgeleri ve bizim ölçümlerimizle çizer.Başlangıç
- 2Tarayıcı sayfayı nasıl kurarTarayıcı HTML'i ilk bayttan okur ve ilerledikçe sayfa ağacını kurar, ama CSS'i anlayana kadar ekrana hiçbir şey çizmez ve sıradan bir betiğe ulaşırsa tam orada durur. Bu yolun devamında duyacağınız her hız tavsiyesi bu iki cümleden çıkar.Başlangıç
- 3Core Web Vitals derinlemesineCore Web Vitals, bambaşka üç şeyi ölçen üç sayıdır: LCP sayfanın en büyük öğesinin ne kadar hızlı göründüğünü, INP sayfanın bir tıklamaya ya da dokunuşa ne kadar hızlı yanıt verdiğini, CLS ise düzenin kendiliğinden ne kadar kaydığını ölçer. Google üçünü de sizin test çalıştırmanızdan değil, gerçek ziyaretçilerin 75. yüzdeliğinden, mobil ve masaüstü ayrı ayrı olmak üzere değerlendirir.Orta
- 4Site hızı nasıl ölçülürSite hızını ölçmek, tek bir laboratuvar raporu almak, onu gerçek kullanıcı verisinin yanına koymak ve ikisinden tek bir iş seçmektir. Zor kısım ne raporu almak ne de sayıları anlamaktır; aracın kırmızıya boyadığı her şeyi düzeltme dürtüsüne direnmektir.Başlangıç
- 5Görselleri web için iyileştirmekBir görseli iyileştirmek üç iştir ve önem sırası şudur: gerçekten gösterilen boyuta küçültmek, modern bir formatta göndermek ve ölçülerini HTML'de açıkça bildirmek. Hiçbir şey kazandırmayan bir görseli ise hiç göndermemek daha iyidir; o, üçünden de önce gelir.Başlangıç
- 6Önbellek nedir ve türleriÖnbellek, bir işin sonucunu saklamaktır; böylece aynı iş bir dahaki sefere yeniden yapılmaz. Bu sitede, neredeyse aynı bayt sayısındaki aynı sayfanın ilk baytı önbellekten 23,5 ms, önbelleksiz 155,5 ms sonra geliyor.Başlangıç
- 7CSS ve JavaScript iyileştirmeCSS ve JavaScript iyileştirmek üç iştir ve değerleri bu sıradadır: gereksizi silin, hemen gerekmeyeni sonraya bırakın, kalanı küçültün. Bu sitede ana stil sayfasını küçültmek telde 16,3 KB kazandırdı ve yazmadığımız tek bir analitik dosyası 171,1 KB tutuyor.Orta
- 8Farsça yazı tipleri ve site hızıFarsça bir yazı tipi Latin muadilinden ağırdır, ama en büyük tasarruf dosyayı hafifletmekten gelmez; gerekmeyen dosyaları hiç göndermemekten gelir. Bu site stil sayfasında beş ağırlık yazıyor ve yalnızca üç yazı tipi dosyası gönderiyor, toplam 74,6 KB.Orta
Bu on dersin sırası basit bir kuraldan geliyor: tarayıcının ne yaptığını bilmeden site hızında yaptığınız her değişiklik, birinin size verdiği bir reçetedir ve onu tekrarlayamazsınız. Bu yüzden önce hızın gerçek etkisine, sonra sayfanın tarayıcı içindeki yoluna bakıyoruz; ölçüm, görsel, önbellek ve yazı tipi ancak ondan sonra geliyor.
Bir şeyi en başta söylemek gerekiyor, çünkü hız hizmeti de satıyoruz: hız hakkında yazılanların büyük bölümü onu Google sıralamasına bağlıyor ve büyütüyor. Bu yol bunu yapmıyor. Burada geçen her sayı ya Google kendi belgelerinden ya da bu sunucudaki kendi ölçümlerimizden geliyor ve her ders tavsiyesinin nerede işlemez hale geldiğini kendisi söylüyor.
Bu yol web tasarımı üzerine oturur ve SEO yolunun sorduklarının bir bölümünü yanıtlar, ama ikisi de ön koşul değildir. Gereken şey kendi sitenize erişim ve her değişikliğin öncesini ve sonrasını ölçecek sabırdır. Bu alışkanlığı edinen biri, hız tartışmalarının yarısından kurtulur.
Gerçek devam soruları
Bu yola başlamak için programlama bilmem gerekir mi?
İlk altı ders için hayır. Onlar anlamakla ilgilidir ve bir tarayıcı ile kendi sitenizle ilerler. Kod ve WordPress dersleri site ayarlarına erişiminiz olduğunu varsayar, yine de kod yazmanızı istemez.
Sitem WordPress. Doğrudan WordPress dersine geçeyim mi?
Geçebilirsiniz, ama o zaman tam da bu yolun engellemeye çalıştığı şeyi yapmış olursunuz. O ders bir işler listesidir ve ikinci ile dördüncü ders olmadan hangisinin sitenize uyduğunu söyleyemezsiniz. Gerçekten en kısa yol, ikinci dersi okuyup sonra WordPress dersine gitmektir.
Bu yolda neden en iyi hız eklentileri listesi yok?
Çünkü böyle bir liste bir yıl içinde eskir ve daha önemlisi, doğru seçim birinin sıralamasına değil sizin sitenize bağlıdır. Bir eklenti gerektiğinde ders, o eklentinin ne yapması gerektiğini ve yaptığını nasıl doğrulayacağınızı söyler; ad vermek daha kolay ve daha az işe yarar bir iştir.
Bu yol, sayfasının zamanının nereye gittiğini kendi çözmek isteyen biri için yazıldı. Sayılarınız gerçekten kötüyse ve işi birinin yapmasını tercih ediyorsanız, sitenizi orada Lighthouse motoruyla da test edebilirsiniz; site hızlandırma sayfasına bakın