Optimización de Sitios Web Velocidad y SEO

Aplicar optimización a sitios web es cada vez más necesario para obtener mejores resultados frente al usuario y buscadores.

Existen diferentes elementos que debemos tener en cuenta a la hora de optimizar nuestros sitios, veremos en este artículo algunos de las optimizaciones posibles y necesarias hoy día.

Si te dedicas al diseño o desarrollo web y tienes que actualizar tus equipos puedes buscar promociones del buen fin que te serán muy beneficiosas.

Optimización del Peso del Sitio Web

La optimización del peso del sitio siempre fue importante y tuvo gran influencia en el resultado final del sitio frente al usuario, aunque no siempre se le dio importancia y a pesar que hoy día las conexiones a Internet son más veloces debemos tenerlo en cuenta.

Hace unos años con la popularización de Adobe Flash, más que optimizar se trataba de disimular el peso con las famosas precargas, pero es historia pasada y sobre todo teniendo en cuenta el mundo móvil, buscadores y SEO debemos tenerlo muy en cuenta.

El peso lo vamos a optimizar desde el mismo diseño evitando el uso de elementos gráficos innecesarios que pueden implementarse con HTML/CSS en vez de imágenes, o texturas que se deben implementar con imágenes completas en lugar de pequeños cortes repetitivos de menor peso.

Pero también debemos tener en cuenta bajar la complejidad de los elementos de HTML para tener menos código y sobre todo evitar exceso de otros elementos como JavaScript, sobre todo de librerías que poco agregan visual o a la usabilidad el sitio, e incluso CSS optimizar nuestro CSS.

Optimización de Velocidad de Carga de Sitios Web

La optimización de la velocidad de Carga del Sitio está ligado al Peso del Sitio, como comentamos en el punto anterior, pero también implica tener en cuenta otros elementos como:

• Servidor con suficientes recursos de hardware para disponer de nuestro contenido acorde a nuestro caudal de usuarios, por ejemplo Procesador, Memoria, o bien la utilización de disco de estado sólido.

• Servidores con una buena velocidad de acceso en los lugares desde donde nos visitan nuestros usuarios. Por ejemplo si nuestros visitantes son de nuestro país podemos utilizar un hosting local de rápido acceso a la red del país, pero si es un sitio con mayoría de visitantes de otro continente debemos utilizar un hosting con buen acceso en esa zona y lo mismo si es un sitio global.

• Pero también se deben tener en cuenta otros detalles como el orden y tipo de librerías JS o contenidos CSS e Imágenes que cargamos, para eso podemos utilizar herramientas como Google PageSpeed Insights que nos reportan que cosas mejorar.

Optimización del Diseño para Sitios Web

Ya mencionamos cuidar el exceso de gráficos que obliguen al uso de imágenes pesadas cuando hablamos del Peso del Sitio, en este punto debemos actualizarnos y tener en cuenta que muchos elementos que antes se lograban solo con Imágenes o Flash, hoy se pueden realizar con HTML5, CSS y JavaScript y en muchos evitar caprichosos diseños rebuscados reordenando el diseño nos permite optimizarlo desde la concepción gráfica del sitio.

Optimización para Múltiples Dispositivos

Este último grupo se refiere a la optimización de un sitio para que funcione en diferentes dispositivos y navegadores, hasta no hace mucho tiempo algunos diseñadores continuaban realizando los sitios para Internet Explorer o solo para Windows, o bien otros realizaban más de una versión del sitio, para que corra en un PC o en un Móvil.

Ante la gran cantidad de dispositivos, sistemas operativos y navegadores es casi imposible mantener múltiples sitios presentado el mismo contenido y sin aprovechar la funcionalidad y usabilidad que brinda cada dispositivo. Es por esta causa que la solución es la creación de Sitios Responsivos.

Un sitio Responsivo es aquel que se adapta a cada dispositivo, basándose en diferentes reglas que debemos mantener a la hora de crear el sitio tanto cuando hablamos de diseño, como desarrollo, usabilidad y contenido.

En próximos artículos veremos punto a punto ejemplos y herramientas para Testear, Desarrollar y Diseñar Sitios Web Optimizados.