Najlepsze praktyki optymalizacji naszej aplikacji w ASP.NET MVC

Optymalizacja naszych aplikacji wykonanych za pomocą ASP.NET MVC Nie tylko wychodzą od strony programistycznej, ale mają też wiele wspólnego ze sposobem, w jaki organizujemy nasz projekt i jego zależnościami, w tym przypadku z zasobami, które przeglądarka musi pobrać, na przykład obrazami i plikami. .css Tak .js.
Wynika to ze sposobu, w jaki przeglądarka traktuje połączenia przez HTTP Co zrobić, ponieważ ze względów bezpieczeństwa liczba jednoczesnych połączeń, które można wykonać do tej samej domeny, jest ograniczona, aby użytkownik i jego doświadczenie przeglądania nie zostały naruszone.
Jak wspomnieliśmy na początku, przeglądarki mają ograniczenia Jeśli chodzi o liczbę jednoczesnych połączeń, które można wykonać w żądaniu do tej samej domeny, dlatego jeśli mamy wiele plików statycznych, pobranie zajmie więcej czasu, jeśli występują w różnych wtrąceniach, niż jeśli mamy ich mniejszą liczbę .
Scal pliki .jsAby osiągnąć znaczną poprawę, musimy połączyć nasze pliki w jeden, zmniejszy to ilość elementów, które trzeba pobrać, więc jeśli możemy, powinniśmy mieć ogólny plik .js gdzie zlokalizować ogólne podstawowe funkcjonalności, a w wyjątkowych przypadkach dodać dodatkową dla poszczególnych skryptów strony.
duszkiTo samo można zastosować do plików .css, jednak co się dzieje z obrazami, nie możemy tego mieszać w jednym pliku, to prawda do pewnego momentu, ale możemy użyć figury duszki, więc jeśli mamy kilka przycisków w formacie obrazu, możemy stworzyć kilka duszki które mają kilka z tych przycisków i przez CSS zlokalizuj potrzebny.
Stosując to, możemy zmniejszyć ilość elementów do pobrania, jak widać na poniższej reprezentacji graficznej:

Kolejny ważny punkt, który idzie w tym samym kierunku, aby zmniejszyć liczbę połączeń HTTP jest użycie CDN, są to statyczne sieci z treścią, które przechodzą przez inny serwer i których możemy używać do przechowywania naszych obrazów, pliki .js i .css, aby przeglądarka nie myślała, że ​​pobiera treści z tej samej domeny, co zwiększa liczbę równoległych żądań, które może wysyłać.
Daje to również dodatkową korzyść, ponieważ usługa plików pochodzi z oddzielnego serwera, możemy go zoptymalizować tylko do obsługi treści statycznych, a tym samym naszego serwera ASP.NET będzie miał mniejsze obciążenie, zmniejszając w ten sposób obciążenie procesora i pamięci.
Użyj różnych CDNW rzeczywistości możemy zrobić małą sztuczkę, która jest bardzo skuteczna i polega na użyciu dwóch CDN w różnych domenach, jedna dla obrazów i jedna dla Skrypty Tak CSS, dzięki temu możemy równolegle pobierać więcej plików, co znacznie zwiększy wydajność naszej aplikacji.
Na tym kończymy ten samouczek, widzieliśmy, że możemy zwiększyć wydajność naszej aplikacji, stosując małe sztuczki i zmniejszając liczbę elementów, które przeglądarka użytkownika musi pobrać.Podobał Ci się i pomógł ten samouczek?Możesz nagrodzić autora, naciskając ten przycisk, aby dać mu pozytywny punkt