Cześć @plagiatt,
Dziękuję za wiadomość.
Przeprowadziłem test na Twojej stronie internetowej. Zasymulowałem przeglądarki z obsługą AVIF/WebP oraz bez niej, aby upewnić się, że wszystko działa prawidłowo. Dzięki temu mogłem sprawdzić, ile ważą Twoje oryginalne obrazki (czyli te, które były przed zainstalowaniem naszej wtyczki) oraz ile ważą obrazki skonwertowane przez wtyczkę.
Oto wyniki moich testów:
Oznacza to, że wtyczka działa prawidłowo i wszystkie obrazy są wyświetlane w wersji skonwertowanej przez wtyczkę. Nie jest możliwe by redukcja wagi obrazków o blisko 80% spowodowało to, że strona ładuje się znacznie wolniej. Google PageSpeed Insights bierze pod uwagę wiele czynników i nie zawsze logicznie to ocenia. Np. pokazuje błąd, że obrazki nie są ładowane w formacie nowej generacji, a gdy to naprawimy to ten błąd znika, a ocena spada zamiast rosnąć.
Wykonałem kilka własnych testów i widzę, że ładowanie witryny wacha się od 0.4s do 3s i wpływ na to mają skrypty z narzędzia Google Doubleclick oraz Google Fonts. Te skrypty czasem ładują się błyskawicznie, a innym razem zajmuje to sekundę.
Zrobiłem sam kilka testów w PageSpeed Insights i otrzymywałem oceny w zakresie od 65/100 do 89/100, a raczej w ciągu kilku minut nic nie zmieniło się na Twojej witrynie. W jaki sposób należałoby to interpretować?
Pozdrawiam,
Mateusz
no właśnie najbardziej mnie martwi wynik na komórki, wczoraj bylo 81, dziś spadek na 71, za każdym razem page insight wskazuje zdjęcie jako element najdlużej ładowany...
First Contentful Paint
3,4 s
Wyrenderowanie największej części treści
5,8 s
Total Blocking Time
160 ms
Cumulative Layout Shift
0
Speed Index
5,2 s
czy mozesz jakoś mi pomoc??
@plagiatt Zakładam, że ten problem występował już wcześniej, przed zainstalowaniem wtyczki. Prawda?
Ten obrazek (po zoptymalizowaniu do AVIF) waży tylko 22 kB. Nie ma szans by coś, co waży 22 kB ładowało się 6 sekund. Problemem nie jest to, że ten plik długo się ładuje, tylko późno zaczyna być ładowany.
A dlaczego zaczyna się ładować późno? Na tym obrazku masz klasę CSS “no-lazy”, która powinna spowodować, że obrazek nie będzie miał funkcji lazy loading. Niestety to nie działa i ten obrazek ma tą funkcję. Natomiast ta funkcja jest realizowana przez skrypt JavaScript. Te skrypty JavaScript są opóźnione w ładowaniu, między innymi przez Google Doubleclick oraz Google Fonts. Czyli jeśli Google Doubleclick oraz Google Fonts ładują się dłużej, to czekamy dłużej na skrypt JavaScript do obsługi lazy loading. A jeśli czekamy dłużej na skrypt lazy loading to czekamy dłużej na pokazanie obrazka. I wtedy te 6 sekund jest realne.
Jakie rozwiązanie proponuję? Obrazki w górnej sekcji nie powinny mieć funkcji lazy loading i wyłączenie tej funkcji musi działać prawidłowo.
