Günümüzde çoğu geliştirici, uygulamayı Üretimde başlattıktan sonra performansla ilgili hususlara bakmaktadır ki bu, birçok uygulamanın başarısız olmasının başlıca nedenidir. Performans gereksinimleri, ilk tasarımdan üretim başlangıcına kadar dikkate alınmalıdır. Bu seri, istemci tarafında (Tarayıcılar), Sunucu Tarafında (Uygulama Sunucusu) ve DB’de nasıl yüksek performans elde edilebileceğini açıklayacak.
Bu ilk bölüm, istemci tarafı ayarını iyileştirmek için bazı temel ipuçları verecektir:
1. Birden çok JS dosyasını tek bir JS dosyasında birleştirerek sunucuya gidiş dönüşleri azaltın.
2. Birden çok CSS dosyasını tek bir CSS dosyasıyla birleştirerek sunucuya gidiş dönüşleri azaltın.
3. İhtiyaçlarınıza göre gelecekte yapabileceğiniz her şey için Expires başlık özniteliğini ayarlayın. Bu, tarayıcıya her istekte yeniden doğrulama yapmamasının uygun olduğunu söyler, bu da sebepsiz yere sayfa yüklemesi başına nesne başına en az bir gidiş dönüş gecikmesi ekleyebilir. Özellikle görüntülerin depolandığı dizinin Tarayıcı önbelleğini etkinleştirmek için Sona Erme Başlığı özniteliklerinin ayarlandığından emin olun. Sadece web sunucunuza 304 durum çağrılarını azaltmak, web sunucusundaki yükü en aza indirir ve sayfa yanıt süresini iyileştirir.
4. JS dosyasını ayırmak ve dahil etmek için JS kodunu haricileştirin ve web sunucusundaki JS dosyaları dizininin önbelleğe alma özelliğinin açık olduğundan emin olun. Herhangi bir değişiklik yaparsanız dosyanın adını değiştirmeniz gerekir, aksi takdirde tarayıcı en son JS dosyalarını indirmez.
5. Ayrı HTML öğelerinde STYLE niteliği kullanmak yerine CSS niteliklerinden yararlanın. Tarayıcılar, sayfaları STYLE niteliklerinden daha hızlı CSS sınıf nitelikleriyle işler.
6. GZIP’yi veya web sunucusunda herhangi bir sıkıştırmayı etkinleştirerek HTTP yanıt boyutunu en aza indirin. Çoğu modern, GZIP sıkıştırmasını destekler ve bu, sayfa yükleme süresini önemli ölçüde azaltır.
7. İçeriğinize paralellik ekleyerek yanıt süresini de artırabilirsiniz. Çoğu tarayıcı, günümüzün yüksek bant genişliğinden yararlanabileceğiniz ve yanıt süresini azaltabileceğiniz aynı etki alanına CNAME’ler oluşturarak tek ana makineye iki eşzamanlı bağlantıyı sınırlar. Aynı alan adına 4’ten fazla takma ada sahip olması tavsiye edilmez. Dörtten fazla takma ada / CNAME’e sahip olmak istenmeyen etkiler yaratır.
8. Web sayfasında referans verilen alan adlarının sayısını en aza indirin. Her ana bilgisayar adı, fazladan bir DNS girişi aramasının ve fazladan bir TCP üç yönlü el sıkışmasının ek yükünü ekler. Aynı sayfada referans verilen çok fazla alan, yanıt süresinde beklenmedik bir gecikmeye neden olabilir.
9. HTTP istek boyutunu en aza indirin. Çerezler genellikle alan çapında ayarlanır; bu da, tarayıcı tarafından bu alan içindeki her görüntü isteğiyle gereksiz yere gönderildikleri anlamına gelir.
Herhangi bir kod değişikliği içermeyen yukarıda belirtilen ipuçlarını uygulayarak ve sadece çevreyle ilgili bu değişiklikleri yaparak sayfalarınızın yanıt süresini önemli ölçüde artırabilir ve kullanıcının siteniz hakkındaki algısını geliştirebilirsiniz.
Bugünün AJAX tabanlı web uygulamaları oldukça yaygın hale geldi ve bir sonraki bölümde JavaScript kodunuzun performansını artırmaya yönelik ipuçlarını tartışacağız.
GIPHY App Key not set. Please check settings