Po dodaniu w zeszłym roku natywnej funkcji opóźnionego ładowania obrazów do przeglądarki Google, Google umożliwia teraz programistom leniwe ładowanie dużych ramek iframe. Czytaj dalej, aby dowiedzieć się więcej!
Wzrost ruchu internetowego użytkowników mobilnych i osób na całym świecie z ograniczonymi możliwościami połączenia zmusił firmy i programistów do znacznej optymalizacji prędkości ładowania witryny. Tradycyjnie, gdy wchodzisz na stronę internetową, pobiera ona i wyświetla całą dostępną zawartość: obrazy, ikony, pliki GIF, style, skrypty i tak dalej. Jak możesz sobie wyobrazić, ładowanie tego wszystkiego powoduje opóźnienie podczas uruchamiania witryny, szczególnie w przypadku użytkowników korzystających z wolnych łączy. Google od jakiegoś czasu próbuje wyeliminować ten problem. Tylko w zeszłym roku – dodali funkcja leniwego ładowania obrazu w Google Chrome 76. Teraz Google udostępnia tę samą funkcjonalność ramkom iframe.
Leniwe ładowanie ładuje zawartość strony internetowej na żądanie, co oznacza, że nie zostanie ona pobrana wyświetlane, dopóki nie przewiniesz w dół i nie zobaczysz ich w widoku, co zmniejsza początkowe uruchamianie witryny prędkość. Jak wspomniano, leniwe ładowanie obrazów jest dostępne w przeglądarce Chrome od zeszłego roku, ale teraz programiści mogą używać tej samej metody także w ramkach iframe. Aby wdrożyć go na własnej stronie internetowej, wystarczy dodać
ładowanie="leniwy" atrybut do obrazów i/lub elementów iframe. Przeglądarki takie jak Firefox i Safari zaimplementowały już natywną funkcję opóźnionego ładowania obrazów. Jeśli chodzi o ramki iframe, nadal pracują nad naprawieniem kilku błędów. Google wspomniało również, że przeglądarka Chrome na Androida w trybie Lite automatycznie z opóźnieniem ładuje obrazy poza ekranem i ramki iframe.Jak na ironię, podczas testowania wpływu osadzania filmów z YouTube (opartych na ramkach iframe) na szybkość ładowania strony internetowej w przypadku leniwego ładowania, zespół Chrome odkrył, że „zaoszczędziliśmy 10 sekund w porównaniu z tym, jak szybko nasze strony będą interaktywne na urządzeniach mobilnych." Nie trzeba dodawać, że leniwe ładowanie ma realną przewagę nad tradycyjną metodą pobierania całej zawartości strony internetowej zaraz po jej odwiedzeniu.
Cena: za darmo.
4.1.
Źródło: web.dev
Przez: Techdows