Zengin içerikle hızlı web sayfası yükleme hızları nasıl dengelenir?

Hızlı sayfa yükleme süreleri ve zengin, etkileşimli içerik, bir web sitesini başarılı yapmanın anahtarıdır ancak ikisi arasında bir denge kurmak zor olabilir.

Bir web sitesinin başarısı için sayfa yükleme sürelerinin son derece önemli olduğu büyük bir sır değil. Google'ın arama algoritmaları hızlı yükleme sürelerini destekler ve ayrıca sayfa yükleme süresindeki küçük bir artışın dönüşümler üzerinde olumsuz bir etkisi olabileceğini gösteren çok sayıda araştırma vardır. Hallam Dijital Pazarlama Müdürü Tom Whiley, geçen yıl sayfa yükleme hızınızı nasıl artıracağınıza dair mükemmel bir blog yazısı yazdı. Barındırma ortaklarımız WP Engine, sayfa yükleme hızı konusunda harika bir bilgi grafiği üretti.

Web sitelerinin ayrıca dönüşümleri teşvik etmek için içerik, görüntü ve etkileşim açısından zengin olması gerekir. Bu kaçınılmaz olarak daha büyük sayfalara yol açar ve bu da doğal olarak sayfa yükleme süresini yavaşlatır.

Hız ihtiyacı ile zengin içerik talebi arasındaki çelişki, tasarım projelerini durma noktasına getirebilir. Bu nedenle, her iki gereksinimi de karşılayan bir denge bulmak çok önemlidir.

Bu blogda, bu iki çelişkili zorluğu dengelemenize yardımcı olacak bir yaklaşımı sizinle paylaşacağım.

Bir sayfanın hızını amacıyla ilişkilendirin

Bir web sitesi oldukça olgun bir aşamaya kadar geliştirilinceye kadar yükleme sürelerini tahmin etmek mümkün değildir, bu nedenle hızı ölçmek ve iyileştirmek için yinelemeli bir yaklaşım benimsemek en iyisidir.

Anahtar başlangıç ​​noktası, sitenin SEO açılış sayfalarını ve zengin içerikli sayfalarını belirlemektir. Ardından, SEO sayfalarının sayfa boyutunu küçültmeye ve mümkün olduğunca yükleme hızına odaklanabilirsiniz.

Benzer şekilde, zengin açılış sayfalarında kullanıcı etkileşimi için biraz daha fazla alana izin verilebilir.

İşte uygulanabilecek kaba bir süreç:

1. İndirgenmiş yük hızları için hedef olacağımız kilit açılış sayfalarını belirleyin.
2. Düşük yükleme süreleri için en iyi uygulamalara göre tasarlayın.
3. Düşük yükleme süreleri için en iyi uygulamalara göre özelliklere karar verin.
4. Sayfaları geliştirin.
5. Yükleme süresinden tasarruf etmek için fırsatları ölçün ve arayın.
6. Uygun şekilde 4-5 tekrarlayın.

Bu, hikayenin yalnızca ilk bölümünü kapsar. Anahtar SEO sayfalarının daha sonra, özellikle herkesin sayfaları düzenlemesine izin veren bir içerik yönetim sistemi kullanırken, beklendiği gibi performans gösterdiğinden emin olmak için sayfa yükleme süreleri için sürekli olarak izlenmesi gerekir.

Bu nedenle, web sitesini başlattıktan sonra izlenebilecek iki basit adım vardır:

1. Hâlâ performans gösterdiklerinden emin olmak için önemli açılış anahtarı sayfalarının aylık kontrolünü ayarlayın.
2. Sayfa, kararlaştırılan bir seviyenin altında performans gösterdiğinde tetiklenen bir sayfa hızı izleme aracı kullanın.

Yük hızlarını optimize etmek için tasarım konuları

Sitenin tasarımı, sayfa yükleme sürelerini optimize etmenin ne kadar mümkün olduğunu belirlemede önemli bir rol oynar. Web sayfaları söz konusu olduğunda, boyut gerçekten önemlidir. Amaç, sayfa yükleme süresini ideal olarak 500 binin altında, ancak kesinlikle en fazla 1 MB'ın altında tutmaktır.

Yükleme sürelerini en aza indirmek için atmanız gereken bazı adımlar şunlardır:

1. Önemli açılış sayfalarında görüntü kullanımını mümkün olduğunca en aza indirin. İkonografi ve tasarımın incelikli kullanımı aynı etkiye sahip olduğunda, bir sayfanın zengin görünmesini sağlamak için görüntüleri kullanmak çok kolaydır.
2. Görüntülerin kullanıldığı yerlerde, kalitede kabul edilemez bir bozulma olmadığından emin olarak optimize edilmelidir.
3. Organik arama için optimize edilmiş yalın açılış sayfalarından yararlanın ve zengin içeriği organik arama için hedeflenmeyen daha derin sayfalarda tutun.
4. Birden çok şablonda çok sayıda benzersiz, karmaşık düzenden kaçının. HTML işaretlemesi ne kadar basit olursa, dosyalar o kadar küçük olur.
5. Ağır Javascript kitaplıklarına dayanan karmaşık etkileşimli öğelerden kaçının. Ekranda bir şeyin hareket ettiğini görmek harika görünebilir, ancak gerçekten gerekli mi?

Uygulama sırasında teknik hususlar

Son olarak, barındırma seçiminin bir parçası olarak düşünülmesi gereken sayfa yükleme hızının daha teknik yönlerinden bazılarına geçebiliriz:

1. Mümkünse üçüncü taraf komut dosyalarına olan güveni ortadan kaldırın. Bunlar sorunlara neden olur, çünkü yalnızca sayfa yüklenmeden önce yüklenen komut dosyalarına güvenmekle kalmaz, bazen de yüksek yük altındadır ve normalden daha yavaş yüklenir. Bu, "topaklı" yükleme sürelerine yol açabilir.
2. Kullanıcı ekranı kaydırdığında ekranın üst kısmında görünmeyen görüntülerin yüklenmesini sağlamak için geç yükleme teknikleri kullanın.
3. Duyarlı görüntüleri daha iyi kullanın. Duyarlı görüntülerin tarayıcılar tarafından nasıl işlendiği konusunda bazı ilerlemeler olmuştur; bu, tüm görünüm bağlantı noktalarında çalışan tek bir büyük görüntü sağlamamıza gerek olmadığı ve belirli çözünürlükler için daha iyi bir görüntü sunabileceğimiz anlamına gelir.
4. Gömülü videoların, sayfa yüklemenin bir parçası olarak değil, sayfa yüklendikten sonra yüklendiğinden emin olun. Bu, kullanıcıların bir video için bir önizleme resmi görecekleri ve ardından bağlantıya tıkladıktan sonra asıl videoyu görecekleri anlamına gelir.
5. 301 yönlendirmeleri için büyük htaccess dosyalarından kaçının ve kuralları tek tek sayfadan sayfaya yönlendirmeler yerine toplu kategori yönlendirmelerinde birleştirin.
6. Görüntüler için bir CDN kullanın. Sitenin kullanıcı tabanı özellikle yerelleştirilmişse, CDN'ler performansa zarar verebileceğinden, bunun ölçülmesi gerekecektir.
7. CSS ve Javascript dosyalarını simge durumuna küçültün. Çoğu durumda bunu zaten yapıyor olmalısınız, ancak önemli sayfalardaki bazı dosyaları azaltmak için daha fazla fırsat olabilir. Bu, herhangi bir yeni eklenti yüklemeye karar vermenin merkezi bir parçasıdır.
8. Eski tarayıcılar için desteği bırakın. Daha eski tarayıcılar, belirli CSS ve JS dosyalarının oluşturulmasını ve siteye koşullu olarak yüklenmesini gerektirir. Bunları tamamen kaldırabilirsek, yapılacak bir istek daha az olur.
9. Sitenizde kullanılan eklenti sayısını en aza indirin. Eklenti şişmesinden muzdarip web sitelerini düzenli olarak devralırız. Bir CMS ile çalışırken bu yeni bir sorun değil, yine de büyük bir sorun.
10. E-posta imzaları için resim barındırma gibi temel olmayan barındırma gereksinimlerine olan güveni ortadan kaldırın
11. Veritabanı optimizasyon sorgularını çalıştırın. Web siteniz bir süredir buralardaysa, sorguların çalışma süresini optimize etmek için kullanılabilecek bir dizi veritabanı tekniği vardır.

Özetle, yüksek düzeyde optimize edilmiş bir site oluşturmak, şartname, tasarım ve uygulama arasında bir dengedir. Benim için en önemli faktör, yüksek düzeyde optimize edilmiş SEO sayfalarını mümkün olduğunca diğer sayfalardan ayırmak ve bunları mümkün olduğunca optimize etmeye odaklanmaktır.

Web Geliştirmenizle ilgili yardıma ihtiyacınız varsa, bizimle iletişime geçmekten çekinmeyin.