Odzivna zasnova
Odzivna zasnova je pristop k razvoju spletnih strani, ki omogoča, da se spletne strani prilagodijo in pravilno prikažejo na vseh velikosti zaslonov, od namiznih računalnikov do tablic in pametnih telefonov.
Odzivna spletna zasnova zagotavlja, da spletna stran izgleda in deluje dobro na kateri koli napravi, ne glede na velikost zaslona. Namesto gradnje ločenih spletnih strani za namizne in mobilne naprave (kar je bilo pogosto v zgodnjih letih 2010), odzivna zasnova uporablja prilagodljive postavitev, prilagodljive slike in CSS uprašnike za sredstva (media queries), da prilagodi isto stran različnim pogledom.
Sodobna odzivna zasnova presega zgolj prilagajanje vsebine manjšim zaslonom. Upošteva ciljne površine za dotik (gumbi, dovolj veliki za tapkanje), vzorce navigacije (meni hamburgerja proti polnim navigacijskim vrsticam), prioriteto vsebine (prikaz najpomembnejših informacij na prvem mestu na mobilnih napravah) in zmogljivost (nalaganje lažjih datotek na počasnejših mobilnih povezavah).
V praksi
- Trgovina na drobno je opazila, da je bila stopnja obiskovalcev, ki so takoj zapustili stran, na mobilnih napravah 75 % (v primerjavi s 35 % na namiznih računalnikih), ker je bila njihova neodzivna stran na telefonih skoraj neuporabna; po odzivni prenovi je stopnja zapustitve na mobilnih napravah padla na 40 %
- B2B podjetje je z odzivno prenovo povečalo stopnjo konverzij na mobilnih napravah za 60 %, preprosto tako, da je kontaktni obrazec naredilo enostavnega za izpolnjevanje na pametnih telefonih
- Veriga restavracij je prešla z ločene mobilne strani (m.example.com) na odzivno zasnovo, s čimer je odpravila težave z podvojeno vsebino in izboljšala SEO uspešnost
- Neprofitna organizacija je s principom odzivne zasnove prenovila svojo donacijsko stran, zato so donacije preko mobilnih naprav v prvem četrtletju po lansiranju narasle za 120 %
Več o: Razvoj spletnih strani
- Odzivna zasnova
- Progressivna spletna aplikacija (PWA)
- Enostranska aplikacija (SPA)
- Uprizarjanje na strežniku (SSR)
- Statična generacija strani (SSG)
- API (programski vmesnik aplikacije)
- CMS (Sistem za upravljanje vsebin)
- Headless CMS
- Nadzor verzij
- CI/CD (Neprekinjena integracija / Neprekinjen deploy)
- Okvir JavaScript
- TypeScript
Niste prepričani, kako se to nanaša na vas?
Senior inženir obišče vašo lokacijo, vašo prisotnost v iskalnikih in način, kako prispeta povpraševanja, nato zapiše tri stvari, ki jih je vredno najprej popraviti. Dokument lahko obdržite v vsakem primeru.
