Anatomie einer Webseite mit ASP.NET MVC

Die Erstellung einer Webanwendung hat mehrere Meilensteine, von denen wir zwei wichtige haben. Der erste ist, dass er den Bedürfnissen des Benutzers entspricht und einfach zu bedienen ist. Der zweite ist, so schnell wie möglich zu sein , damit wir nicht warten müssen mehr als eine Sekunde zum Laden jedes seiner Abschnitte.

Um diesen zweiten Meilenstein zu erreichen, müssen wir unsere Anwendung optimieren, sobald der erste erreicht ist. Das heißt, sobald unsere Anwendung ihre Funktionen ordnungsgemäß erfüllt, müssen wir die maximale Leistung extrahieren, um das Benutzererlebnis zu verbessern.

Zusammensetzung eines Webs

Wenn wir die Zusammensetzung einer Webseite kennen, können wir die Art und Weise verstehen, in der sie den Browser erreicht, und so die Punkte finden, an denen wir einige Verbesserungen einführen können. Jeder kleine Teil, den wir optimieren können, wird am Ende zu einem bereichernden Nutzungserlebnis beitragen.

Die Grundelemente einer Seite sind die folgenden:

HTML
Dies ist der Code oder Text in der Datei. Je größer die Codemenge, desto schwerer die Datei. Bei reinem Text ist es jedoch unwahrscheinlich, dass wir viel Speicherplatz belegen.

Js-Dateien
Es ist die komplementäre Sprache schlechthin, so wie HTML reiner Text ist. Es ist jedoch unwahrscheinlich, dass wir sie in reiner Form verwenden. Daher müssen wir fast immer .js-Dateien zu unserem HTML- Code hinzufügen, die Bibliotheken und Funktionen enthalten Es ist möglich, dass wir viel Platz einnehmen, da die Buchhandlungen in der Regel umfangreich sind.

CSS-Stylesheets
Dies sind Dateien oder Codes, die wir in unseren HTML- Code einfügen, um die Art und Weise zu modellieren, in der der Browser dem Benutzer das Web anzeigt. Ebenso wie bei Javascript können wir Bibliotheken verwenden, die Speicherplatz belegen.

Multimedia
Dies ist der schwerste Abschnitt in Multimedia, in dem wir alles in Bezug auf Bilder, Videos und Audio haben, was wir in unsere Seite integrieren können. Dies ist daher der Teil, der unserer Anwendung mehr Gewicht verleiht.

Sehen wir uns im folgenden Diagramm an, wie es erklärt aussieht:

See also  Verwendung des Befehls pwd unter Linux

asp_anatomia_web.jpg

Das Laden unserer Seite verbessern

Wir sprechen davon, dass der gesamte Inhalt der oben beschriebenen Seite ein Gewicht hat. Wenn wir eine Anfrage von unserem Browser stellen, muss dies einige Momente dauern, bis das Ergebnis angezeigt wird. Diesmal erwarten wir, dass der Inhalt heruntergeladen wird.

Wenn wir eine schnellere Seite wünschen, müssen wir daher effizienter beim Organisieren des Inhalts sein, z. B. mithilfe von für das Web optimierten Bildern, mithilfe bewährter Methoden so wenig Code wie möglich erstellen, die verkleinerten Dateien verwenden, komprimierten Inhalt verwenden usw. .

Damit beenden wir dieses Tutorial und verstehen die Anatomie einer Seite. Wir erhalten die grundlegenden Informationen, die wir benötigen, um mit der Optimierung zu beginnen. Wenn wir ein wenig Logik verwenden und das Gewicht der Seite um 30% oder 40% verringern, erhöhen wir das Gewicht der Seite Einfacher Download und damit die Geschwindigkeit.

administrator

Leave a Reply

Your email address will not be published. Required fields are marked *