Informacia
Treść

Jak zoptymalizować PageSpeed ​​podczas używania consentmanager?

Jeśli używasz (dowolnego) banera cookie na swojej stronie, prędkość strony będzie niższa ze względu na ilość dodatkowych skryptów, które należy załadować. Oto kilka wskazówek, jak poprawić szybkość strony:

Optymalizacja techniczna

Użyj półautomatycznego kodu blokującego

CMP oferuje dwie wersje kodu: automatyczny i półautomatyczny/ręczny kod blokujący. Półautomatyczny kod blokujący ładuje się asynchronicznie i dlatego będzie miał mniejszy wpływ na wydajność Twojej strony. Zawsze polecamy nam półautomatyczny kod blokujący.

Dodaj kod bezpośrednio na stronie

Zawsze zaleca się dodanie kodu CMP bezpośrednio do kodu witryny zamiast dodawania kodu CMP za pomocą Menedżera tagów lub podobnego. Użycie menedżera tagów opóźni ładowanie strony o około 200-500 ms, a tym samym negatywnie wpłynie na wyniki CLS/LCP (patrz poniżej).

Umieść kod CMP na swojej stronie jak najwcześniej

Aby CMP ładował się szybko, należy jak najszybciej dodać kod CMP w swoim <body> or <head> etykietka.

Użyj połączenia wstępnego

Aby skrócić czas połączenia, możesz dodać następujący kod do swojego <head>:

UWAGA: W zależności od ustawień konta adresy URL używane przez CMP mogą się różnić. Upewnij się, że zawsze dodajesz pełną subdomenę (egadelivery).consentmanager.net) jako połączenie wstępne.

Optymalizacja projektu

Zbiorcza zmiana układu (CLS)

W przypadku wyszukiwarki Google istotnym czynnikiem rankingowym jest Cummulative Layout Shift (CLS). Aby zmniejszyć wpływ CMP na Twoją witrynę, zalecamy:

  • Nie używaj zewnętrznych czcionek (ale tylko samodzielnie hostowanych plików czcionek, jeśli to konieczne) w niestandardowym CSS swojego consentmanager projekt
  • Nie używaj zewnętrznych obrazów (ani żadnych obrazów) w niestandardowym kodzie HTML swojego consentmanager projekt. Jeśli to możliwe, używaj wbudowanych obrazów SVG, aby uniknąć dodatkowego pobierania pliku obrazu.
  • Nie używaj zewnętrznego CSS (@reguły importu) w swoim niestandardowym CSS swojego consentmanager projekt
  • Nie używaj consentmanager Tryb układu "Push down" (CMP => Projekty => Ustawienia pudełka), które pojawią się w górnej części okna

Farba o największej zawartości (LCP)

Podobnie jak w przypadku CLS (powyżej), LCP jest kolejnym czynnikiem rankingowym. Aby zmniejszyć wpływ CMP na Twoją witrynę, zalecamy:

  • Postępuj zgodnie z powyższymi zaleceniami technicznymi (umieszczenie kodu, preconnect itp.)
  • Zastosowanie tryb proxy whitelabel tam, gdzie to możliwe
  • Spróbuj zaprojektować warstwę zgody tak, aby zajmowała jak najmniej miejsca (zazwyczaj jest to możliwe tylko w przypadku układów pulpitu)
  • Ustaw ustawienia CMP, aby wyświetlać warstwę zgody tylko w krajach UE/EOG, aby zmniejszyć wpływ LCP w innych krajach
Powrót do góry