Los 10 errores más comunes del web developer

Hoy en día, no existe una única forma de programar, sino múltiples. Lo importante es llegar al objetivo final, que puede ser crear un sitio web que funcione exactamente como pensamos que sería: ¡qué satisfacción! Alt! A pesar de la bonita premisa, lo cierto es que, con la evolución constante de las tecnologías y técnicas de desarrollo, algunas formas de abordar un proyecto quedan algo obsoletas y dejan de ser funcionales. Esto significa que, si eres un desarrollador web, ¡no todo está permitido! Si por el contrario quieres empezar a programar desde cero, este artículo te será aún más útil, ¡porque te permitirá saber de antemano qué evitar!
Veamos juntos cuáles son los 10 errores más comunes de los desarrolladores web.

1. Uso de tag HTML “viejos”, obsoletos

Durante los primeros años de Internet, había muy pocas opciones para escribir en lenguaje de markup en comparación con la amplia gama que conocemos hoy. Y, si aprendiste a codificar hace algún tiempo, es posible que todavía uses los mismos tag de la época. ¿Te dice algo, por ejemplo, la etiqueta <table>? ¡Eh, atrapado! Esta etiqueta se usó muy a menudo para formatear la página web completa de los primeros sitios de Internet. ¿¿Te acuerdas?? Sin embargo, usarlo todavía hoy para estos fines puede representar un problema porque al hacerlo, nuestra página web podría, en primer lugar, volverse muy complicada de leer, especialmente desde diferentes dispositivos e incluso podría comportarse de manera diferente según el navegador utilizado. Para superar este problema, reduce el uso de la etiqueta única y exclusivamente a cuando sea realmente necesario (es decir, ¡para insertar una tabla!)

2. Desarrollo centrado en el browser

Un error muy común es considerar, durante el desarrollo, un único navegador. Quizás porque es el navegador que más usamos o el más ligero para nuestro ordenador. En cualquier caso, concentrar el desarrollo en un solo navegador, quizás con funciones específicas solo para él, puede dar lugar a problemas evidentes en navegadores distintos al nuestro. Para ello, una buena práctica es probar nuestra página en diferentes navegadores para asegurarnos de que funciona correctamente. ¡Ojo!

3. Form poco claro

Cuando elaboramos un formulario para cualquier finalidad, ya sea de inicio de sesión, registro o cualquier otra función, pensamos en el tipo de datos que debe introducir el usuario. El error más común que puede cometer un desarrollador web, así como la práctica a evitar, es precisamente el de suponer que el usuario ingresa los datos en el formato correcto. Hay varias formas de evitar este problema, como por ejemplo, aclararle al usuario qué tipo de datos debe ingresar, o incluso protegerse contra el ingreso de datos incorrectos, para predecir el problema con anticipación y evitar consecuencias inesperadas.

4. Cargas lentas

Otro error común es la cantidad de contenido de una página web: ¿de qué estamos hablando? Si no tenemos en cuenta el peso de los contenidos de nuestra página, es posible que nos encontremos con cargas más lentas de lo habitual, lo que puede llevar al usuario a esperar demasiado, hasta desconectarse por quedarse sin paciencia. ¿Cómo podemos evitar este problema? Para contrarrestar cargas más largas de lo habitual, podemos hacernos algunas preguntas sobre nuestro sitio web:

• Los gráficos subidos, ¿es todo necesario?
• ¿He intentado comprimir las imágenes utilizadas para reducir el tamaño manteniendo una buena calidad?
• ¿Minimice la cantidad de archivos del lenguaje CSS y del linguaggio JavaScript vinculados?

La respuesta a estas preguntas te indicarán que puedes aprovechar para reducir los tiempos de carga de tu página web.

5. Escribir código que funciona “quizás” funciona

¡Errar es de humanos, ya sabes! Pero recuerda: asumir que nuestro código funciona siempre es incorrecto; por lo tanto, debemos pensarlo antes de encontrarnos con un problema. Te lo explicamos un poco mejor: la mejor manera de evitar el error que siempre acecha a la vuelta de la esquina es utilizar técnicas conocidas y probadas, que sabemos a ciencia cierta que no darán errores durante la ejecución.

6. Escribir ramas de código

Unas líneas atrás hemos hablado de lo incorrecto que es desarrollar basado únicamente en un navegador y cómo solucionar este problema. Sin embargo, escribir diferentes ramas de código según el navegador utilizado es otro error en sí mismo. Esto se debe a que nuestro código solo se convertiría en un grupo de ifs, cada uno conectado entre sí. Es la pescadilla que se muerde la cola, ¿verdad? ¿Cómo hacer entonces para salir con vida? ¡Calma! Existe una solución: podemos implementar un sistema de reconocimiento de funciones, es decir, un sistema que intente comprender si una función específica es compatible con el navegador y, en ese caso, activarla; si no, desactívalo y evita la incompatibilidad. ¿Resuelto?

7. Web design no responsive. 

¡El título es claro y ya hemos hablado de cosas que no deben darse por sentadas! Desarrollar un sitio asumiendo que el usuario usa la misma resolución que el nuestro es uno de ellos. Siempre debemos intentar probar tantos casos como sea posible para permitir que nuestro sitio funcione sin problemas, siempre. Para hacer esto, podemos usar técnicas de responsive design o framework que nos ayuden a crear la experiencia de usuario más fluida posible, sea cual sea el dispositivo que se esté usando.

8. Las “páginas sin sentido”

No estamos locos: las páginas sin sentido son aquellas páginas de un sitio web que no tienen ningún significado para la experiencia del usuario. Puede parecer poca cosa pero, en realidad, si esa página no tiene elementos indexables, nos penalizará desde el punto de vista de la optimización SEO. Imagina crear una página con imágenes y contenido que, sin embargo, no está indexado en la fase de búsqueda a través del motor de búsqueda: muy bonito, sí, pero ¿para qué sirve? ¡Recuerda entonces que se necesita crear contenido que sea útil para el usuario final!

9. Actualización continua con cada interacción entre la página y el usuario

Crear un sitio que se actualice cada vez que el usuario realiza una acción dentro de él puede resultar engorroso; además, este problema se puede conectar con el descrito en el punto número 4. Para resolver este problema, podemos utilizar diferentes enfoques, como el de una SPA (Single Page Application) o similar. Además, existen bibliotecas de JavaScript muy populares para resolver este problema, como JQuery, KnockoutJS y AngularJS.

10. Exceso de trabajo ≠ mejores resultados

Puede parecer banal, pero pasar mucho tiempo detrás de una entrega, especialmente si es repetitiva, no conduce a mejores resultados. El agotamiento siempre está a la vuelta de la esquina, por eso es importante tomar descansos de vez en cuando, pero sobre todo, organizar tu trabajo de tal manera que no llegues a la fecha límite con el agua hasta el cuello.

Y tú, ¿cuál de estos errores has cometido y, de ahora en adelante, evitarás?