Żądania HTTP określają sposób, w jaki przeglądarki proszą o przeglądanie swoich stron. Kiedy twoja strona ładuje się w przeglądarce, przeglądarka wysyła żądanie HTTP do serwera WWW dla strony w adresie URL. Następnie, w miarę dostarczania HTML, przeglądarka analizuje go i szuka dodatkowych żądań dotyczących obrazów, skryptów, CSS, Flash i tak dalej.
Za każdym razem, gdy widzi żądanie nowego elementu, wysyła kolejne żądanie HTTP do serwera. Im więcej obrazów, skryptów, arkuszy CSS, Flash itp., Tym więcej stron otrzyma twoja strona i tym wolniej załadują się twoje strony. Najłatwiejszym sposobem zmniejszenia liczby żądań HTTP na stronach jest nie używanie wielu (lub jakichkolwiek) obrazów, skryptów, CSS, Flash itp. Ale strony, które są tylko tekstowe, są nudne.
Jak zmniejszyć liczbę żądań HTTP bez niszczenia projektu
Na szczęście istnieje kilka sposobów na zmniejszenie liczby żądań HTTP przy zachowaniu wysokiej jakości bogatych projektów internetowych.
- Połącz pliki - Używanie zewnętrznych arkuszy stylów i skryptów jest ważne, aby nie obciążały one czasu ładowania strony, ale nie zawierają więcej niż jednego pliku CSS i jednego skryptu.
- Użyj Sprites CSS - Gdy połączysz większość lub wszystkie swoje obrazy w ikonkę, zamieniasz wiele obrazów w jeden. Następnie wystarczy użyć właściwości CSS obrazu tła, aby wyświetlić sekcję potrzebnego obrazu.
- Mapy obrazów - Mapy obrazów nie są tak popularne jak kiedyś, ale gdy mają ciągłe obrazy, mogą zmniejszyć liczbę żądań obrazów HTTP do zaledwie jednego.
Użyj buforowania, aby poprawić czas ładowania strony wewnętrznej
Używając sprite'ów CSS i połączonych plików CSS i skryptów, możesz również poprawić czasy ładowania stron wewnętrznych. Na przykład, jeśli masz obrazek sprite'a, który zawiera elementy stron wewnętrznych, a także twoją stronę docelową, wtedy kiedy twoi czytelnicy przechodzą do tych wewnętrznych stron, obraz jest już pobrany i znajduje się w pamięci podręcznej. Więc nie będą potrzebować żądania HTTP, aby załadować te obrazy na stronach wewnętrznych.
