Navegadors web
Un navegador és el programa (Chrome, Safari, Firefox, Edge...) que interpreta el codi d'una web i el mostra a l'usuari. Cada navegador té el seu propi motor de renderització, i no tots interpreten el codi exactament igual.
Per això una web pot veure's perfecta a Chrome i tenir un problema visual a Safari: el cross-browser testing forma part del control de qualitat bàsic de qualsevol projecte de SEO i disseny web.
El navegador de l'usuari, no el teu, decideix
Un dissenyador o desenvolupador sol treballar amb un navegador concret al seu ordinador. El problema apareix quan la web es publica: els visitants reals arriben amb una barreja de Chrome, Safari, Firefox i Edge, en escriptori i mòbil, i cadascun pot renderitzar detalls de manera lleugerament diferent.
Un botó desplaçat a Safari mòbil, una animació que no funciona a Firefox o un formulari que falla a Edge no són detalls menors: cada visitant que topa amb un problema visual perd confiança i és menys probable que converteixi, per molt bé que la web funcioni al navegador de qui l'ha creat.
Els motors de renderització darrere dels navegadors
Encara que hi ha molts navegadors, tots es construeixen sobre un nombre reduït de motors que interpreten el codi.
Chrome, Edge, Opera, Brave
El motor de Google, actualment el més estès. La majoria de navegadors moderns (excepte Safari i Firefox) el fan servir.
Safari (i tot iOS)
Apple obliga tots els navegadors d'iOS a fer servir WebKit per sota, encara que es diguin "Chrome" o "Firefox" a l'App Store.
Firefox
Motor independent de Mozilla, l'única gran alternativa que no depèn ni de Google ni d'Apple.
Com es garanteix compatibilitat entre navegadors
El "es veu bé al meu ordinador" no és suficient: cal un procés deliberat de verificació.
Provar en els navegadors principals
Com a mínim Chrome, Safari i Firefox, en escriptori i mòbil, abans de publicar qualsevol canvi de disseny.
Revisar el mòbil amb dispositiu real
Els emuladors ajuden, però el tàctil i el rendiment real només es veuen en un mòbil físic.
Fer servir CSS estàndard
Evitar propietats experimentals sense un fallback fa que el disseny es comporti igual arreu.
Monitoritzar les analítiques de navegador
Google Analytics mostra quins navegadors fan servir realment els visitants: prioritza les proves segons dades reals, no suposicions.
Elements que solen donar problemes entre navegadors:
On falla la compatibilitat entre navegadors
Dubtes ràpids sobre navegadors
El que més ens pregunten els clients quan detecten que la seva web es veu diferent segons on la miri.
La teva web no es veu com la veus tu: es veu com la veu cada visitant, amb el seu navegador i dispositiu concrets.
Per què la meva web es veu diferent a Safari que a Chrome?
Cal que la web es vegi idèntica en tots els navegadors?
Quins navegadors he de prioritzar per provar la meva web?
Els navegadors afecten el SEO?
Cal actualitzar el meu navegador sovint?
La teva web es veu bé arreu, no només al teu navegador?
Verifiquem la compatibilitat entre navegadors com a part del control de qualitat de cada projecte de SEO i disseny, perquè cap visitant es trobi una web trencada.
