cabecera

¿Cómo saber si un web esta bien hecho?

Una página web, además de tener un diseño llamativo y ser usable, a nivel técnico debe cumplir unos mínimos estándares de calidad. Algo que no se cumple en muchas ocasiones.

Desconfíe de alguien que hace webs "Optimizados para ...(ponga aquí el nombre de un navegador)", que solo funcionan en algunos o en cada navegador el web tiene una apariencia diferente.

Un web bien hecho, se ve y funciona en cualquier navegador razonablemente actualizado, en cualquier sistema operativo, y con cualquier resolución de pantalla.

Por otro lado, un web debe ser lo suficientemente rápido como para proporcionar al visitante una buena experiencia de usuario.

Un web que tarde mas de 4 segundos en cargar, hace que el usuario abandone la visita y se quede con una mala impresión de nuestro site (de nuestro escaparate en internet).

Esto esta directamente relacionado con su nivel de optimización.

A priori podemos pensar que hoy en día los ordenadores y las líneas de comunicaciones han avanzado tanto, que esto podría ser secundario, pero esto no se corresponde con la realidad. La evolución de la complejidad de las páginas y el tamaño de sus contenidos han avanzado en igual medida.

La generalización de conexiones móviles (más lentas) y nuevos dispositivos menos potentes que los PCs pero con otras ventajas (smartphones, tablets, Netbooks, TV conectadas a internet,...) hace que debamos prestar mas atención a este aspecto. De hecho, Google ya lo tiene en cuenta a la hora de posicionar una página en los resultados de las búsquedas.

Por otro lado, el número de visitantes potenciales simultáneos también ha crecido considerablemente.

Cuanto mayor sea el nivel de optimización de nuestro web, mas usuarios concurrentes soportará nuestro web y proporcionaremos una mejor experiencia de usuario. Y recuerde, esto no tiene porque ser incompatible con el diseño del web.

¿Cómo comprobarlo?

w3c

En primer lugar, una página web debe estar escrita correctamente (sin errores). Internet existe porque todos los sistemas que están interconectados siguen unas normas y protocolos comunes. En el caso de las páginas web, el lenguaje usado para construirlas esta regulado por una organización llamada W3C (World Wide Web Consortium). Si se siente mas cómodo leyendo en castellano, aquí le dejo el enlace a W3C España.

El W3C pone a disposición de todo el mundo un validador (X)HTML, el cual, analiza el código de la página web que le indiquemos y nos informa si contiene errores o si es correcta. Un web bien hecho, NO DEBE CONTENER NINGUN ERROR. Pero esto no solo afecta a la página principal, sino al conjunto de páginas interiores, por lo que si quiere comprobar su web, seria conveniente comprobarlas todas.

markup_validation_service

Otro aspecto a tener en cuenta, hace referencia a los CSS (Cascade Style Sheet). Estos elementos pueden estar contenidos en el propio código de la página o bien en ficheros externos que son llamados desde el propio código de la página.

Simplificando, antiguamente las páginas estaban hechas en lenguaje HTML (donde el contenido de la página y las instrucciones de como representar ese contenido estaban mezclados). Hoy en día las páginas se realizan en XHTML (contiene la información de nuestra página) y CSS (Como "pintar" esa información).

Del mismo modo que el HTML o XHTML sigue un estándar, los CSS también siguen otro. Y el W3C pone a nuestra disposición un validador CSS.

En este caso, bastará con indicarle al validador, la dirección de la página. Con esto el validador detectará donde esta el código CSS y lo analizará.

markup_validation_service

Respecto de la rapidez de un web, también disponemos de herramientas para comprobarlo.

page_speed_logo2

Google pone a disposición del público en general una herramienta llamada Google Page Speed. Su funcionamiento es análogo al de los test anteriores: indicamos la página y nos muestra los resultados del análisis. A través de googlelabs puede acceder a su versión online.

Yahoo, ofrece un test similar, llamado Yahoo YSlow. Pero en este caso, es un programa que hay que instalar (una extensión para el Navegador Firefox). Es lógico pensar que en breve ofrecerán un Yahoo! YSlow online.

No obstante, existe un servicio gratuito en internet, donde evalúan ambos test a la vez de forma online y nos muestran los resultados. El servicio puede encontrarse en gtmetrix.com

La interpretación de los resultados es muy simple. En ambos casos, nos clasifica el web en una categoría A, B, C, D, E, F (excelente, bueno, aceptable, regular, malo, muy malo), y un porcentaje respecto de una optimización perfecta. A continuación nos detalla las razones (el conjunto de reglas del test) y como mejorarlas individualmente.

Estos detalles no hay razón de seguirlos al 100% en su totalidad, ya que son evaluaciones de ámbito general. Pero lo que es indiscutible que un nivel A es mejor que un nivel B.

Como en el caso de los validadores del W3C, solo se analiza la página indicada, por lo que es recomendable analizar el resto de páginas interiores.

¿Cómo arreglarlo?

En primer lugar, que no cunda el pánico. Cualquier profesional o empresa competente en la materia debe ser capaz de corregir todos esos errores y aplicar las optimizaciones que sugieren los test de Google y Yahoo.

En la mayoría de ocasiones no hay necesidad de desechar el web existente, ni de cambiar de proveedor, siempre y cuando estén dispuestos a atender nuestras peticiones e indicaciones o a colaborar con un tercero (el profesional que va a realizar el proceso de validación y optimización)

Si esta interesado en este servicio póngase en contacto conmigo, indicándome la dirección de su web y una forma de contacto. En breve, recibirá un diagnóstico preliminar de su web y una propuesta, sin ningún compromiso por su parte.

Ejemplos

Detalles de optimizacion de www.centos.org

Ejemplo de una copia estática de la página principal de http://www.centos.org.


Detalles de optimizacion de www.centos.org

Ejemplo de una copia estática de la página principal de http://www.php-hispano.net.

Resumen

Un web debe ser (X)HTML válido. Se comprueba con W3C Markup Validator.

Muy recomendable que los CSS sean válidos. Se comprueba con W3C CSS Validator

Debe estar optimizado. Se comprueba desde Gtmetrix.com. Mejor nivel A que B

Diagnóstico y propuesta para su web. Póngase en contacto conmigo.

volver

Valid XHTML 1.0 Strict   ¡CSS Válido!

Este website cumple con las normas estándares W3C sobre XHTML 1.0 - CSS 2.1 y
tiene en cuenta los criterios de optimización de Google Page Speed y Yahoo! YSlow