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.

La Pbuliteca

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.

1 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

2  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

3 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

4 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

5 Imágenes

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

6 Cookies

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

7 Tablets y Smartphones

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

Algunos enlaces interesantes para optimizar el rendimiento de tu página web

Descarga el libro Optimización del Rendimiento Web a través de Publiteca