5 recomendaciones para acelerar la carga de tus sitios web y optimizar el uso del servidor


Aun que cada vez es menos frecuente, algunos servicios de hosting aún establecen límites de transferencia -consumo de ancho de banda- que eventualmente pueden dejar nuestro sitio web fuera de servicio. Además de esto, también es necesario cuidar el rendimiento del servidor y optimizar nuestros sitios para que carguen rápidamente, algo que los usuarios que nos visitan sabrán agradecer.


Un sitio que carga lentamente es percibido de inmediato, y las posibilidades de que un usuario molesto por esta situación vuelva a visitarnos se reducen considerablemente. Por fortuna, hay una serie de medidas muy simples que podemos tomar para mantener bajo control estas situaciones.

Optimizar las imágenes

Las imágenes en los sitios web suelen ser la principal razón por la que estos tardan en cargar. Existe algunas herramientas que nos permiten optimizar las imágenes de manera que podamos reducir su peso sin perder demasiada calidad.

Por ejemplo, Photoshop tiene una opción específica para esto y la puedes encontrar haciendo clic en “Archivo” y luego en “Guardar para la web y dispositivos”. Esta opción nos permitirá escoger el formato y la calidad con la que deseamos guardar la imagen; encontrar una buena relación peso/calidad no resulta muy difícil y los resultados hacen que valga la pena el par de clics adicionales.

Una alternativa a Photoshop, es Smush.it, una herramienta que nos permite comprimir y optimizar imágenes removiendo de éstas bytes de información innecesarios sin afectar su calidad. Más allá de este para de opciones, reducir el tamaño de las imágenes manualmente puede ser un buena solución para casos puntuales.

CSS en lugar de imágenes

Generar bordes redondeados, sombreados y fondos degradados, son algunos ejemplos de cosas que solían hacerse empleando imágenes, pero en la actualidad es posible conseguir los mismos resultados con unas simples lineas de código CSS, ahorrándote algunos KB al final del proceso.

Para ayudarte con esto puedes emplear algunas de las herramientas para generar código CSS que presentamos días atrás en otro de nuestros artículos.

Comprimir ficheros JavaScript y CSS

Minify es una útil y poderosa herramienta que nos ayudará a reducir el peso de los ficheros CSS y JavaScript que integran nuestro sitio web, eliminando espacios en blanco y comentarios innecesarios, para luego comprimir todo mediante gzip.

Este procedimiento no solo reduce el peso de los ficheros, sino que además reduce el número de llamadas que hace el cliente al servidor para solicitar los archivos. Sin duda una herramienta indispensable, a la que además recomiendo que dediques algunos minutos de aprendizaje para aprovechar al máximo sus beneficios.

Utilizar servicios de almacenamiento alternativos

Si en tu sitio web ofreces descarga de archivos muy pesados, deberías considerar almacenarlos en lugares distintos a tu propio servidor, ya que cada descarga afectara el limite de ancho de banda establecido por tu servicio de hosting.

Los sitios más grandes y de mayor tráfico utilizan Redes de Distribución de Contenido o CDN -por Content Delivery Network- para, precisamente, garantizar y asegurar la distribución de contenido. Esta opción puede resultar costosa, pero existen alternativas gratuitas que podemos considerar, sobre todo si se trata de un pequeño sitio o un blog personal.

Usar Dropbox como fuente de los archivos CSS, JavaScript e imágenes de nuestro sitio puede ser una forma de improvisar una CDN, pero no es recomendable para sitios grandes o con mucho tráfico, ya que Dropbox tiene un límite de 10 GB de transferencia diaria. También existe una infinita cantidad de servicios para hospedar y compartir archivos de gran tamaño de forma gratuita.

Uso de .htaccess

Gracias a los ficheros .htaccess, en los servidores Apache es posible establecer configuraciones para prevenir el hotlinking, así como también implementar un método para almacenar en cache los archivos que no se actualizan de manera regular.

Los códigos necesarios para implementar estas configuraciones los puedes encontrar en un post que publicamos recientemente, junto a otro grupo de útiles códigos .htacces

Para finalizar, es recomendable medir la velocidad de carga de los sitios web antes y después de realizar los cambios, para así poder establecer comparaciones y decidir si es necesario efectuar nuevos ajustes e identificar otros posibles problemas.

Comentarios

Publicar un comentario

Entradas populares de este blog

Dabbleboard, una pizarra para hacer más productivas las reuniones

Imagen
Gracias a la red, cada vez es más habitual desarrollar proyectos y trabajar con equipos de trabajo deslocalizados , es decir, situados en distintas ubicaciones geográficas distintas (empresas con varias sedes, empleados que desempeñan sus funciones en teletrabajo , freelances …). En este tipo de entornos de trabajo es fundamental una buena coordinación y el establecimiento de mecanismos de comunicación ágiles que permitan hacer fluir la información o concentrar toda la información que se genera dentro de un repositorio común. Herramientas como Skype o, incluso, los hangouts de Google+ pueden ayudarnos a mantener reuniones virtuales y, por tanto, a “acortar distancias” pero fruto de una reunión es posible que surjan múltiples ideas que nos interesen plasmar en algún tipo de mapa conceptual para que el brainstorming no se pierda y pueda desarrollarse dentro del proyecto; esta tarea podemos hacerla también de manera colaborativa recurriendo, por ejemplo, a Dabbleboard Dabbleb
Leer más

Community Managers: Una fórmula sencilla de medir el ROI para Pymes

Imagen
Ya lo sabéis, lo que no podemos medir, no podemos mejorarlo . Lo importante de las métricas no es tan sólo saber qué estamos haciendo mal o  bien, sino el análisis que podemos obtener de los números, la interpretación correcta de esas cifras pueden ser fundamentales para mejorar nuestra estrategia de Social Media Marketing . Sin embargo, la mayoría de las pymes e incluso grandes empresas parecen en muchas ocasiones desbordadas por cifras que pueden no ser las más certeras para conocer la eficacia de su presencia en redes y medios sociales, por ello, vamos a empezar por el principio. estrategia y táctica : aunque para la mayoría de los negocios puedan parecer dos términos sinónimos, nada más lejos de la realidad, y sin embargo es un error en el que habitualmente caen managers y directivos. Una estrategia es un plan diseñado para lograr un objetivo específico y concreto, por ejemplo, si queremos conseguir nuevos clientes a través de internet, lo podemos hacer a través de Facebook
Leer más

3 plataformas para construir elegantes sitios web sin programar

Imagen
Cada vez es más común ver cómo alguien que no tiene grandes conocimientos de programación consigue crear un sitio web realmente rápido, bonito, moderno y elegante, y eso es algo que puede conseguirse con varias plataformas existentes en la actualidad. En esta breve lista os mostramos tres opciones que vale la pena tener presentes para todos aquéllos que quieran comenzar a trabajar creando sitios web: – Slides : Se trata de una solución no gratuita que tiene bastante fama en el mercado. Han lanzado ahora la versión 3.0, mucho más intuitiva y flexible. Las ventajas de usar Slides es que tiene componentes individuales que pueden configurarse de muchas formas diferentes para crear una infinidad de combinaciones. Podemos elegir varios tipos de menús, listas, títulos, botones, formularios, tablas de precios, enlaces, galerías de fotos… Solo tenemos que ir navegando por las secciones que queremos incluir en cada página, seleccionar las opciones deseadas y adaptar el diseño
Leer más