Problem z renderowaniem Google Fonts

Hej,

prowadzę sobie taką tam małą stronkę z ruchem raz takim raz siakim. To jednak co chcę poruszyć to problem Google Fonts. W testach czy to PageSpeed Insights czy GTmetrix ładowanie fontów od Google ciągle wyskakuje w problemach z renderowaniem i nieustannie zajmuje to około 800 ms. Zrobiłem coś może i głupiego i za pomocą panelu Elementora najzwyczajniej w świecie wyłączyłem Google Fonts. Efekt od strony User Experience jest natychmiastowy, strona wczytuje się jak torpeda, za to od strony wizualnej wygląda to fatalnie, w końcu zostałem z 6 domyślnymi czcionkami.

Jakie polecacie metody optymalizacji Google Fonts aby były mniej uciążliwe? Jak rozumiem Google Fonts przy każdym ładowaniu strony wczytuje style, różne grubości i pełen zestaw "czcionek", pomimo, że docelowo używam zaledwie 4 z nich. Więc na ten moment najbardziej logiczne wydaje mi się wgranie 3-4 fontów, które najbardziej odpowiadają stylowi strony. Nie bardzo kumam temat, więc czekam na wszelkie sugestie co zrobić z tym fantem.

Jednocześnie zauważyłem, że chociaż UX/szybkość ładowania strony wyraźnie się poprawiła w testach wydajności czas renderowania Google Fonts zamienił się na inne pierdoły, które również kradną ponad 800 ms jak na załączonym poniżej obrazku.

Panowie nie będę ściemniał, że kumam zasady optymalizacji, jestem zwykłym gościem, który tworzy w Elementorze i po prostu chce zamieszczać własne treści  Jakakolwiek kompresje CSS/JS i wszelkich htmlów jest poza moim zasięgiem choć staram się coś tam czytać. Posiadam W3TotalCache, które jakoś tam sobie skonfigurowałem z czyjąś pomocą i tyle.

Co tu robić, co tu robić...

https://elementor.com/help/google-fonts-loading-method/ - wybierz opcje Swap. Będzie to kompromis między słabymi czcionkami a dobrymi. Generalnie możesz pobawić się tymi opcjami, masz je opisane tutaj. 

Daj znać czy przyniosło efekty.

@Ciamciaj nie chciało mi się bawić tymi opcjami bo jest ich aż 5 a Speed Insights reaguje dopiero po paru godzinach na zmiany  Żeby przetestować wszystkie to praktycznie cały dzień roboczy testowania, ale tak właśnie zrobię. Pierwsze wrażenie jest takie, że strona wczytuje się szybciej, niestety jest to odrobinę nieprzyjemne dla oka kiedy wczytywana strona skacze i się zmienia przez podmianę czcionki po załadowaniu.  

Zobaczymy jeszcze co powiedzą raporty wydajności kiedy sobie zuploadują stronę  W każdym razie dzięki za sugestię.

Czcionka się zmienia bo to właśnie robi opcja swap. Jeżeli takie zachowanie nie jest dla Ciebie akceptowalne to wybierz inna opcje, są one tam opisane. 
 

swap daje to ze wczytywanie treści nie jest blokowane na czas pobrania czcionki 

Ok, stanęło na tym, że wyświetlanie czcionek jest blokowane do czasu załadowania najważniejszych zasobów. Jest lekka poprawa wydajnościowa, problem w tym, że Google nie lubi takiego rozwiązania. Nigdy wszystkim nie dogodzi