¡Promoción especial hasta el 31 de Agosto!   Descuento 10% en Hosting y 20% en Packs

Viernes, 22 Abril 2011 23:39

Acelere su Joomla!

Escrito por 
CMS:  Joomla! |  Versión:  Todas |  Nivel de dificultad:  Básico |  Tiempo estimado de lectura:  10 minutos



Acelere su Joomla!Uno de los factores más importantes en la usabilidad web es la velocidad. La gente quiere sitios web que carguen rápido. ¿Cómo se puede acelerar su sitio web Joomla? ¡He aquí algunos consejos!.

Elegir el Hosting adecuado

Esta es la forma más fácil y sencilla de acelerar su web. Actualmente son muchos los proveedores de alojamiento, algunos ofrecen precios muy bajos y espacios ilimitados a costa de sobre-explotar los recursos "limitados" del servidor físico, pero es necesario determinar que servicios ofrecen en realidad.

Es importante analizar este factor clave en el futuro de cualquier sitio web. Existen cientos de casos documentados de grandes sitios web que han sufrido innumerables problemas (ataques, perdidas de información, uptime por debajo del 90%, etc.) por una mala elección de Hosting. Invertir tiempo en estudiar que servicios de alojamiento requiere nuestro proyecto web y que proveedores son los más adecuados son sin lugar a dudas dos de los puntos clave más importantes en la fase de captación de recursos para garantizarnos el éxito y la tranquilidad en cualquier proyecto web.

Reducir la latencia mediante la reducción de solicitudes HTTP.

Cada artículo en su sitio web, una imagen, hojas de estilo, javascript, etc., es considerado por el servidor web para ser independiente y por lo tanto se sirve como tal. Digamos que tiene 5 imágenes en una página, 3 javaScript y 3 hojas de estilo. Esto nos da un total de 11 elementos independientes y se requieren 11 solicitudes al servidor para representar la página. La reducción del número de solicitudes dará lugar a una carga más rápida la página.

¿Como podemos lograr esto?, utilizando los sprites.

Este es el mejor método para reducir el número de solicitudes de imágenes al servidor. Todo lo que hay que hacer es combinar todas las imágenes en un archivo y utilizar CSS y la propiedad "background-position" para mostrar la sección de imagen correcta.

Más información sobre la propiedad background-position.

Más información sobre el uso de sprites.

Combinar hojas de estilo y scripts

Debemos considerar la combinación de hojas de estilo en un solo archivo cuando esto sea posible y deberíamos hacer lo mismo para los scripts. La combinación de archivos es más difícil cuando los scripts y hojas de estilo varían de una página a otra, el mejor momento para tomar esta decisión es durante el proceso de desarrollo temprano de la web.

Evitar las imágenes de fondo

Sólo debemos utilizar imágenes de fondo cuando sea necesario. Por ejemplo, podemos utilizar las propiedades de radio (border radius) para crear esquinas redondeadas. Tratar de utilizar los elementos de CSS y propiedades para el estilo del contenido.

Eliminar la duplicación de solicitudes HTTP

Asegúrese de que los scripts y hojas de estilo no son llamados más de una vez. Es posible que jQuery se cargue más de una vez o versiones distintas del mismo script se hayan cargado en la misma página.

Evitar externos enlaces a contenido externo

Trate de eliminar la conexión a otros servidores para recuperar imágenes, audio o vídeo ya que cada conexión que se tenga que realizar para cargar contenidos externos sólo retrasa la composición final de la página.

El uso y abuso a que sometemos los sitios webs con extensiones o scripts de "chat", "hosroscopos", "el tiempo" e infinidad de "recursos" de terceros que no están alojados en nuestro propio servidor son verdaderos responsables de parte del tiempo de retraso en la carga de nuestra web, usarlos con conciencia ayudará sin duda a mejorar la carga de la pagina. La solución ideal seria no utilizarlos.

Una de las técnicas que más consumo de ancho de banda causa el es Hot-linking siendo este un problema que podemos atajar bien sea desde una optima configuración de nuestro archivo htaccess o desde el propio Panel de Administración del Hosting si este provee de herramientas para combatirlo.

Coloque los estilos en la parte superior

Las hojas de estilo deben ser incluidas en la sección principal de la página. Esto hace que la página cargue progresivamente lo que permite que se carguen más rápido.

Utilice hojas de estilo y javascript externos

En lugar de formatear con estilos incorporados en las páginas o elementos HTML, cargue los archivos de CSS y javascript externamente, o sea, en ficheros separados. La página será cacheada por el navegador en la primera visita, por lo tanto no se descargarán en sucesivas visitas salvo que se limpie la caché del navegador.

Simplifique JavaScript y CSS

Esto se hace mediante la eliminación de espacios en blanco extra y caracteres de los archivos lo que sin duda reduce el tamaño de los archivos descargados. Algunas herramientas que nos permiten hacer esto son:

Optimizar las imágenes

Al crear o editar las imágenes para su sitio web recuerde guardarlos en el formato correcto (.png, .jpg o .gif). Si utiliza Photoshop, guarde siempre en formato para la web. También puede usar otras herramientas como smushit.com para optimizar sus imágenes.

Formatos como .tif u otros solo contribuyen a un mayor consumo de espacio de disco en el servidor alojado y no suelen ser formatos actualmente bien procesados por algunos navegadores. Conocer los tipos MIME adecuados es importante para garantizarnos que todos los usuarios puedan ver bien los contenidos que ofrecemos.

Más información sobre tipos MIME

Recuerde escalar las imágenes al tamaño correcto

Eliminar extensiones innecesarias y scripts

Esto evitará que el código innecesario consuma tiempo para ser procesado por el navegador y el servidor web. Elimine tablas innecesarios de la base de datos y desinstale aquellas extensiones que nunca utilice.

Existen aplicaciones y scripts que nos permiten redimensionar masivamente que permiten que una imagen de 2Mb tras ser redimensionada pase a tener un peso de 200 o 300 kb sin perder calidad en la web. El aumento de consumo de espacio de alojamiento en la mayoría de los casos viene determinado por un mal uso de las imágenes que utilizamos en los contenidos de la web.

Dividir en partes las páginas largas

Al dividir las páginas largas, no sólo anima a sus lectores a leer más sus contenidos, sino que también aumenta la velocidad de carga de la página.

En numerosas ocasiones nos centramos en querer ofrecer "todos" nuestros contenidos en portada y fabricamos sitios con scroll interminable, lo que contribuye notablemente a que el usuario acabe cansandose al consultar los contenidos. Dividir y clasificar los contenidos en áreas, secciones, categorías, etc., accesibles desde distintos menús, no solo ayudan a disminuir la pesada página inicial sino que ponen orden en nuestros contenidos y facilitan la búsqueda de información específica en el sitio. Un buen buscador, preferible con tecnología AJAX es el sustituto perfecto a esas interminables páginas.

Utilizar redes de distribución de contenido (CDN)

Si tiene un sitio web de alto tráfico, debe considerar el uso de un CDN para ofrecer el contenido a los usuarios. De esta forma los usuarios pueden buscar el contenido del servidor más cercano lo que resulta muy útil para los sitios con una gran cantidad de gráficos, vídeo, contenido estático u otros contenidos que consumen importantes cantidades de ancho de banda.

El CDN más conocido posiblemente sea Akamai, que no deja de ser un servicio al alcance de pocos actualmente planteándose como alternativa Google y su App Engine.

Utilizando el Google App Engine, podemos ejecutar aplicaciones web en los servidores de Google. El App Engine es la respuesta de Google a los muy exitosos y conocidos servicios de Amazon S3 (para almacenamiento) y EC2 (para ejecución).

Más información: http://code.google.com/appengine - http://googleappengine.blogspot.com/2008/05/announcing-open-signups-expected.html

Habilitar la caché de Joomla!

Joomla! ha incorporado un manejador de caché que podemos habilitar en la Configuración Global del backend. Para que esta funcione correctamente debemos tener en cuenta que la carpeta /public_html/cache debe tener permisos de escritura. Su uso es más recomendado para quien tiene sitios web con mucho contenido estático, el cual no sufre excesivas modificaciones o para sitios con una carga muy pesada, lo que ayudará a reducir tiempos cuando esta sea visitada.

Utilizar compresión Gzip

Gzip le permite comprimir los datos sobre la marcha. Varios frameworks de plantillas para Joomla! como el framework JAT3 han implementado esta opción que debe tener en cuenta para acelerar la carga de su plantilla y los elementos que la componen.

Gzip es un formato de compresión libre, desarrollado por el proyecto GNU, es el mas popular pues la mayoría de los navegadores lo soportan y ofrece un ahorro del 66% en promedio. Habilitar compresión Gzip en Joomla! nos va a permitir disminuir al máximo el número de peticiones realizadas al servidor y el tamaño de los archivos transmitidos.

Medir la carga de la web

Conocer el tiempo de carga de nuestro sitio web es un factor importante para saber en que parte de la ecuación de usabilidad nos encontramos, y medir esta carga es tarea importante para reducir los tiempos del sitio y mejorarlos para fidelizar usuarios.

Existen muchas herramientas online para realizar estas tareas, de las cuales destacamos las siguientes:


GTmetrix

Gráfica de análisis de un sitio web con GTMetrix


Si duda alguna deberían formar parte del arsenal de todo desarrollador o webmaster que se precie, pues su uso ayudan de forma insestimable a medir no solo los tiempos de carga sino a localizar determinados tapones que generamos involuntariamente con el uso y abuso de scripts.


En definitiva, los problemas de carga y velocidad de los sitios web que desarrollamos o gestionamos son relativamente fáciles de solventar despues de un análisis pormenorizado del sitio y mediante la aplicación de pequeñas medidas, individuales, que en su conjunto, bien aplicadas ayudarán a mejorar los tiempos de carga y la impresión que los usuarios que los visitan se lleven de estos.



¿Te ha resultado interesante este artículo?

Suscríbete para recibir consejos exclusivos para WordPress, Joomla y PrestaShop