Dateipositionierung in ASP.NET MVC

Eines der Probleme vieler Anwendungen besteht darin, dass die Inhalte zwar schnell geladen werden, sie jedoch nicht schnell im Browser des Benutzers angezeigt werden, dh der Browser hat das Laden aller Inhalte, aller Bilder und aller Dateien abgeschlossen CSS Ja JS, aber es gibt eine kleine Verzögerung zwischen dem, was wir laden und dem, was wir sehen.
Dies liegt vor allem an der Position der Datei-Uploads im HTML, das heißt, wir haben wahrscheinlich die CSS und das JS gemischt und dies erschwert es dem Browser, alles wie beim Laden einer Datei anzuzeigen JS Sie müssen es verarbeiten, bevor Sie mit der nächsten Datei fortfahren.
Die erste Empfehlung ist immer, die Style-Dateien als CSS oben in unserem HTML-Code ermöglicht uns dies, dass der Browser die Anwendungsseite so schnell wie möglich nach und nach anzeigt.
Auf diese Weise vermeiden wir, dass viele Sekunden lang eine leere Seite angezeigt wird, bevor alles geladen wird .
Wenn die Stylesheets oder CSS unten sind, werden die Browser die Informationen normalerweise nicht laden, um zu vermeiden, dass der Stil geändert werden muss, sobald sie diesen Punkt erreicht haben, wodurch der Benutzer nichts sieht.
Der Zweck besteht darin, dass der Browser die Ressourcen der Seite weiterhin laden kann, da er, wenn er eine JS-Datei findet, bis er sie fehlerfrei lädt, keine anderen Ressourcen herunterlädt, selbst wenn sie sich in einem CDN.
Wohin mit den JS-Dateien?Dafür platzieren wir die Dateien JS so weit wie möglich in unserem HTML zurück, obwohl es Fälle gibt, in denen dies aufgrund der Struktur der Anwendung nicht möglich ist, können wir das Attribut platzieren verschieben mit dem wir dem Browser mitteilen, dass er es am Ende von allem laden kann.
Das Problem mit dem Attribut verschieben ist, dass nicht alle Browser es gleich interpretieren, daher kann es manchmal nicht das tun, was wir denken. Wenn wir jedoch eine Datei platzieren können, bedeutet dieses Attribut, dass sie ans Ende verschoben werden kann.
Sehen wir uns im folgenden Bild an, wie das Laden einer Seite abläuft, im ersten Teil sind die Dateien alle oben und in keiner bestimmten Reihenfolge, im zweiten Teil sind die CSS auf und die JS Nieder:

Wo das Auge ist, ist der Punkt im Prozess, an dem der Benutzer die Anwendungsseite sehen kann. Wir bemerken dann, dass die Seite im ersten Teil viel später gesehen wird als im zweiten Teil.
Damit beenden wir dieses Tutorial und können jetzt ein neues Element hinzufügen, um die Geschwindigkeit und Leistung unserer Anwendung zu verbessern und die Wartezeit des Benutzers zu reduzieren, um zu sehen, was sein Browser lädt.Hat dir dieses Tutorial gefallen und geholfen?Sie können den Autor belohnen, indem Sie diesen Knopf drücken, um ihm einen positiven Punkt zu geben