fonts - załaduj wstepne kluczowe żądania

[frikifrik]

Hej tak jak w temacie page speed google jako mozliwosc zaoszczedzenia czasu ladowania strony podaje

"zaladuj wstepne kluczowe żadania" a po rozwinieciu pokazuje mi listę

 

…webfonts/fa-solid-900.woff2
1440 ms
…webfonts/fa-brands-400.woff2
1110 ms
…webfonts/fa-regular-400.woff2
1110 ms

 

oraz wskazowke  'Pomyśl o użyciu elementu `<link rel=preload>`, by szybciej pobierały się zasoby, które są obecnie żądane na dalszym etapie ładowania strony.'

 

tak tez zrobilem.

to

   <link rel="stylesheet" href="/css/new/fonts/css/all.css">

 

zamienilem na to

 

<link rel="preload" href="/css/new/fonts/css/all.css" as="style">

 

i wszystko spoko tylko, ze na stronie przestaly wyswietlac mi sie ikony jakby ich nie ladowalo.

 co robie zle?

[blazejs]

Bez linka mozna co najwyzej powrozyc z fusow.

[Mion]

8 godzin temu, frikifrik napisał:

które są obecnie żądane na dalszym etapie ładowania strony.'

 

tak tez zrobilem.

Bo tak wyglądają właśnie te porady od google speed.  Z tym, ze Ty ze to robisz bo tam mowa o konkretnych zasobach a nie całym CSS

https://web.dev/codelab-preload-web-fonts/
https://wp-rocket.me/blog/font-preloading-best-practices/
https://www.freecodecamp.org/news/web-fonts-in-2018-f191a48367e8/

 

 

Edytowane 18 Listopada 2020 przez Mion