ASP.NET MVC ile bir web sayfasının anatomisi

Bir web uygulamasının oluşturulması, aralarında iki önemli noktanın bulunduğu birkaç dönüm noktasına sahiptir, ilki, aşağıdakilerle uyumlu olmasıdır. kullanıcı ihtiyaçları ve kullanımı kolaydır, ikincisi ise mümkün olan en hızlı, böylece bölümlerinin her birini yüklemek için bir saniyeden fazla beklememize gerek kalmaz.
Bu ikinci kilometre taşını karşılamak için, ilki karşılandığında uygulamamızı optimize etmeliyiz, yani uygulamamız işlevlerini düzgün bir şekilde yerine getirdiğinde, kullanıcı deneyimini yükseltmek için maksimum performansı çıkarmalıyız.
Bir web sayfasının bileşimini bilmek, tarayıcıya nasıl ulaştığını anlamamıza ve böylece bazı iyileştirmeler yapabileceğimiz noktaları bulabilmemize olanak tanır, optimize edebileceğimiz her küçük parça, sonunda zenginleştirilmiş bir kullanıcı deneyimi.
Bir sayfanın temel öğeleri şunlardır:
HTMLBu, dosya içindeki kod veya metindir, kod miktarı ne kadar fazlaysa dosya o kadar ağırdır, ancak saf metinde çok fazla yer kaplamamız olası değildir.
Js dosyalarıBu, mükemmel bir tamamlayıcı dildir, tıpkı HTML saf metindir, ancak onu saf biçimde kullanmamız olası değildir, bu nedenle neredeyse her zaman eklemek zorunda kalacağız .js dosyaları bizim HTML kütüphaneler ve işlevsellikler içeren, bu mümkünse, kütüphaneler genellikle geniş olduğu için çok yer kaplamamız mümkün.
CSS Stil SayfalarıBunlar, dosyamıza eklediğimiz dosyalar veya kodlardır. HTML bu, tarayıcının web'i kullanıcıya gösterme şeklini modellememize ve bunun yanı sıra Javascript yer kaplayan kütüphaneleri kullanabiliriz.
MultimedyaBu en ağır bölümdür, multimedyada sayfamıza ekleyebileceğimiz resimler, videolar ve sesle ilgili her şeye sahip olacağız, bu nedenle uygulamamıza daha fazla indirme ağırlığı ekleyen bölüm budur.
Aşağıdaki şemada nasıl açıklandığını görelim:

Yukarıda açıklanan sayfanın tüm içeriğinin bir ağırlığı olduğunu söylüyoruz, tarayıcımızdan bir istekte bulunduğumuzda sonucu bize göstermesi için birkaç dakika beklemesi gerektiğinin nedeni budur, bu sefer beklediğimiz şeyin indirilmesidir. içerik.
Bu nedenle, daha hızlı bir sayfa istiyorsak, içeriği düzenlerken daha verimli olmalıyız, örneğin web için optimize edilmiş resimler kullanmak, en iyi uygulamaları kullanarak mümkün olan en az miktarda kodu yapmak, küçültülmüş dosyalar kullanmak, sıkıştırılmış içerik kullanmak vb. .
Bununla, bir sayfanın bu anatomisini anlayarak bu öğreticiyi bitiriyoruz, optimize etmeye başlamak için ihtiyacımız olan temel bilgileri elde edebiliriz, çünkü biraz mantık kullanırsak ve 30% veya 40% Sayfanın ağırlığından, indirme kolaylığını ve dolayısıyla hızını artıracağız.Bu Eğitimi beğendiniz ve yardım ettiniz mi?Yazara olumlu puan vermek için bu düğmeye basarak yazarı ödüllendirebilirsiniz.