Paigaldage loendur ilma küljendust nihutamata

Pärast teksti saabuv loendur võib lähedal olevat sisu nihutada, kui leht pole selle jaoks ruumi reserveerinud. Paigaldus peaks säilitama loodud mõõtmed, mahtuma konteinerisse ja mitte tahtmatult mõõtmist hilistama. Need on eraldi kontrollid: stabiilne küljendus ei tõesta, et iga lehevaatamine loeti.

Säilitage loodud mõõtmed

Valige Stats4U-s kujundus ja kopeerige selle paigalduskood. Pildiloenduri puhul jätke laius ja kõrgus alles, kui loodud kood need sisaldab. Need mõõtmed kirjeldavad pildi külgede suhet ja lasevad brauseril ruumi reserveerida enne pildi saabumist. Ärge kopeerige mõõtmeid teisest kujundusest.

Kui vanemal pildilõigul mõõtmeid pole, vaadake valitud pildi loomulikku laiust ja kõrgust brauseris või kujunduse teabes. Lisage need tegelikud väärtused. Ainult kasti mahutamiseks valitud arvud võivad pilti moonutada.

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

See on mall, mitte paigalduskood: asendage suurtähtedega kohatäitjad loodud pildiaadressi ja mõõdetud mõõtmetega. Kasutage lühikest ja sisukat alternatiivteksti, kui pilt edastab teavet; tühi alternatiivtekst sobib ainult siis, kui samaväärne teave on juba mujal olemas ja pilt on kaunistav.

Mahutage konteinerisse, probleemi peitmata

Kitsas külgriba võib olla valitud loendurist väiksem. Valige väiksem kujundus või paigutage loendur laiemasse lõiku. Responsiivne pildireegel võib säilitada proportsioonid, kuid venitatud eelvaade ei asenda kontrolli, kas selle tekst on endiselt loetav.

1. Laadige leht aeglase ühendusega ja jälgige loenduri ümber olevat sisu.
2. Vaadake tulemust 320 ja 360 CSS-pikslil. Kontrollige, kas leht ise nihkub külgsuunas.
3. Blokeerige brauseri arendustööriistades ajutiselt pildipäring. Reserveeritud ruum ja ümbritsevad lingid peaksid ikkagi mõistlikult käituma.

Ärge lükake loendavat päringut kogemata edasi

Pildiloenduri puhul lükkab laisk laadimine pildipäringu edasi, kuni pilt hakkab vaateaknale lähenema. Kui just see päring külastust loeb, võivad külastajad, kes kunagi jaluse lähedale ei kerita, jääda märkamata. Ärge lisage loendavale pildile atribuuti loading="lazy" üldise jõudluse parandusena.

Loodud asünkroonne JavaScripti-integratsioon eraldab jälgimise lihtsast ainult pildist paigaldusest ning on lisasündmuste jaoks vajalik. Säilitage loodud integratsioon, selle asemel et ühendada sama loenduri jaoks mitu lõiku. Kui küljendus on stabiilne, kuid summad on ootamatud, kontrollige paigutust ja jälgija päringuid eraldi.

Järgmine samm

Kasutage veebisaidi platvormile vastavat paigaldusjuhendit.

Ava paigaldusjuhend

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