Ugradite brojač bez pomeranja rasporeda

Brojač koji stiže posle teksta može pomeriti obližnji sadržaj ako stranica nije rezervisala prostor za njega. Ugradnja treba da zadrži generisane dimenzije, da se uklopi u kontejner i da ne odlaže merenje nenamerno. To su odvojene provere: stabilan raspored ne dokazuje da je svaki pregled stranice izbrojan.

Zadržite generisane dimenzije

Izaberite dizajn u servisu Stats4U i kopirajte njegov kod za ugradnju. Kod brojača sa slikom zadržite širinu i visinu ako ih generisani kod sadrži. Te dimenzije opisuju odnos stranica slike i omogućavaju pregledaču da rezerviše prostor pre nego što slika stigne. Ne kopirajte dimenzije iz drugog dizajna.

Ako stariji isečak koda za sliku nema dimenzije, u pregledaču ili iz podataka o dizajnu pročitajte prirodnu širinu i visinu izabrane slike. Dodajte te stvarne vrednosti. Brojevi izabrani samo da bi se okvir uklopio mogu da izobliče sliku.

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

Ovo je šablon, a ne kod za ugradnju: zamenite rezervisana mesta pisana velikim slovima generisanom adresom slike i izmerenim dimenzijama. Koristite kratak, smislen alternativni tekst kada slika prenosi informaciju; prazan alternativni tekst je prikladan samo kada su ekvivalentne informacije već dostupne, a slika je ukrasna.

Uklopite se u kontejner bez skrivanja problema

Uska bočna traka može biti manja od izabranog brojača. Izaberite manji dizajn ili stavite brojač u širi odeljak. Pravilo za prilagodljivu sliku može sačuvati proporcije, ali razvučen prikaz nije zamena za proveru da li je njegov tekst i dalje čitljiv.

1. Učitajte stranicu sa sporom vezom i posmatrajte sadržaj oko brojača.
2. Pregledajte rezultat na 320 i 360 CSS piksela. Proverite da li se sama stranica pomera u stranu.
3. Privremeno blokirajte zahtev za slikom u alatima za programere u pregledaču. Rezervisani prostor i okolni linkovi i dalje treba da se ponašaju razumno.

Ne odlažite zahtev za brojanje slučajno

Kod brojača sa slikom lenjo učitavanje odlaže zahtev za slikom dok se ona ne približi vidljivom delu ekrana. Kada taj zahtev broji posetu, posetioci koji se nikad ne približe podnožju mogu biti propušteni. Ne dodajte loading="lazy" slici koja broji kao opšte rešenje za performanse.

Generisana asinhrona JavaScript integracija odvaja praćenje od jednostavne ugradnje samo sa slikom i neophodna je za dodatne događaje. Zadržite generisanu integraciju umesto kombinovanja više isečaka koda za isti brojač. Ako je raspored stabilan, a ukupni zbirovi i dalje nisu očekivani, odvojeno proverite postavljanje i zahteve praćenja.

Sledeći korak

Koristite vodič za ugradnju koji odgovara platformi sajta.

Otvori vodič za ugradnju

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