Co prawda temat luźno związany z projektowaniem graficznym, ale jak najbardziej na czasie. Warto wziąć pod uwagę tą technikę projektując witrynę od strony kodowania. Proste umieszczenie w kodzie linku pobrania wstępnego jest techniką która instruuje przeglądarkę do pobrania zdefiniowanych zasobów w tle. W rezultacie, kiedy odwiedzający wchodzi na twoją stronę zdefiniowane zasoby zostają wstępnie pobrane, przeglądarka ładuje je szybko z cache. Możesz użyć link prefetching do przyspieszenia strony w pewnych przypadkach.
Pobieranie wstępne nie jest wspierane we wszystkich przeglądarkach. Użyj tego narzędzia by sprawdzić która przeglądarka ma wsparcie dla prefetch.
Użycie Prefetch tag
Możesz wyszczególnić jakich zasobów ma dotyczyć pobranie wstępne używając komendy
<link rel="prefetch"/>
:<link rel="prefetch" href="http://mojadomena.com/strona.html"/>
Powyższe otagowanie instruuje przeglądarkę do pobrania wstępnego link
http://mojadomena.com/strona.html
. Poza pełnymi stronami, możesz także pobrać wstępnie np. obrazki . Poniższy wycinek kodu pokazuje jak załadować wstepnie grafikę:<link rel="prefetch" href="http://mojadomena.com/obrazek.png"/>
W tym przypadku przeglądarka wstepnie załaduje tylko obrazek i obsłuży na żadanie użytkownika.
Mozilla także respektuje
Link
nagłówkowy do wstępnego pobierania.Link: </obrazki/moj-obrazek.png>; rel=prefetch
Fakty odnośnie komendy prefetch.
- W przypadku Firefoxa tylko
http://
URLe moga być wstępnie pobierane. - Jeżeli coś ściągasz w tle, pobieranie wstępne ze strony zostanie opóźnione do czasu zakończenia ściągania.
- Pobieranie wstępne nie powinno być robione agresywnie do cache'owana każdego elementu na twojej stronie www.
Używaj komendy prefetch z rozwagą
Prefetching to dobra technika do przyspieszenia ładowania stron www, ale powinna być stosowana z rozwagą. Kiedy najlepiej ją wykorzystać?
- Jeżeli wyświetlasz różne strony/zdjęcia w pozkazie slajdów, możesz użyć ładowania wstępnego aby trochę przyspieszyć.
- Możesz załadować obrazki lub inne dokumenty użyte na stronach/podstronach w twojej witrynie.
Komentarze
Prześlij komentarz