HTML5 - HTML
Dekodowanie obrazków <img decoding>
W jaki sposób nie opóźniać wyświetlania strony podczas ładowania dużych obrazków?
<img src="lokalizacja" decoding="dekodowanie">
- lokalizacja
- Ścieżka dostępu
- dekodowanie
- Jedna z następujących wartości:
- sync - przeglądarka powinna wstrzymać przetwarzanie reszty strony, dopóki nie wyświetli obrazka.
- async - przeglądarka może wyświetlać pozostałe elementy strony w trakcie przetwarzania obrazka.
- auto - wartość domyślna (zależy od przeglądarki)
Podpowiada przeglądarce, w jaki sposób najlepiej wyświetlić dany obrazek.
Nadanie atrybutu decoding="sync" może spowolnić wyświetlanie całej strony - zwłaszcza w przypadku dużych obrazków.
Pytania i odpowiedzi <img decoding>
Co to znaczy "dekodowanie"?
Dekodowanie odnosi się do procesu przekształcania danych z jednego formatu na inny, zrozumiały dla docelowego systemu lub aplikacji. W kontekście komputerów może oznaczać konwersję zakodowanych informacji, takich jak obrazów lub tekstu, do ich pierwotnej, użytecznej formy.
Jakie są przykłady dekodowania?
Przykłady dekodowania obejmują konwersję zakodowanego pliku obrazu (np. JPEG) do formatu, który można wyświetlić na ekranie, deszyfrowanie zaszyfrowanej wiadomości, aby była czytelna, oraz dekodowanie znaków zakodowanych w formacie HTML, takich jak ©, na ich odpowiedniki, np. ©.
Jaki jest atrybut dekodowania w HTML?
Atrybut decoding w HTML określa, jak przeglądarka powinna dekodować obraz przed jego wyświetleniem. Może przyjmować wartości auto, sync, lub async. Na przykład, <img src="image.jpg" decoding="async"> ustawia dekodowanie asynchroniczne, co może poprawić wydajność ładowania strony.
Co robi dekodowanie asynchroniczne?
Dekodowanie asynchroniczne (decoding="async") umożliwia przeglądarce ładowanie i dekodowanie obrazu w tle, co pomaga w zwiększeniu wydajności ładowania strony, ponieważ inne zasoby strony mogą być w tym czasie wczytywane równocześnie, co skutkuje szybszym wyświetlaniem zawartości strony.