10 procedimientos clave para optimizar la velocidad de carga en tu website!

10 procedimientos clave para optimizar la velocidad de carga en tu website! 1

La velocidad y rendimiento con los que carga un sitio web son vitales. Si su sitio sube muy lento muchos no regresarán y posiblemente ese sea un cliente potencial. A Google tampoco la agrada esto, así que cada milisegundo cuenta.

Raphael Caixeta es un desarrollador en PHP y para iOS. El hombre generosamente comparte con con sus seguidores en la red, los 10 Tips for Optimizing Your Website’s Speed. A continuación un breve sumario de esos tips a tomar en cuenta cuando administra un blog o un sitio web.

    1. Retrase la carga del contenido cuando sea posible – Aplique el concepto lazy loading para diferir Ajax. Las librerías como jQuery, Prototype, y MooTools pueden conseguir precisamente eso, aplazar la carga de los contenidos en su sitio.

    2. Utilice archivos JS y CSS externos – Evite contratiempos con el mantenimiento de su sitio y ayude a su website con un adecuado rendering. Cuando un usuario visita su página, lo que el navegador primero carga son son los archivos de CSS y JavaScript. Así que mejor que tenerlos internamente, sirve ponerlos en archivos externos.

    3. Utilice sistemas de ‘catching’Database caching mejora el rendimiento de sus aplicaciones web reduciendo el trabajo asociado con las doble conexiones de su página a la base de datos, sea para leer, escribir, o simplemente acceder a dichas aplicaciones. PHP por ejemplo tiene aceleradores y dos buenas referencias son APC y memcached.

    4. Evite cambiar el tamaño de imágenes usando HTML – Tenemos la costumbre de subir una foto con muchos pixeles y para hacerla pequeña utilizamos los atributos width y height. (así, <img width="400" height="280" src="geeksroom.jpg" /> ). Naturalmente una foto grande es también un archivo más grande. Utilice un editor de fotos para reducir el tamaño de esos pics.

    5. No utilice imágenes para reemplazar texto – Los textos a base de imágenes no pueden ser leídos por los lectores de pantalla y no sirven en nada para efectos de SEO. Si necesita fonts a su medida lo mejor es aprender CSS font face.

    6. Optimice el tamaño de las imágenes utilizando el formato de archivo apropiado – Al menos que usted necesite de alpha layers (transparencia de imágenes) tal y conforme el formato PNG ofrece, el formato JPG desplega fotos en tamaño menor sin perder la calidad de la imagen. Aquí 8 herramientas para optimizar sus imágenes.

    7. Optimice la forma como escribe código – Necesita realmente las tags en HTML o es usted capaz de introducir CSS para mostrar los encabezados? En lugar, por ejemplo, de usar <h1><em>Título</em></h1> usted puede fácilmente —para el que sabe, usar CSS para conseguir las itálicas usando adecuadamente la propiedad font-style.

    8. Cargue sus Javascript al final de un documento – La mejor forma para diferir la carga de los Javascripts es al final de la página. Y si es posible, incluya el JavaScript justo antes del cierre de la tag <body> en sus documentos HTML. Su sitio responderá mejor porque el Javascript bloquea que se cargue cualesquier cosa justo debajo de este, antes que él mismo termine descargándose.

    9. Trate de utilizar Content Delivery Network (CDN) – Su website se ve afectado por la distancia geográfica del usuario respecto del server que aloja el sitio. El tener ese contenido catched a través de varios lugares solucionará ese problema. Necesitará dinero, pero vale la pena. La recomendación es MaxCDN y Amazon S3.

    10. Optimice el Web Catching – Nos referimos al Web caching cuando los archivos son guardados por el navegador para uso ulterior. Los navegadores pueden capturar archivos CSS files, JavaScript e images. Establezca los HTTP response headers tal como Expires y Last-Modified para no tener que re-descargar ciertos archivos cuando un usuario retorne a su sitio web. Para saber más sobre estos protocolos HTTP y el leveraging browser catching visite los enlaces.

[Fuente SixRevisions][imagen CC *n3wjack’s world in pixels]

Síguenos en las redes sociales para estar al día con todas las noticias, cursos gratuitos y demás artículos interesantes. Aquí te dejamos varias opciones:

* En Twitter, nos encuentras como @Geeksroom.
* Para vídeos, suscríbete a nuestro canal de Youtube.
* En Instagram, disfruta de nuestras imágenes.
* También podrás disfrutar de Geek's Room a través de Pinterest.

5 Comments

  1. Nemutagk
  2. Emilio