WebSite X5Help Center

 
Łukasz M.
Łukasz M.
User

Lazy Loading  pl

Auteur : Łukasz M.
Visité 1430, Followers 1, Partagé 0  

Witam

ma ktoś jakiś pomysł jak ustawić leniwe ładowanie TŁA?

Próbowałem już wielu rzeczy ale bez efektu.

Kombinowałem z <img> i #imPageRowGraphics_3 ale nic to nie dało.

https://katowice-notariusz.pl/

Posté le
9 RéPONSES - 2 UTILE
Promise SA
Promise SA
Icm Partner

Witaj Łukasz,

Zamiast kombinować z wczytywaniem grafik w tle, najlepiej będzie je bardziej skompresować. Same grafiki w tle strony to u Ciebie około 4 MB!

Pozdrawiamy

Lire plus
Posté le de Promise SA
Łukasz M.
Łukasz M.
User
Auteur

Już maksymalnie skompresowałem grafiki właśnie. GTmetrix czy Varvy pokazuje wszystko poprawnie skompresowane

Lire plus
Posté le de Łukasz M.
Promise SA
Promise SA
Icm Partner

Witaj Łukasz,

Poza kompresją możesz również po prostu zmniejszyć rozdzielczość plików. Wykorzystywane przez Ciebie grafiki i tak tworzą wyłącznie tło i nie zawierają szczegółowych elementów, które muszą być czytelne. Po zmniejszeniu rozdzielczości przeglądarka poradzi sobie sama ze skalowaniem grafiki przy większych ekranach.

Pozdrawiamy

Lire plus
Posté le de Promise SA
Łukasz M.
Łukasz M.
User
Auteur

Dzięki Promise za odpowiedź, zajme się rozmiarem, miałem to zrobić wcześniej ale przekopywałem internet w celu zbadania różnych skryptów co do leniwego ładowania. 
Szkoda trochę, że nie ma opcji w oprogramowaniu aby to ustawić dla tła czy całych galerii a tylko dla pojedyńczego obiektu "obraz".

Lire plus
Posté le de Łukasz M.
Klaus G.
Klaus G.
User

Verwende mal dieses Bild. Es hat eine Auflösung von 1920x1440px und die gewichtung ist jetzt 332KB.

Dürfte damit etwas schneller laden cool

Lire plus
Posté le de Klaus G.
Łukasz M.
Łukasz M.
User
Auteur

@Klaus
Have you tried lazily loading objects other than the "image"? For example, backgrounds or entire galleries?

Lire plus
Posté le de Łukasz M.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Łukasz M.
... ...  ma ktoś jakiś pomysł jak ustawić leniwe ładowanie TŁA?  ... ... ... 

(It > Pl) ... ... alternatywnie, możesz opóźnić otwarcie tła, gdy strona jest w pełni załadowana (download) ...

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Łukasz M.
Łukasz M.
User
Auteur

KolAsim

znasz jakis kod na to, bowiem z poziomu programu takiej opcji chyba nie ma z tego co wiem? Kombinowałem z wieloma skryptami czy też samym jQuery, jak napisalem wczesniej, ale ciągle Google zwraca mi tę sugetię, odnośnie leniwego ładowania. foot-in-mouth

Lire plus
Posté le de Łukasz M.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... ... ostatnia instrukcja przed zamknięciem znacznika /HEAD

<style> #imPageRowGraphics_1 {display:none} </style>
<script> $( document ).ready(function() {
$('#imPageRowGraphics_1').show();
$('#imPageRowGraphics_1').css('background-image', 'url(https://katowice-notariusz.pl/images/Kancelaria-Notarialna-Katowice-Agnieszka-Miko-ajczyk-Halina-Mikolajczyk-opta.jpg)');
}); </script>

.

... ... zbyt duży i ciężki obraz: 4032x3024  |  1.14 MB

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪