GOOGLE Page Speed

pytanie zadane 12 marca 2025 w HTML i CSS przez EmilB Obywatel (1,060 p.)

Cześć,

siedze, kombinuje, chatgpt też nie ogarnia. Mam problem, że google mi pokazuje, że div sie długo renderuje...

Wstawiam screenshoty o co chodzi w google. Będę wdzięczny za pomoc.

  <section id="title">
    <div class="title-text">
      <div class="h1">Cześć! Jestem <span class="lighter">Emil</span>.</div>
      <h1>Tworzę nowoczesne strony internetowe.</h1>
      <span class="title-text-text">Specjalizuję się w tworzeniu stron internetowych, które pomagają wyróżnić się w sieci. </span><h2>Oferuję nowoczesne i responsywne rozwiązania dopasowane do Ciebie. </h2><span class="title-text-text">Dzięki temu zbudujesz silną obecność online i skutecznie przyciągniesz nowych klientów.</span>
    </div>
  </section>

komentarz 12 marca 2025 przez adrian17 Mentor (354,880 p.)

Wrzuć link do strony.

Z tego samego co pokazałeś, to nie ma żadnego sensu żeby trwało tak długo dla kogokolwiek.

komentarz 12 marca 2025 przez EmilB Obywatel (1,060 p.)

https://rejuweb.pl
Zmieniałem html, zmieniłem css, dałem defaultowe czcionki i dalej to samo.

2 odpowiedzi

odpowiedź 12 marca 2025 przez Comandeer Guru (607,980 p.)

Hm, nie tyle, że div się długo renderuje, tyle że jest po prostu największym wyrenderowanym elementem. Problemem jest tutaj opóźnienie renderowania, które trwa ponad 3 sekundy – tak jakby serwer zwracał długo dane albo przeglądarka długo mieliła, zanim zaczęła wyświetlać cokolwiek.

Jeśli puszczasz te testy w przeglądarce, to polecam spróbować w trybie incognito, bez żadnych rozszerzeń – jest szansa, że to któreś z nich spowalnia. Albo serwer z jakiegoś powodu jest "niestabilny" i zwraca wyniki w różnym czasie. Zwłaszcza że wersja online PageSpeed Insights potrafi pokazać wynik 99, żeby tuż po tym – spaść do 81.

komentarz 12 marca 2025 przez EmilB Obywatel (1,060 p.)

Sprawdziłem na innej przeglądarce, dalej to jest, ale minimalnie szybciej ładuje. :/

komentarz 12 marca 2025 przez EmilB Obywatel (1,060 p.)

Wszedłem w incognito na 2 przeglądarkach i o dziwo jest cały czas 99.

komentarz 12 marca 2025 przez EmilB Obywatel (1,060 p.)

A jednak teraz na nie incognito też jest 99, nie wiem o co chodzi, nic nie zmieniałem.

komentarz 12 marca 2025 przez Comandeer Guru (607,980 p.)

Jeśli wyniki tak skaczą, to obstawiałbym problem po stronie serwera.

komentarz 12 marca 2025 przez EmilB Obywatel (1,060 p.)

Rozumiem, sprawdziłem na drugiej stronie i też jest taki błąd.

https://tobex.com.pl/

odpowiedź 12 marca 2025 przez rafal.budzis Szeryf (86,000 p.)

Ciekawy problem. Wychodzi na to że coś bardzo długo się wczytuje. Dodał bym CDNa tu oferują nawet darmowe progi ;) Może to kwestia stabilności serwera.

https://www.cloudflare.com/pl-pl/application-services/products/cdn/

Dodatkowo warto zrównoleglić wczytywanie czcionek oraz obrazów. obecnie aby wczytać czcionki przeglądarka musi wczytać CSSy więc robisz niepotrzebne zależności. Przy tak małym CSS i pliku HTML śmiało połączył bym pliki i CSSa całego wrzuciłbym inline do HTMLa.

Jeśli nie chcesz łączyć HTMLa z CSSem inline możesz też skorzystać z font preload aby wczytywać czcionki zanim wczytasz CSSa

https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/rel/preload