Esta entrada fue publicada el Martes, 11 de septiembre 2007 a las 19:56 y está archivada en la Creación , Consejos . Puedes seguir cualquier respuesta a esta entrada a través de la RSS 2.0 feed. Puedes dejar una respuesta , o trackback desde tu propio sitio.
Un sitio web que está poniendo en marcha debe ser optimizado para todos los navegadores. Un visitante de su sitio no va a cambiar su sistema informático (resolución de pantalla, la versión del navegador, ...) para ver su sitio. Su invitado es probable que se apartan de manera rápida y vaya a otra fuente de información porque hay tantos sitios en Internet.
En los primeros días de la Internet había una guerra de los navegadores continua entre Netscape y Internet Explorer de Microsoft. En la actualidad la mayoría de la gente todavía utiliza una versión de Internet Explorer 6 (80%). Internet Explorer 7 se utiliza alrededor del 36% de todos los usuarios de Internet Explorer. Sin embargo, debes recordar que todavía hay millones de personas que utilizan "alternativa" de los navegadores, como Firefox, Mozilla, Netscape Communicator, Opera, WebTV, I-Mode teléfonos móviles, navegadores de texto solamente (para lo visual y / o con discapacidad auditiva personas). No todos los navegadores soportan JavaScript, Java o plug-ins (Shockwave, QuickTime, RealAudio, Flash). Cuando sea posible, siempre debe ofrecer una versión alternativa de su sitio para aquellas personas y podría obtener una pocas ventas adicionales a través de su proyecto de e-commerce.
A veces, es más rápido para ejecutar una función determinada en el navegador a través de un JavaScript, Mapa de imagen Java o del lado del cliente, sin embargo en una versión alternativa siempre debe estar presente en el servidor (a través de scripts o CGI), que se hace cargo cuando el navegador no es compatible con que la tecnología.
Estas son algunas estadísticas recientemente tomada de un popular sitio web ( http://www.lovetest.com ) que muestra qué tipo de ambiente es compatible. Se analizaron 200.000 visitas durante los primeros 14 días de diciembre de 2005 y luego otra vez 450.000 visitas en agosto de 2007. El sitio es muy visitado por las adolescentes y las mujeres. LoveTest.com es parte de la red sitios de entretenimiento dirigido por Euregio.Net .
Resolución:
En mi opinión, debe diseñar su sitio web por lo menos 800 × 600 píxeles ya que esto permite que la mayoría la gente vea su sitio correctamente. Si usted sabe que usted tiene gente en su mayoría técnicos visitan su sitio web, entonces usted podría diseñar para 1024 × 768 píxeles ya que estos visitantes suelen tener pantallas más grandes y equipos más nuevos.
| Resolución | 2007-08 | 2005-12 | 2002-08 | Opinión |
|---|---|---|---|---|
| 1600 × 1200 | 0,18% | - | 0,12% | Si diseña para 800 × 600 puede soportar por lo menos 96,93% de los usuarios. En 2002, "sólo" 87,02% de los usuarios el apoyo de 800 × 600 o superior. Usted puede incluso diseñar para 1024 × 768 y 84,11% de apoyo de todos los visitantes. |
| 1440 × 900 | 2,77% | 0,50% | - | |
| 1400 × 1050 | 0,41% | 0,55% | 0,10% | |
| 1280 × 1024 | 9,29% | 6,58% | 1,30% | |
| 1280 × 960 | 0,68% | 0,49% | - | |
| 1280 × 800 | 12,68% | 3,17% | - | |
| 1280 × 768 | 1,68% | 0,90% | - | |
| 1152 × 864 | 3,05% | 2,80% | 1,47% | |
| 1024 × 768 | 53,37% | 57,89% | 23,99% | |
| 800 × 600 | 12,82% | 24,83% | 60,04% | |
| 800 × 553 | - | - | 0,14% | Si diseña para 800 × 600 ó más, después es posible que pierda alrededor del 1% de sus visitantes. La mayoría de los visitantes no declarada se utiliza una resolución. |
| 640 × 480 | 0,21% | 0,54% | 6,86% | |
| 560 × 420 | - | - | 0,24% | |
| No declarada | 2,86% | 1,75% | El 4,38% | |
| Total: | 100% | 100% | 98,64% |
Profundidad de color:
La profundidad de color no es tan importante como el tamaño de la pantalla, pero también se debe tomar en cuenta siempre que sea posible.
| Profundidad de color | 2007-08 | 2005-12 | 2002-08 | Opinión |
|---|---|---|---|---|
| De 32 bits | 87,56% | 77,10% | 26,03% | Si se diseña para 16-bit que pueden apoyar el 99,73% de sus visitantes. |
| 16 millones (24 bits) | 3,37% | 4,97% | 11,23% | |
| 65536 (16 bits) | El 8,80% | Un 17,21% | 51,98% | |
| De 15 bits | 0,00% | - | 0% | 0,27% de los usuarios que menos del 16-bits. |
| 12 bits | 0,00% | - | 0% | |
| 256 (8 bits) | 0,21% | 0,60% | 5,81% | |
| 4 bits | 0,00% | 0,02% | 0,04% | |
| 1 bit | 0,05% | 0,10% | 0,50% | |
| No declarada | - | - | El 4,38% | |
| Total: | 100% | 100% | 99,97% |
Otros aspectos que deberán tener en cuenta son la versión de JavaScript que son apoyadas por sus visitantes, la versión de Flash y también la velocidad de conexión y sobre todo el navegador.
Navegadores:
En el sitio LoveTest.com, nos dimos cuenta de que en diciembre de 2005, la mayoría de la gente usa Internet Explorer 6 en Windows XP y es aún el caso en agosto de 2007. Firefox está ganando terreno en todas las plataformas y representaron alrededor del 15% de nuestras visitas. Windows XP es el sistema operativo más popular, mientras que Vista se encuentra ahora en torno al 7% de todos los usuarios de Windows. Macintosh es conseguir cuota de mercado también.
Al construir un sitio web, usted debe asegurarse de que funciona correctamente con Internet Explorer 6.0 (en Windows) ya que es utilizado por el 63% de los visitantes. Internet Explorer 5.5 o inferior se utiliza muy poco. Internet Explorer es utilizado por un 36%. Para hacer que su sitio es compatible con otros sistemas operativos, debe probarlo con Firefox y Safari. De esa manera, tienes la mayoría de las personas cubiertas. Si tienes más tiempo en sus manos, también probar el sitio con Opera, Mozilla y Netscape.
Microsoft deja de dar soporte para Internet Explorer en el Mac a finales del año 2006 ( News.com ha toda la historia ... ). Dicho esto, usted no debe preocuparse demasiado, ya que sólo una fracción muy pequeña de personas todavía utilizan IE en Mac. Safari y Firefox son los navegadores más populares en MacOS X. Tenga en cuenta que hay algunas diferencias importantes entre Safari 1.xy 2.x Usted debe verificar su sitio con ambas versiones.
Photo Browser es un servicio organizado por la Conferencia Magistral NetMechanic que tomará capturas de pantalla de su sitio web utilizando diferentes navegadores y plataformas. Si lo desea, también puede probar la mayoría de navegadores en su propio ordenador. Sólo tiene que instalar varias versiones del navegador en su computadora y probar todas las páginas de su sitio.
Aquí está la mayoría de los navegadores debe hacer la prueba. Si usted trabaja en un equipo Macintosh, puede instalar todos los navegadores en la misma máquina con varios sistemas operativos a través de Microsoft Virtual PC . VirtualPC también funciona con PC basados en Windows es y le permite utilizar simultáneamente varias versiones de Windows (Windows 95, 98, ME, 2000, XP, NT, XP, ...)
Navegador de lista:
MacOS / MacOS X
-
Netscape Navigator 2.0 (Mac) -
Netscape Navigator 4.0 (Mac) -
Netscape Communicator 4.5 (Mac) - Netscape Communicator 4.7 (Mac)
- Netscape Navigator 6.0 (Mac)
- Netscape Navigator 6.2 (MacOS X)
- Netscape Navigator 7.0 (MacOS X)
- Netscape Navigator 7.2 (MacOS X)
- Netscape Navigator 8.0 (MacOS X)
- Netscape Navigator 9.0 (MacOS X)
-
Internet Explorer 4.5 (Mac) -
Internet Explorer 5.0 (Mac) - Internet Explorer 5.1 (Mac)
- Internet Explorer 5.2 (MacOS X)
-
OmniWeb 4.0 (MacOS X) -
WebTV Viewer 2.0 (Mac-emulador para WebTV 1,2) -
Wannabe 1,0 (Mac - de sólo navegador de texto) - Mozilla 1.2 (Mac)
- Mozilla 1.7 (MacOS X)
- Safari 1.2 (MacOS X)
- Safari 2.0 (MacOS X)
- 3.0 Beta (MacOS X Safari)
- Firefox 1.0.x (MacOS X)
- Firefox 1.5 (MacOS X)
- Firefox 2.0 (MacOS X)
Windows
-
Internet Explorer 4.0 (Windows) -
Internet Explorer 5.0 (Windows) -
Internet Explorer 5.5 (Windows) - Internet Explorer 6.0 (Windows)
- Internet Explorer 7,0) de Windows
- Netscape Navigator 4.8 (Windows)
- Netscape Navigator 6.0 (Windows)
- Netscape Navigator 7.0 (Windows)
- Netscape Navigator 7.2 (Windows)
- Netscape Navigator 8.0 (Windows)
- Netscape Navigator 8.0 (Windows)
- Netscape Navigator 9.0 (Windows)
-
WebTV Visor de 2,6 (en Windows Emulator para MSNTV 2,0) - Mozilla 1.1 (Windows)
- Mozilla 1.7 (Windows)
- Firefox 2.0 (Windows)
Otro
- Blazer 2,0 (PDA Palm)
- Telnet (para cargar el HTML puro y las cabeceras de un sitio web. Si conoce el protocolo HTTP puede introducir manualmente un agente de usuario / nombre del navegador)
- Opera (Mac / Windows / Linux)
Lista de verificación rápida:
Aquí está la lista de comprobación rápida para asegurarse de que su sitio funciona para la mayoría de la gente en todo el mundo.
- Diseñe su sitio para 800 × 600 píxeles
- Los gráficos deben ser 16-bit de color
- Pruebe su sitio en Windows con Internet Explorer 6,0 y 7,0
- Pruebe su sitio en MacOS X con Safari 2.0 y Safari 3.0 beta
- Pruebe su sitio con Firefox 2.0
Si usted espera que sus visitantes del sitio sólo procedentes de América del Norte o Europa y los países industrializados, entonces puedes usar estas pautas:
- Diseñe su sitio para 1024 × 768 píxeles con 24-bits de color
- Pruebe su sitio en Windows con Internet Explorer 6.0 y 7.0, Safari 3.0 beta para Mac y Firefox 2.0 en cualquier plataforma
Mantener esta lista en mente, usted debería ser capaz de albergar cerca de 98% de todos sus visitantes.
Buena suerte con su publicación en Web de los proyectos !
6 de agosto 2009 a las 04:51
[...] Es una gran cantidad de información que puede ver en la web para obtener consejos y trucos para obtener su sitio web para trabajar en todos los navegadores web. Cada vez que estoy en un atasco, haré un derecho de búsqueda de Google del palo para ver si puedo encontrar un [...]