Instaloni një numërues pa zhvendosur paraqitjen

Një numërues që mbërrin pas tekstit mund ta lëvizë përmbajtjen pranë nëse faqja nuk ka rezervuar hapësirë për të. Instalimi duhet të ruajë përmasat e gjeneruara, të përshtatet me kontejnerin dhe të shmangë vonimin e paqëllimshëm të matjes. Këto janë kontrolle të veçanta: një paraqitje e qëndrueshme nuk vërteton se u numërua çdo shikim faqeje.

Ruani përmasat e gjeneruara

Zgjidhni dizajnin në Stats4U dhe kopjoni kodin e tij të instalimit. Për një numërues me figurë, ruani gjerësinë dhe lartësinë kur kodi i gjeneruar i përfshin. Këto përmasa përshkruajnë raportin e përmasave të figurës dhe i lejojnë shfletuesit të rezervojë hapësirë përpara se figura të mbërrijë. Mos kopjoni përmasa nga një dizajn tjetër.

Nëse një fragment i vjetër kodi figure nuk ka përmasa, lexoni gjerësinë dhe lartësinë natyrore të figurës së zgjedhur në shfletues ose në informacionin e dizajnit të saj. Shtoni ato vlera reale. Numrat e zgjedhur vetëm për ta përshtatur kutinë mund ta shtrembërojnë figurën.

<img src="COUNTER_IMAGE_URL" width="ACTUAL_WIDTH" height="ACTUAL_HEIGHT" alt="Visitor statistics">

Ky është një shabllon, jo kod instalimi: zëvendësoni vendmbajtëset me shkronja të mëdha me adresën e gjeneruar të figurës dhe përmasat e matura. Përdorni një tekst alternativ të shkurtër e kuptimplotë kur figura përcjell informacion; një alternativë bosh është e përshtatshme vetëm kur informacioni i barasvlershëm është tashmë i disponueshëm dhe figura është zbukuruese.

Përshtatuni me kontejnerin pa e fshehur problemin

Një shirit i ngushtë anësor mund të jetë më i vogël se numëruesi i zgjedhur. Zgjidhni një dizajn më të vogël ose vendoseni numëruesin në një seksion më të gjerë. Një rregull për figurë të përshtatshme sipas ekranit mund t'i ruajë përpjesëtimet, por një parapamje e shtrirë nuk e zëvendëson kontrollin nëse teksti i saj mbetet i lexueshëm.

1. Ngarkojeni faqen me një lidhje të ngadaltë dhe vëzhgoni përmbajtjen përreth numëruesit.
2. Kontrollojeni rezultatin në 320 dhe 360 pikselë CSS. Kontrolloni vetë faqen për lëvizje anash.
3. Bllokoni përkohësisht kërkesën e figurës në mjetet e zhvilluesit të shfletuesit. Hapësira e rezervuar dhe lidhjet përreth duhet të vazhdojnë të sillen siç duhet.

Mos e shtyni pa dashje kërkesën e numërimit

Për një numërues me figurë, ngarkimi sipas nevojës e shtyn kërkesën e figurës derisa ajo të afrohet me zonën e dukshme. Kur ajo kërkesë është ajo që numëron një vizitë, vizitorët që nuk lëvizin kurrë pranë fundfaqes mund të mos kapen. Mos shtoni loading="lazy" te një figurë numëruese si zgjidhje të përgjithshme për performancën.

Integrimi i gjeneruar asinkron JavaScript e ndan gjurmimin nga një instalim i thjeshtë vetëm me figurë dhe nevojitet për ngjarje shtesë. Ruajeni integrimin e gjeneruar në vend që të kombinoni disa fragmente kodi për të njëjtin numërues. Nëse paraqitja është e qëndrueshme, por totalet mbeten të papritura, kontrolloni veçmas vendosjen dhe kërkesat e gjurmuesit.

Hapi tjetër

Përdorni udhëzuesin e instalimit që përputhet me platformën e uebsajtit.

Hap udhëzuesin e instalimit

MDN: <img> — width, height, alt, loading