İçindekiler
Web uygulamalarında daha iyi performans elde etmek için birkaç küçük şey yapmalıyız, gerçek üretim hayatında gerçekten tüm durumlar için geçerli bir reçete yoktur, sadece uygulanabilecek ve ardından plana göre giderse değerlendirilebilecek öneriler vardır.Performansı her zaman artırabilecek şeylerden biri, yanıt boyutunu küçült, çünkü bu şekilde tarayıcının daha az veri indirmesi ve dolayısıyla daha az bant genişliği kullanması gerekir, ancak mevcut İnternet bağlantı hızlarıyla önemli görünmese de, gerçekte her şeyin biraz etkisi vardır.
Uygulamamızdan gelen yanıtın boyutunu küçültmek için yapabileceğimiz ana eylemlerden biri, komut dosyalarını talimatlarla birlikte harici olarak yerleştirmektir. CSSBu, istemcinin tarayıcısının bu dosyaların içeriğini önbelleğe alabilmesi için yapılır.
Talimatları uygulama görünümünün aynı dosyasına yerleştirdiğimizde, önce uygulamanın yanıt vermesi gereken şeyin boyutu yükselir, çünkü sunucudan gelen sonuçlara ek olarak hem talimatları eklememiz gerekir hem de Javascript Ne CSS ve ikincisi, değişken bir içerik olduğu için tarayıcı bunu önbelleğe almaz.
Öte yandan, bu ek kaynakları ayrı dosyalara yüklediğimizde, tarayıcı bunları önbelleğe alabilir ve yalnızca dinamik içerik isteğinde bulunabilir, yani tarayıcı hangi dosyaları yükleyeceğini zaten biliyorsa ve yanıt çok daha küçükse, performans artışı göreceğiz.
Görselde gördüğümüz gibi ilk yükleme tarayıcının tüm kaynakları indirmesine neden oluyor, önbellekte sakladıktan sonra sadece uygulamanın yanıtını yüklediğini görüyoruz, böylece anlattıklarımızı göstermiş oluyoruz.
DezavantajlarıEğitimin başında belirttiğimiz gibi, bu yalnızca performansı artırmaya yönelik bir öneridir, ancak her durumda işe yaraması gerekmez, örneğin bunun açık bir dezavantajı vardır ve bu, dosyaları farklı yerlere yerleştirmek performansı artırır. istekler HTTPkullanımı ile bu durum hafifletilmiş gibi görünmektedir. önbellek, ancak önbellek etkinleştirilmezse ne olur, tarayıcılar birçok istekte bulunmak için indirme yapmak zorunda kalacak ve böylece kazanabileceğimiz avantajı azaltacaktır.
Yapabileceğimiz bir şey, her dünyanın en iyisine erişmek için bir teknikler kombinasyonuyla çalışmaktır, örneğin, komut dosyalarını kendi koduna yükleyen ve ardından içeriği aşağıdakiler aracılığıyla değiştiren bir ana ev yapmak. AJAX, bununla istek sayısını ve yanıtların boyutunu azaltabiliriz. Tabii ki sadece çok kapsamlı olmayan uygulamalarla çalışacak, çünkü bu avantajı kaybetmezsek.
Bununla bu öğreticiyi bitiriyoruz, tarayıcıların bize sunduğu tüm kaynakları kullanarak ve bu şekilde daha iyi bir kullanıcı deneyimi oluşturarak uygulamalarımızdan nasıl biraz daha fazla performans çıkarabileceğimizi gördük.Bu Eğitimi beğendiniz ve yardım ettiniz mi?Yazara olumlu puan vermek için bu düğmeye basarak yazarı ödüllendirebilirsiniz.