Nainštalujte počítadlo bez posúvania rozloženia
V tomto článku
Počítadlo, ktoré sa načíta po texte, môže posunúť okolitý obsah, ak mu stránka nevyhradila priestor. Inštalácia by mala zachovať vygenerované rozmery, zmestiť sa do kontajnera a neúmyselne neodkladať meranie. Ide o samostatné kontroly: stabilné rozloženie nedokazuje, že sa započítalo každé zobrazenie stránky.
- Vygenerované rozmery
- Vyhradený priestor
- Stabilné rozloženie
Zachovajte vygenerované rozmery
Vyberte dizajn v službe Stats4U a skopírujte jeho kód na inštaláciu. Pri obrázkovom počítadle zachovajte šírku a výšku, keď ich vygenerovaný kód obsahuje. Tieto rozmery opisujú pomer strán obrázka a umožňujú prehliadaču vyhradiť priestor pred jeho načítaním. Nekopírujte rozmery z iného dizajnu.
Ak starší úryvok s obrázkom nemá rozmery, prečítajte prirodzenú šírku a výšku zvoleného obrázka v prehliadači alebo v informáciách o dizajne. Pridajte tieto skutočné hodnoty. Čísla zvolené iba na prispôsobenie rámčeka môžu obrázok skresliť.
<img src="COUNTER_IMAGE_URL" width="ACTUAL_WIDTH" height="ACTUAL_HEIGHT" alt="Visitor statistics">Toto je šablóna, nie kód na inštaláciu: nahraďte zástupné symboly písané veľkými písmenami vygenerovanou adresou obrázka a nameranými rozmermi. Keď obrázok sprostredkúva informácie, použite krátky, výstižný alternatívny text; prázdna alternatíva je vhodná iba vtedy, keď sú rovnocenné informácie už dostupné a obrázok je dekoratívny.
Prispôsobte sa kontajneru bez skrývania problému
Úzky bočný panel môže byť menší než zvolené počítadlo. Vyberte menší dizajn alebo umiestnite počítadlo do širšej časti. Pravidlo pre responzívny obrázok môže zachovať proporcie, ale natiahnutý náhľad nenahrádza kontrolu, či jeho text zostáva čitateľný.
- Načítajte stránku s pomalým pripojením a sledujte obsah okolo počítadla.
- Preskúmajte výsledok pri šírke 320 a 360 pixelov CSS. Skontrolujte samotnú stránku, či sa neposúva do strán.
- Dočasne zablokujte požiadavku na obrázok vo vývojárskych nástrojoch prehliadača. Vyhradený priestor a okolité odkazy by sa stále mali správať rozumne.
Neodložte počítaciu požiadavku omylom
Pri obrázkovom počítadle odložené načítavanie posúva požiadavku na obrázok až na čas, keď sa obrázok priblíži k viditeľnej oblasti. Keď návštevu počíta práve táto požiadavka, návštevníci, ktorí sa nikdy neposunú blízko päty, môžu zostať nezachytení. Nepridávajte loading="lazy" k počítaciemu obrázku ako všeobecné výkonnostné riešenie.
Vygenerovaná asynchrónna integrácia JavaScript oddeľuje meranie od jednoduchého vloženia iba obrázka a je potrebná na ďalšie udalosti. Zachovajte vygenerovanú integráciu namiesto kombinovania viacerých úryvkov pre rovnaké počítadlo. Ak je rozloženie stabilné, ale celkové počty zostávajú neočakávané, skontrolujte umiestnenie a meracie požiadavky samostatne.
Ďalší krok
Použite návod na inštaláciu zodpovedajúci platforme webu.
Otvorte návod na inštaláciu