Sitenizin Bant Genişliği Gereksinimlerini Azaltma

• Mayıs Ayı 11, 2024

Başarı öldürebilir. Tüm web yöneticilerinin akılda tutması gereken bir maksimadır.

Bu anlık iletişim çağında, popüler hale gelen bir web sayfası (İnternet konuşmasında “viral olur”) ziyaretçilere kendini bulabilir. Çoğu web sitesi sahipleri için bu bir rüya gerçek ... kendilerini sunucu bir çığ altında tutmak için mücadele bulmak kadar veya web sitelerinin bant genişliğini artırmak için çılgınca bir teklif web barındırma şirketlerine para atma sona kadar.

Biraz önceden planlama, potansiyel ani popülaritenizdeki sokmayı ortadan kaldırabilir ve günlük barındırma maliyetlerinizi minimumda tutabilirsiniz.

Yeni başlayanlar için sitenizin resimlerine bir göz atın. Tipik web sitesinde, görüntü dosyaları bant genişliği tüketiminin büyük çoğunluğundan sorumludur.

Görüntü bant genişliği kullanımını azaltmanın en iyi yöntemi, bunları sitenizden tamamen kaldırmaktır. Bu, sitenizi yalnızca metne dönüştürmek anlamına gelmez; resimlerinizi sizin için barındırmak için düşük maliyetli (bazen ücretsiz!) bir resim paylaşım sitesinden faydalanmak anlamına gelir. Bir hizmete başlamadan önce, küçük ölçekte deneyin ve ardından sitenizi farklı konumlardan kontrol edin; bazı güvenlik duvarları, özellikle ziyaretçileriniz Web'i ofis bilgisayarlarından kullanıyorsa, popüler paylaşım sitelerinden resimleri otomatik olarak engeller.

Resimlerinizi gerçekte olduğundan daha küçük görüntülemek için HTML kullanıyor musunuz? Bu, web tasarımcıları için büyük bir hayırdır, çünkü ziyaretçileriniz her ziyarette tam görüntüyü (gerçek boyutunda) sayfalara göre tasarlandığından çok daha fazla bant genişliği kullanarak yükleyecektir. Bunun yerine, resmi sayfa düzeninize sığacak şekilde kırpmak ve daraltmak için bir görüntü düzenleme programı kullanın.

Ayrıca, özellikle de küçükse, görünümlerinden ödün vermeden görüntüleri daha düşük bir çözünürlükte kaydedebileceğinizi de görebilirsiniz. Daha yüksek çözünürlük, her piksele daha fazla ayrıntı sığması anlamına gelir ve bu nedenle tüm bu bilgileri tarayıcıya yüklemek için daha yüksek bir bant genişliği kullanılır.

Görüntülerin bant genişliğinizi kaybetmesini önlemenin bir başka yolu, onları CSS tarafından tasarlanmış metin lehine çevirmektir. Bu teknik, düğmeler ve diğer süslü bağlantılar ile iyi çalışır, çünkü arka plan renkleri, kenarlıklar ve: vurgulu sözde sınıfla oldukça fazla şey yapabilirsiniz. CSS ve HTML kullanarak etkileşimli menülerin nasıl geliştirileceğine dair yeni bir dizi için daha sonra ayarlayın.

Artık resimlerinizi kare haline getirdiğinize göre, metninizi sıkma zamanı. Genellikle fazladan beyaz alanın bir kısmını HTML kodunuzdan kaldırabilirsiniz. Kod bölümleri arasındaki boş satırlar okunabilirliği artırabilir, ancak gövde etiketi ile ilk kod satırınız arasında bir düzine satır başı varsa, biraz fazla abartmış olursunuz.

Mümkün olduğunda, JavaScript ve CSS için harici dosyalar kullanın. Ziyaretçiniz dosyayı ziyaret ettikleri ilk sayfayla birlikte indirdikten sonra, bu dosya sitenizi keşfederken tarayıcının önbelleğinde kalır - kodu her sayfada yeniden yüklemek yerine, satır içi veya başlık kodunda olan şeydir.

Kendi sitenizi barındırıyorsanız, HTTP sıkıştırması size büyük miktarda bant genişliği kazandırabilir. Web sayfanızın sıkıştırılmış bir sürümünü geçici bir dizinde depolayarak çalışır ve daha sonra sıkıştırma özelliği etkin bir tarayıcı kullanarak tüm ziyaretçilere sunulur. Statik sayfaları, uygulamaları veya her ikisini birden sıkıştırmak için sunucu ayarlarınızı yapabilirsiniz.

Sitenizi sıkılaştırmak, sizi bir saldırıya karşı korumaya, hizmet reddi saldırılarına karşı korumaya veya barındırma maliyetlerinizi minimumda tutmaya yardımcı olacaktır. Unutmayın, maksimum miktarda içeriği mümkün olan en kısa sürede sunmak için sitenizin düzgün ve düzenli bir şekilde kodlandığı bilgisiyle rahatlayabilirsiniz.