Spisie treści
Wygenerowanie aplikacji internetowej ma kilka kamieni milowych, wśród których mamy dwa ważne, pierwszy to zgodność z wymogami potrzeb użytkownika i jest łatwy w użyciu, po drugie, że jest najszybszy możliwy, dzięki czemu nie musimy czekać dłużej niż sekundę na załadowanie każdej z jego sekcji.Aby osiągnąć ten drugi kamień milowy, musimy zoptymalizować naszą aplikację po spełnieniu pierwszego, to znaczy, gdy nasza aplikacja poprawnie wykona swoje funkcje, musimy wydobyć maksymalną wydajność, aby wzmocnić doświadczenie użytkownika.
Znajomość składu strony internetowej pozwala nam zrozumieć sposób, w jaki dociera ona do przeglądarki, a tym samym znaleźć punkty, w których możemy dokonać pewnych ulepszeń, każda mała część, którą możemy zoptymalizować, będzie w końcu składać się na wzbogacone doświadczenie użytkownika.
Podstawowe elementy strony to:
HTMLTo jest kod lub tekst w pliku, im większa ilość kodu, tym cięższy plik, jednak w przypadku czystego tekstu jest mało prawdopodobne, abyśmy zajęli dużo miejsca.
Pliki JsJest to język komplementarny par excellence, taki jak HTML jest to czysty tekst, jednak jest mało prawdopodobne, że użyjemy go w czystej postaci, więc prawie zawsze będziemy musieli dodawać pliki .js nasz HTML które zawierają biblioteki i funkcjonalności, to jeśli jest możliwe, że zajmujemy dużo miejsca, ponieważ biblioteki są generalnie obszerne.
Arkusze stylów CSSSą to pliki lub kod, które wstawiamy do naszego HTML co pozwala nam modelować sposób, w jaki przeglądarka pokaże użytkownikowi sieć, a także JavaScript możemy korzystać z bibliotek, które zajmują miejsce.
MultimedialneTo najcięższa sekcja, w multimediach będziemy mieli wszystko, co dotyczy obrazów, filmów i audio, które możemy umieścić na naszej stronie, dlatego jest to część, która zwiększa wagę pobierania do naszej aplikacji.
Zobaczmy na poniższym diagramie, jak to wygląda wyjaśnione:
Mówimy, że cała zawartość strony opisana powyżej ma wagę, to sprawia, że gdy wykonujemy żądanie z naszej przeglądarki, musi chwilę poczekać, aby pokazać nam wynik, tym razem czekamy to pobranie treść.
Dlatego, jeśli zależy nam na szybszej stronie, musimy być bardziej wydajni przy porządkowaniu treści, na przykład przy użyciu obrazów zoptymalizowanych pod kątem sieci, robieniu jak najmniejszej ilości kodu, stosując najlepsze praktyki, używając zminifikowanych plików, używając skompresowanych treści itp. .
Na tym kończymy ten samouczek, rozumiejąc anatomię strony, możemy uzyskać podstawowe informacje potrzebne do rozpoczęcia optymalizacji, ponieważ jeśli użyjemy trochę logiki i zmniejszymy 30% lub 40% Od wagi strony będziemy zwiększać łatwość jej pobierania, a tym samym jej szybkość.Podobał Ci się i pomógł ten samouczek?Możesz nagrodzić autora, naciskając ten przycisk, aby dać mu pozytywny punkt