Jak zminimalizować żądania HTTP, aby skrócić czas ładowania?

Zmniejsz liczbę komponentów na swoich stronach

Co wiedzieć

• Używaj zewnętrznych arkuszy stylów, które nie spowalniają czasu ładowania strony; nie masz więcej niż jednego pliku CSS i skryptu.
• Połącz większość lub wszystkie obrazy w sprite CSS; zamienisz wiele próśb o zdjęcie w jedno.
• Mapy obrazów mogą zredukować wiele żądań obrazów HTTP do jednego, jeśli masz ciągłe obrazy.

W tym artykule wyjaśniono, jak przyspieszyć strony internetowe, minimalizując żądania HTTP bez minimalizowania projektu witryny.

Jak zmniejszyć liczbę żądań HTTP bez niszczenia projektu?

Na szczęście istnieje kilka sposobów na zmniejszenie liczby żądań HTTP przy jednoczesnym zachowaniu wysokiej jakości bogatych projektów internetowych.

Połącz pliki- Za pomocą zewnętrzne arkusze stylów a skrypty są ważne, aby nie ograniczały czasu ładowania strony, ale nie mają więcej niż jednego CSS i jednego pliku skryptu. Użyj sprite'ów CSS– Kiedy połączysz większość lub wszystkie obrazy w sprite, zamieniasz wiele żądań obrazów w jedno. Następnie wystarczy użyć właściwości CSS background-image, aby wyświetlić potrzebną sekcję obrazu. Mapy obrazów– Mapy obrazów nie są tak popularne jak kiedyś, ale gdy masz sąsiednie obrazy, mogą zredukować wiele żądań HTTP do jednego.

Użyj buforowania, aby poprawić czas wczytywania strony wewnętrznej

Używając sprite'ów CSS i połączonych plików CSS i skryptów, możesz również skrócić czas ładowania stron wewnętrznych. Na przykład, jeśli masz obrazek duszka, który zawiera elementy stron wewnętrznych, a także stronę docelową, to gdy Twoi czytelnicy przechodzą na te strony wewnętrzne, obraz jest już pobrany i znajduje się w pamięci podręcznej. Nie będą więc potrzebować żądania HTTP, aby załadować te obrazy na twoje wewnętrzne strony.

Co to są żądania HTTP?

Żądania HTTP to sposób, w jaki przeglądarki proszą o wyświetlenie Twoich stron. Gdy Twoja strona internetowa ładuje się w przeglądarce, przeglądarka wysyła do serwera WWW żądanie HTTP dotyczące strony w adresie URL. Następnie, gdy kod HTML jest dostarczany, przeglądarka analizuje go i szuka dodatkowych żądań obrazów, skryptów, CSS , Flash i tak dalej.

Za każdym razem, gdy widzi żądanie nowego elementu, wysyła do serwera kolejne żądanie HTTP. Im więcej obrazów, skryptów, CSS, Flasha itp. ma Twoja strona, tym więcej żądań zostanie wysłanych i wolniej ładują się Twoje strony. Najprostszym sposobem na zmniejszenie liczby żądań HTTP na swoich stronach jest nieużywanie wielu (lub żadnych) obrazów, skryptów, CSS, Flash itp. Ale strony zawierające tylko tekst są nudne.