Weterede! » rendimiento http://www.weterede.com Blog sobre programación, diseño web y tecnologías de la información Fri, 10 Jun 2011 02:40:04 +0000 en hourly 1 http://wordpress.org/?v= Mejora la velocidad de carga de tu web con mod_pagespeed para Apache http://www.weterede.com/2010/11/mejora-la-velocidad-de-carga-de-tu-web-con-mod_pagespeed-para-apache/ http://www.weterede.com/2010/11/mejora-la-velocidad-de-carga-de-tu-web-con-mod_pagespeed-para-apache/#comments Wed, 03 Nov 2010 20:04:19 +0000 Nacho Plaza http://www.weterede.com/?p=1108 Logo del servidor ApacheHace ya un tiempo comenté algunos sencillos pasos para optimizar el tiempo de carga de tu web. Son una serie de buenas prácticas a cumplir y que puedes revisar si lo haces con herramientas como Page Speed o YSlow. Pero, ¿y si pudieras ahorrarte el trabajo de aplicar tú las optimizaciones y éstas se pudieran hacer de forma automática?

Google ha presentado hoy un módulo para servidores HTTP Apache llamado mod_pagespeed. Realiza muchas optimizaciones de velocidad de forma automática, sin necesidad de que el webmaster o programador tenga que preocuparse en demasiado del rendimiento.

Las mejoras del rendimiento se centran en la optimización de almacenamiento en caché, reducción de peticiones HTTP, minimización y optimización de recursos externos como imágenes, archivos CSS y JavaScript. Según las pruebas que han realizado con mod_pagespeed, la media del tiempo de carga de las páginas se ha reducido al 50%.

Algunos de los filtros u optimizaciones que pueden configurarse en mod_pagespeed son:

  • Extend caché. Pretende mejorar el uso de la caché para los recursos externos de las páginas.
  • Outline CSS. Mueve los estilos en línea a un archivo externo.
  • Outline JavaScript. Mueve el código JavaScript en línea a un archivo externo.
  • Combine CSS. Combina distintos archivos CSS en uno sólo para reducir las peticiones HTTP.
  • Inline CSS. Inserta en el HTML fragmentos de código CSS que se encuentran en archivos externos para mejorar la velocidad de renderizado de la página.
  • Inline JavaScript. Inserta en el HTML código JavaScript que se encuentra en archivos externos.
  • Collapse Whitespace. Reduce el tamaño del archivo HTML eliminando espacios en blanco innecesarios.
  • Combine Heads. Para páginas en las que existen varias etiquetas <head>, mueve los contenidos de estas etiquetas al primer <head> de la página.
  • Elide Attributes. Reduce el tamaño del archivo HTML eliminando las etiquetas de atributos que tienen como valor asignado el valor por defecto.
  • Minify Javascript Minimiza el código JavaScript que se encuentre en etiquetas <script>, sin tocar código de archivos .js externos.
  • Optimize Images. Reescala y recomprime imágenes.
  • Remove Comments. Elimina comentarios del código HTML.
  • Remove Quotes. Elimina las comillas innecesarias del código HTML.
  • Rewrite CSS. Minimiza el código CSS de etiquetas <style> y <link>.
  • Move CSS to HEAD. Mueve las etiquetas <link> que se encuentran después de la cabecera dentro de ésta (<head></head>).
  • Add Head. Si el documento no tiene etiquetas de cabecera, las añade.
  • Add Instrumentation. Añade dos pequeños fragmentos de código JavaScript para medir el tiempo que tarda el cliente en cargar y renderizar la página, y envía esa información al servidor.

Google ya está trabajando con la empresa de hosting GoDaddy para que sus más de 8.5 millones de clientes dispongan de mod_pagespeed en sus servidores, y la empresa Cotendo está también integrándolo en su red de CDNs.

Si quieres probarlo puedes descargar el módulo mod_pagespeed de Google Code, donde está liberado el código fuente para varias distribuciones de Linux. Sigue las instrucciones de instalación y configura los filtros a aplicar a tu manera.

Sin duda, perece una buena manera de mejorar la velocidad de carga de tu web de forma automática sin tener que pelearte tú mismo con las optimizaciones. Habrá que probarlo.

Via | Google Code Blog

]]> http://www.weterede.com/2010/11/mejora-la-velocidad-de-carga-de-tu-web-con-mod_pagespeed-para-apache/feed/ 1 Rendimiento de los iframes http://www.weterede.com/2009/06/rendimiento-de-los-iframes/ http://www.weterede.com/2009/06/rendimiento-de-los-iframes/#comments Mon, 08 Jun 2009 17:02:49 +0000 Nacho Plaza http://www.weterede.com/?p=423 iframe en facebookLos iframes son una forma fácil de insertar el contenido de una web dentro de otra. Pero si los usamos, tendremos que hacerlo con cuidado, ya que tardan mucho más tiempo en crearse que cualquier otro elemento DOM, incluyendo scripts y estilos. El problema está en como convive con el evento onload de la página y el pool de conexiones del navegador.

Los iframes bloquean el evento onload

El evento onload debería ejecutarse tan pronto como se pueda, ya que así el indicador de ocupado del navegador se parará, dando a entender que la página ya se ha cargado. Cuando se retrasa la ejecución del evento onload da la impresión de que la página es más lenta. El onload se lanza cuando todos los elementos de la página, y todos los elementos de los iframes se han cargado por completo. En Safari y Chrome podemos evitar este bloqueo si el valor del SRC del iframe lo generamos de forma dinámica con JavaScript.

Pool de conexiones compartido

Los navegadores tienen un límite máximo de conexiones por host. Mientras que IE6, IE7 y FX2 sólo admiten dos conexiones, Safari3, Opera 9 permiten 4 conexiones, y Chrome 2, IE 8 y Firefox 3 admiten hasta 6 conexiones. En la mayoría de los navegadores, el pool de conexiones está compartido entre la página en carga y los iframes que contiene, por lo que los propios iframes pueden bloquear la carga de la página principal.

Cinco de las 10 páginas más visitadas de Estados Unidos usan iframes, en la mayor parte de los casos, para anuncios publicitarios. En muchos casos es la forma más sencilla y útil de incluir contenidos en nuestras páginas. Pero hay que tener en cuenta el impacto en el rendimiento de nuestras páginas. Así que si puedes, evita los iframes. Sino, úsalos moderadamente.

Traducción del artículo Using Iframes Sparingly.

]]> http://www.weterede.com/2009/06/rendimiento-de-los-iframes/feed/ 1