Bir web tasarımcısı olarak, büyük bir tasarımın bir web sitesi için gerekli olduğunu zaten biliyorsunuz. Bir web sitesi kesinlikle şaşırtıcı olmadıkça, güvendiğiniz tasarım konsepti, yeni ziyaretçiler için bu siteye güvenmek zor olacak. Bu, önemli tasarımın bir web sitesi için nasıl olduğu.
Ancak, güvenilir bir web sitesine sahip olmanın bir diğer önemli parçası, hızlı ve hızlı bir web sitesiyle birlikte gelen pozitif UX.
Harika tasarımın ardından hız, bir web sitesinin başarısına katkıda bulunan en önemli faktörlerden biridir.
importance of a fast website hızlı bir web sitesinin önemi tekrar tekrar araştırıldı.
Yeterince hızlı olmayan siteler, sitelerin gerçek yükleme sürelerini önemli ölçüde web sitelerinin dönüşüm oranlarını önemli ölçüde etkileyen olumsuz bir algı oluşturur.
Yükleme süresi daha yüksek ve daha yüksek hale geldikçe, dönüşüm oranı da 2,4 saniyede bir sayfa yükleme hızında gerçekleşen optimum dönüşüm oranıyla önemli ölçüde azalır.
Kısaca tartışacağımız bir CDN kullanmanın birçok yararı olsa da, bir CDN'nin sitenizi nasıl hızlandırdığı konusunda temel bir dayanak var.
Basitçe söylemek gerekirse, bir CDN, bir web sitesinin trafiğini en çok barındırma hizmetlerinden daha iyi idare etmek için bir ağ olarak daha iyi donanımlıdır.
Paylaşılan barındırma genellikle web sitenizin PHP veya diğer popüler barındırma ortamlarını çalıştırabileceği sabit bir ortam sağlamaya yönelik olarak optimize edilmiştir.
Çoğu zaman hız için optimize edilmeye yönelik değildir.
Öte yandan, bir CDN'nin birincil amacı ve gerçek bir altyapı kurulumu, yıldırım hızında bir web sitesinin yayınlanmasına yardımcı olmaya yöneliktir.
Ama bir CDN aslında sitemi nasıl hızlandırıyor?
Web sitenizin yavaş olmasının birkaç nedeni vardır:
Başka sebepler de var, ama bunlar büyükler.
Bunların her birini tek tek ele alabilirsin, biz daha çok burada ikinci noktaya odaklanacağız.
Paylaşılan barındırma sunucuları hızlı değildir. Uygun fiyatlı olmalılar.
Paylaşılan barındırma ekonomisi, maliyetleri düşürmek için aynı sunucuda barındırılan farklı web sitelerinin sayısının oldukça yüksek olduğu anlamına gelir.
Yani, web sitenizi her ziyaret ettiğinde, barındırma sunucusu, sitede barındırılan tüm web siteleriyle kaynaklar için rekabet ediyor. Bu, web sitenize hizmet vermeye başlamak için genellikle bir saniyeden fazla sürdüğü anlamına geliyor.
Şimdi, bir web sitesi yapmaktan bahsettiğimizde, herhangi bir optimizasyon yapmaya başlamadan önce bir saniyeliğine bir ceza, başlamak için korkunç bir yoldur.
Yani birkaç öneri:
Sitenizin yükleme süresi bakımından sahip olabileceği en büyük etkilerden biri, genellikle sitenizde barındırılan görüntülerden gelir.
Web sitenizde ve blogunuzda görüntülerin kullanılmasının değerini anlatan çok sayıda blog bulacaksınız ve elbette, bu mükemmel bir tavsiyedir.
Büyük metin parçalarını parçalamak ve daha iyi okunabilirlik sağlamak için resimler gereklidir.
Kim de şu ifadeyi duymamış: “Bir resim bin kelimeye bedeldir”
Evet, resimler sitenizin başarısı için hayati önem taşır.
Yine de, bir dezavantajları var.
Düzenlenmemiş görüntüler sitenizin yüklenme süresini öldürebilir.
Şimdi, ideal bir dünyada, her dosyayı web-dostu bir biçimde kaydetme, büyük görüntüleri optimize etme ve bunları herhangi bir kaliteyi kaybetmeden kabul edilebilir bir boyuta sıkıştırmayı önerdik.
Yine de, gerçekte, her bir görüntü için bir optimizasyon sürecinden geçmek için zamana veya eğime sahip değiliz.
Ama bir çözüm var. Otomasyon.
Bir kez daha CDN'ler kurtarmaya geldi. Görüntü sıkıştırma ve optimizasyon tipik olarak bir CDN'nin yerleşik bir özelliğidir.
Özünde, harika görüntülere sahip harika görünümlü bir web sitesi oluşturma işinizle başlıyorsunuz. CDN, görüntülerin sıkıştırma ve optimizasyonunu üstlenecek.
Bu başka bir hız katilidir.
Web tasarımcıları olarak yeni başladığımız zaman, yeni eklentileri keşfetmekten, bunları test etmekten ve web sitemize yüklemekten zevk alıyor, eklentilerin etkisinin ne olacağını asla bilmiyoruz.
Yerleşik web tasarımcıları bile bu tuzağa düşme eğilimindedir. Müşterinin ihtiyaç duyduğu işlevsellikten emin olmak için onlarca eklentinin yan etkileri vardır.
Gerçekte, sitenize yüklediğiniz her eklenti, Javascript dosyalarını, CSS dosyalarını ekler ve sitenizden daha fazla performans gerektirir.
Performans testi sitelerinde ve çok uzun bir yükleme süresinde çok sayıda istek şeklinde olduğunu göreceksiniz.
Yine, birkaç öneri:
CDN, hangi eklentileri saklayacağınıza ve hangi eklentilerin döküleceğine karar vermenize yardımcı olmazken, CDN, sitenizdeki içeriğin toplam boyutunu küçültmek için, gerçek zamanlı sıkıştırma ve komut dosyalarının küçültülmesi işlemini gerçekleştirebilir. ve böylece daha hızlı.
Üçüncü ve çok önemli öneri HTTP / 2'nin ayarlanmasıdır - çok fazla ayrıntıya girmeyeceğiz, çünkü zaten çoktan HTTP / 2'yi tartıştık. bu bölgede ve başka yerde .
HTTP / 2 özellikle web sitelerinin yükleme süresini optimize etmek için yazılmıştır, özellikle de hizmet vermek için çok fazla kaynağa sahip olan web siteleri.
Çoğu CDN servisi, sitenizde HTTP / 2'yi hızlı ve kolay bir şekilde etkinleştirmenize olanak vererek sitenize anında bir hız artışı sağlar.
Yukarıdaki tüm optimizasyonları yapmış olsanız bile, web sitenizin hızını tamamen kaldırabilecek bir şey var.
Bunu nasıl düzeltirsiniz?
Tamam, tavsiyemizi takip ettiyseniz, web sitenizin artık eskisinden çok daha hızlı olması gerekir.
Ancak, web sitenizin yükleme hızını öldürebilecek bir şey var.
Web siteniz yerel bir kitleye yönelikse, çözümünüz basittir: hedef konumunuza fiziksel olarak yakın bir şekilde iyi bir barındırma hizmeti seçin.
Ancak, web siteniz uluslararası bir kitleye hitap ediyorsa, bu daha zordur.
Web sitenizin tüm ziyaretçilerine fiziksel olarak yakın bir sunucu konumu seçemezsiniz.
Bir sonraki en iyi şeyi yapabilir ve en popüler olan ziyaretçi konumuna ev sahipliği yapabilirsiniz, ancak daha etkili bir çözüm 2'dir.
Bir CDN hizmeti, özellikle bu sorunu düzeltmeyi amaçlamaktadır.
bir CDN altyapısı Az önce tarif ettiğimiz problemi çözmek için özel olarak tasarlanmıştır.
CDN'ler, dünyanın dört bir yanındaki onlarca yerde yüzlerce sunucu ağına sahiptir. Kenar veya önbellek sunucuları adı verilen bu sunucular, görüntülerinizi ve Javascript ve CSS dosyaları gibi statik kaynakları bu konumlara çoğaltacaktır.
Bir kullanıcı sitenize ulaştığı zaman, ağır kaynaklar, ziyaretçinize olabildiğince yakın olan bir yerden sunulur.
Bu, mesafe problemini önemli ölçüde azaltır ve sitenize yükleme hızı açısından çok önemli bir avantaj sağlar.
Bir CDN kullanmanın en iyi yanı, web sitenizin hala büyüyorsa, ekstra bir şey ödemek zorunda kalmadan web sitenizin hızını kolayca artırabilmenizdir.
Çoğu CDN servisi, yukarıda tartıştığımız temel önbellek işlevlerini sağlayacak ücretsiz bir plan sunar. Genelde, içerik optimizasyonunun yanı sıra, CDN'lerin uyguladığı güvenlik mekanizmaları aracılığıyla web sitenizin güvenliğini de artıracaksınız.
Web siteniz büyüdükçe ve sitenin ihtiyaçları arttıkça, ihtiyaçlarınıza daha iyi uyan bir plana geçebilirsiniz.
Bir CDN kurmanın birkaç yolu vardır, bu çoğunlukla kullanacağınız gerçek CDN'ye bağlıdır.
Bir CDN kurmanın ilk yolu bir CDN eklentisi kullanmaktır. CDN'nizi kurarken, sitenizin statik görüntülerinin yeni konumu olacak bir URL alacaksınız.
CDN eklentisi, CDN'den sunulacağı şekilde statik kaynakların URL'sini yeniden yazar.
https://www.example.com/images/logo-default.jpg
şimdi yeniden yazılmış
https://cdn.example.com/images/logo-default.jpg
Sitenizin DNS girişlerinde birkaç küçük değişiklik yapmanız gerekir; böylece cdn.example.com, CDN'niz tarafından sağlanan URL olarak çözülür.
KeyCDN (bu eklentinin yazarları), MaxCDN veya Incapsula gibi URL yeniden yazma servisini kullanıyorsanız, CDN Etkinleştirici eklentisini kullanabilirsiniz.
Bu eklentiyi yükledikten sonra, yapmanız gereken tek şey CDN hizmetiniz tarafından sağlanan URL'yi girmek ve gitmek için iyi olmanız gerekir.
CDN yüklemenin bir başka daha iyi yolu, ters bir proxy kullanıyor.
Bu ayrıca, DNS'inizde, kurulum yapacağınız CDN'ye özgü küçük değişiklikler gerektirir.
Bu uygulama avantajlıdır, çünkü sunucunuza doğrudan erişmekten önemli bir yükü kaldırır.
Yukarıda gördüğümüz gibi, bir CDN kurmak, düşünebileceği fiyat açısından engelleyici değildir. Bunun yanı sıra, sitenize verilen performans artışı da önemli bir UX iyileştirmesi olacaktır.
Sitenizi hızlı bir şekilde hızlandırmak istiyorsanız, bir CDN mutlaka sahip olmalısınız.