Optimiza el rendimiento de tu página web

Si aún no conoces Publiteca te vas a gustar este descubrimiento.
Publiteca es un portal web de descarga de e-books sobre publicidad, marketing, social media, blogs,… publicados bajo Licencia Creative Commons.

Hoy quiero resumir uno de los libros que me ha llegado mediante su Newsletter y el cual me ha parecido muy interesante, Web Performance Optimization, de la mano de MetricSpot.

Tal y como nos detallan en su libro, la Optimización del Rendimiento Web consiste en una serie de técnicas para acelerar el funcionamiento de una Web con el fin de mejorar la usabilidad y la experiencia del usuario.

Estas directrices que van a ayudar a incrementar la velocidad de nuestra web, vienen explicadas según el ámbito de aplicación:

• Servidor y conectividad
• Hojas de estilo CSS
• Imágenes
• Tablets y Smartphones
• Código HTML
• JavaScript
• Cookies

En este post haré un breve resumen de cada una de ellas a modo de listado sin dejar de recomendar leer el libro para ampliar los conocimientos ya que estoy segura de que te puede ser de mucha ayuda.

 Servidor y conectividad

• Contrata un buen proveedor de Hosting
• Reduce el número de peticiones HTTP
  Las peticiones HTTP son llamadas que es realizan al servidor cada vez que se carga un elemento.
  La solución que nos aportan son varias, entre ellas:
  – Combinar  todos los ficheros CSS en uno.
  – Combinar todos los ficheros JavaScript en uno solo.
  – Agrupar imágenes en Sprites.
• Utiliza HTTP/1.1 en vez de HTTP/1.0
  La versión 1.1 permite la compresión de datos.
• Utiliza la función FLUSH();
  Esta función vacía los búferes de escritura de PHP.
• Evita los enlaces a contenidos 404
• Evita las redirecciones

  Código HTML

• Evita el código CSS dentro del HTML
• Coloca los links a CSS arriba y los links a Scripts abajo
• Reduce el número de <iframe>
• Cierra los elementos HTML
• Comprime el código HTML

 Hojas de Estilo CSS

• Externaliza todos los estilos
  Crea links externos
• Utiliza <link> en vez de @import para enlazar las hojas de estilo
• Comprime los CSS
• Combinar todos los CSS en uno

 Javascript

• Externaliza todos los Scripts
• Combinar todos los Scripts en uno
• Utiliza la última versión de jQuery
• Reduce el uso de jQuery
• Comprime los Scripts

 Imágenes

• Comprime las imágenes
• Evita el escalado de imágenes
• Utiliza Sprites
• Utiliza un FAVICON.ICO

 Cookies

• Elimina Cookies innecesarias
• Reduce el tamaño de las Cookies
• Pon una fecha de caducidad adecuada a las Cookies

 Tablets y Smartphones

• Reduce el uso de JavaScript
• Evita redirecciones a subdominios dedicados
• Utiliza Responsive Design