Żą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 dostarczany jest kod HTML, 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, Flash itp. Twoja strona zawiera więcej żądań i wolniejsze ładowanie stron. Najłatwiejszym sposobem na zmniejszenie liczby żądań HTTP na swoich stronach jest nieużywanie wielu (lub żadnych) obrazów, skryptów, CSS, Flash itp. Ale strony, które są tylko tekstem, są nudne.
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 Twój strona docelowa, wtedy gdy Twoi czytelnicy przejdą do tych wewnętrznych stron, obraz jest już pobrany i w Pamięć podręczna. Nie będą więc potrzebować żądania HTTP, aby załadować te obrazy na twoje wewnętrzne strony.