Optimiza el tiempo de carga de tu blog

Para aquellas personas que la carga de su página se hace interminable o simplemente para los que queráis optimizar la velocidad de carga de vuestro blog, estos son unos consejos que recomiendo emplear para mejorar el rendimiento de vuestra pagina. Ya sabéis que un usuario corriente se aburre si una web no se carga de manera liviana por lo que tendera a desistir de la espera si esta supera más de 10-15 segundos y perderás una visita.

Para comprobar el tiempo que tarda en cargarse completamente el blog o la web en cuestio podeis usar esta aplciacion online, PingdomTools, que mide el tiempo de las llamadas y las transferencias a cada uno de los archivos del servidor.

Hay que tener en cuenta todos estos factores que puedan influir en los tiempos de carga, que si bien pueden ser muy variables para cada página pero recopilo los que suelen ser más optimos en este tema:

1. Imágenes: Al editar una imagen aplicad algún método de compresión como podemos usar en el formato jpg, o usar la opción de guardar para web que podemos encontrar en Photoshop. Al incluirlas en el blog lo recomendable seria incluir el espacio que deseas reservar para la imagen en la etiqueta <img src="IMAGEN" width="150px" height="320px">, de esta manera aligeramos la carga del blog reservando ese espacio para la imagen y dedicando el ancho de banda al resto de la pagina. No seas repetitivo en el uso de las imágenes.

2. HTML: No uséis estilos redundante cuando podéis usar las etiquetas HTML para formatear el texto como <h1>, <h2>, <h3>, <h4>… o <TITLE>, <i>, <b>, <u>. No dejéis espacios en blancos y sed concisos con los comentarios, (Aplicable también al siguiente punto). En el enlace podremos ver una lista bastante completa de estas etiquetas. Haced uso de ellas que para algo están.

3. CSS: Reducir lo posible el código agrupando varios estilos con las mismas propiedades. Algunos recomiendan enlazar la hoja de estilos mediante una enlace externo: <link type="text/css" rel="stylesheet" href="ARCHIVO.CSS">, pero yo no soy muy partidario de ello, lo prefiero todo en la plantilla, sin embargo podréis probar a ver qué tal os va.

4. Artículos: Sed claros y concisos, no os extendáis más de la cuenta ya que esto acarrea tiempos de carga más largos, por lo que ordenaros las ideas, es preferible leer algo interesante y corto que algo muy largo sin contenido alguno. Si se da el caso de que un artículo se hace más extenso de lo que esperabas, es preferible dividirlo en dos, y publicarlo en dos partes.

5. Scripts: Somos muchos los que usamos algún que otro script para agregarle funcionalidades a la pagina, pero la desventaja es que estos scripts suelen ser bastante pesados. Ante todo, los scripts cargarlos desde un archivo externo, si no, la pagina tardara mas en procesar el contenido de vuestra plantilla. Para ello se usa el mimo método de antes: <script type="text/javascript" src="ARCHIVO.JS"></script>. Esto si lo recomiendo encarecidamente.

Otra recomendación a tener en cuenta y venida de la mano de Jmiur del blog Vagabundia, es una utilidad online para reducir o mejor dicho realizar una compresión de los scripts de JavaScripts. Bananascript es el nombre de la aplicación, y su funcionamiento es muy sencillo, solamente debemos introducir nuestro archivo, obviamente debe ser con extensión js y un requisito a cumplir de la aplicación es que debe ser mayor de 4Kb, si fuera menor dudo que necesitáramos esta compresión: P.

Ojo, al incluir el archivo ya comprimido en vuestra plantilla este utiliza una codificación distinta a la ya generalizada UTF-8, exactamente la iso-8859-1, pero no os preocupéis, para que los scripts se carguen con esta codificación simplemente implementadlo de esta manera: <script type="text/javascript" charset="ISO-8859-1" src="ARCHIVO COMPRIIDO.JS"></script>

Otro punto a destacar en el artículo de Vagabundia es para aquellas personas que uséis las librerías prototype.js, scriptaculous.js y effects.js, los cuales se suelen usar para distintas utilidades como para la ventana modal que se usa en este blog y que explicamos en un post anterior, entre otros efectos más.

La cuestión es que han elaborado una versión la cual combinan estos tres archivos en uno solo, este, llamado Protocolous pesa casi lo mismo que los tres anteriores juntos pero es mejor cargar un archivo a cargar tres, por lo que ya es una mejoría. El gran beneficio está a la hora de aplicar el compresor de Bananascript, quedandose en tan solo 62Kb, en fin todo un logro.

Haz clic para ampliar

Con todo, estas recomendaciones os pueden servir de ayuda a la hora de ir creando vuestro blog de manera ligera y fácil de procesar para no llegar al punto de que se nos colapse con tiempos de carga demasiado altos. Espero que os haya sido de utilidad, y si tenéis alguna otra recomendación que se pueda aportar, por favor no dudéis en comentarla.