Artistas Digitales

5 Tips para mejorar el rendimiento de tu sitio web.

5 Tips para mejorar el rendimiento de tu sitio web.

La optimización es un componente crucial para el éxito de cualquier sitio web. Sin duda se pueden ahorrar muchos dolores de cabeza, dinero y tiempo para el administrador, si durante el proceso de creación y actualización se cuida la optimizacion del codigo y se procura que el sitio trabaje de manera eficiente. Sin más preámbulos, aquí se presentan cinco consejos básicos que tu sitio debería implementar para menjorar el rendimiento y asi poder sacar el maximo provecho a tu servicio de hosting (alojamiento web).

1.-Servicio de alojamiento web (WebHosting)

El rendimiento de nuestra pagina de Internet comienza cuando se elige donde alojar nuestro sitio web, en la actualidad existen muchas variantes; elegir un proveedor de alojamiento web es una decisión tan importante que vale la pena analizar la relacion costo-beneficio y elegir el plan de alojamiento o configuracion mas adecuada a nuestras necesidades. Una herramienta que puedes utilizar para ayudarte en la seleccion del hosting es el sitio. Algunos sitios, como por ejemplo, ofrecen OfficialHostReview.com clasificaciones completas de diversos servicios de alojamiento web.

wp optimizacion

2.-Optimizacion de imágenes

La web esta plagada de imagenes no importa que tan sofisticada o sencilla sea la pagina web, es casi seguro que el autor utilizara imagenes para complementar visualmente el contenido del sitio. Es importante que las imagenes de tu sitio esten comprimidas  y optimizadas para internet ya que esto se refleja en el tiempo de  carga de tu sitio, el consumo de ancho de banda de tu servicio de hosting y por ende estos problemas finalizan en las visitas de tu sitio.

Hoy en dia existen muchas herramientas que te ayudan a optimizar las imagenes forma eficaz. Acontinuacion mencionamos algunas de las herramientas gratuitas disponibles en la web, que te podran ayudar para este proceso.

  1. Smush.it
  2. Dynamic Drive Online Image Optimizer
  3. SiteReportCard Image Optimization Tool

Mi favorita es las soluciones integradas en las aplicaciones de adobe. Por ejemplo en fireworks basta ir al menu FILE -> Export Wizard, dar click en continuar en los siguientes dos mensajes y acontinuacion veras una imagen parecida a esta imagen, elige la configuracion mas conveniente y da click en Export… -> Selecciona la ruta donde guardaras el archivo y !Listo! tu imagen esta lista para ser utilizada en la web.

wp optimizacion

3.-Optimizar WordPress

WordPress es el formato preferido para la creación de blogs en estos días, así que si tu sitio web contiene un blog corriendo bajo esta plataforma, es importante queu te asegures que la configuración que tiene tu motor WordPress esta optimizado para maximizar su velocidad y eficiencia. Algunos pasos que puedes tomar es remover complementos (plugins) que no necesites, eliminar etiquetas de PHP innecesarias y otra medida puede ser instalar plugins especializados en la optimizacion. Por ejemplo Performance Optimizer Plugin for WordPress

wp optimizacion

4.-Optimizacion de hojas de estilo

Codificación CSS se ha convertido en el código más utilizado para crear sitios web. Una de las maneras que puedes tomar ventaja de esta tecnologia sin perder rendimiento es aprender como crear sprites CSS. Otra recomendacion es reducir el tamaño de tu archivo CSS con herramientas llamadas “Minifiers” las cuales reducen el codigo eliminando espacios innecesarios.

Optimizacion CSS

5.-Optimizar JavaScript

Los archivos Javascript pueden ser optimizados mediante la combinación de archivos mas utilizados dentro de uno solo. Otra medida es revisar cada uno de los scripts en busca de errores con herramientas como FIrebug y la ejecucion a través JSLint u otras herramientas de optimización de JavaScript.  Una medida un tanto avanzada es alojar todos los archivos mas utilizados dentro de una CDN para minimizar el tiempo de carga sin importar de que paise se este visitando el sitio. Al igual que los archivos CSS los archivos JS tambien pueden “reducirse” eliminando caracteres y espacios innecesarios.

Compresor de JavaScript

Esperemos que estas recomendaciones basicas de rendimiento hayan sido de ayuda  para ti. Si nos falto algun metodo o tienes alguna duda no olvides comentar!

¿Te gusto el artículo? Compartelo!!

Acerca del autor

Dejar un comentario