Źródło: Arkusze CKE
Aby zwiększyć szybkość działania strony zawierającej grafikę o wymiarach 2000 px na 760 px, należy zmniejszyć rozmiary grafiki
Warianty odpowiedzi
-
A
w programie graficznym.
-
B
za pomocą właściwości CSS, podając rozmiar w procentach.
-
C
za pomocą atrybutów HTML.
-
D
za pomocą właściwości CSS, podając rozmiar w pikselach.
Wyjaśnienie
To jeden z najczęstszych błędów początkujących twórców stron. Skalowanie obrazu w kodzie HTML lub za pomocą stylów CSS zmienia tylko jego rozmiar wyświetlania na ekranie, ale plik pobierany przez przeglądarkę nadal waży tyle samo.
Jeśli prześlesz plik o rozdzielczości 2000 na 760 pikseli i zmniejszysz go w CSS do wymiarów 200 na 76 pikseli, użytkownik i tak musi pobrać pełny, ciężki plik z serwera.
Jedynym prawidłowym rozwiązaniem jest fizyczne zmniejszenie wymiarów oraz rozdzielczości pliku w programie graficznym przed wrzuceniem go na stronę. Przeglądarka pobierze wtedy znacznie mniej danych, co przyspieszy ładowanie.