Saltar al contenido
Codifíca.me | Desarrollo web | Programación

Mejora la velocidad de tu web

21 junio, 2012

Este artículo reune cinco tips relacionados con el desarrollo que conseguirán incrementar la velocidad de carga de tu página web.

Para mejorar la velocidad de una web habría que ver donde tiene los problemas de rendimiento y hacer un planning adecuado para resolver este handicup. No obstante, este artículo no hace referencia a este punto, solamente pretende señalar unos tips “básicos” que se deben de llevar a cabo en el desarrollo de tu página. Además, se pueden aplicar a casi todas las páginas web, salvo que estén desarrolladas en Flash, Java, etc…
pagina web, velocidad incrementar rapidez tiempo de carga

Incrementa la velocidad de tu página

Comprimir con Gzip la salida de tu web

En algunos servidores puede dar algún problema pero habitualmente funciona correctamente, se trata de comprimir tu página web y enviar el contenido comprimido, después los navegadores la descomprimen y muestran el contenido de tu web adecuadamente. Si la página es un poco pesada esto incrementará bastante el tiempo de carga.
También puede dar algún problema si el usuario utiliza algún navegador muy viejo.

Cargar los Javascript y CSS desde servidores externos

En muchos casos utilizamos librerías JavaScript como JQuery que pueden ser cargadas desde servidores externos, por ejemplo, de la web de Google, si disminuimos el total de JavaScript y CSS que tiene que enviar nuestro servidor incrementaremos la velocidad con la que cargará nuestra web.

Llamar a los CSS al principio

Si colocamos correctamente las llamadas a los archivos CSS, en el inicio del head, la página cargará los elementos visuales más rápido y su distribución en la web. Una vez que estén cargados los elementos visuales parecerá que la página está cargada en su totalidad produciendo una mejor experiencia al usuario, no obstante es posible que todavía no estén cargados algunas partes que hemos llamado después como el código JavaScript.

Llamar a los Scripts al final

La mayoría de los Scripts no influyen sobre la forma visual de la web, sino que solo actúan sobre el comportamiento de los usuarios, o validan acciones, etc. Por estas razones es aconsejable cargar todos los Scripts después de que se hayan hecho las llamadas a los CSS, así podremos ver la web más rápidamente y después se cargarán los Scripts de funcionamiento.

Reducir el número de consultas a la base de datos

Actualmente la mayoría de las webs están hechas con bases de datos y muchas de ellas no las necesitan, no obstante si has elegido un gestor de contenidos para realizar tu web como wordpress joomla, drupal, etc. Tu página estará realizando consultas al servidor constantemente y muchas de ellas no son necesarias. Por ejemplo, cuando cargas una web con wordpress, realiza una consulta para pedirle a la base de datos cúal es el nombre de la web, y otra para la descripción, fecha, y un largo etcétera.
Para evitar esto podemos utlizar algunos plugin que cachean tu web como una página estática y así logramos reducir el número de consultas. O bien, podemos quitar las consultas que sean innecesarias y escribir el código que necesitemos a mano.

Siguiendo estos cinco sencillos tips cuando desarrolles tu web incrementarás el tiempo de visualización de tu página y reducirás la carga de trabajo de tu servidor.