Gravatar de Armonth

Trasteando con Page Speed


Leyendo en Max Glaser sobre cómo influirá en un futuro la velocidad de las páginas web en los serps o listados de resultados de Google y siguiendo la tónica de este sitio (si puedes acelerar más el sitio, hazlo) descubro Page Speed.

Page Speed es una extensión de Firefox que se aprovecha (y requiere de) Firebug para analizar el rendimiento del sitio. Entre otras cosas revisa qué todo tenga fechas de fin de cache, te ofrece cómo alternativa versiones optimizadas de las imágenes que usas en el diseño y un buen etcétera.

De momento he:

  • Añadido fechas de control de cache a recursos estáticos (CSS e imágenes concretamente) vía .htaccess:

    <FilesMatch ".(ico|gif|jpeg|jpg|png|css)$">
    Header set Cache-Control "max-age=29030400, public"
    </FilesMatch>
    
  • Aprovechar las versiones “comprimidas” que no tienen perdida de calidad aparente del icono del feed y de los otros iconos: 5 kB ahorrados. En un diseño en que las imágenes del mismo en total no llegan a 16kB y pico la mejora es de un 30%.

Me quedaría por “corregir” algunos puntos que dependen obviamente de cada caso por ejemplo:

  • Quitar el CSS no utilizado. Pero la gracia es que lo que Page Speed dice que no es utilizado, en realidad es utilizado en otras páginas del dominio.

  • Habilitar compresión GZIP para CSS. En el pasado tuve problemas, prefiero gastar 5.0 kB extras a tener problemas con combinaciones raras de servidor/navegador.

  • “Minify CSS” quitar todos los comentarios, espacios inservibles, etcétera. Buen punto pero no lo hago por frikismo: sé de gente que le da por “leer” mis CSS ;P

  • Un punto muy bueno: enviar contenido estático desde otro dominio (o subdominio) desde el cual no se envíen cookies ya que al enviar imágenes con un dominio que envía cookies, también se envían (de forma innecesaria) estás. En SigT se ahorrarían 1.8 kB por las veces que se envían estos contenidos estáticos (imágenes del diseño).

4 Comentarios

  1. Kumo:

    La verdad es que siempre he procurado teer cuidado con el “peso” de mi web, pero lo cierto es que a medida que la banda ancha avanza, siempre lo descuidas un poco en favor de poner imágenes más grandes en los post y demás.

    Si con esto se ahorra por otro lado, pues mejor. Habrá que probarlo.

    Friday, 18 de December/2009 @ 11:29

  2. perezdavo:

    Hoy estuve revisando un poco los cambios que ha hecho google en su algoritmo es obvio que algo cambio para en como posiciona las páginas y sobretodo en el page rank. Creo que con las recomendaciones que introdujo en su sitio y en herramientas para webmaster se podrá ver influido el diseño a favor de la velocidad de la red. Por cierto sufrí una baja en el Page Rank en algunos de los sitios con todo y que tenía un aumento en el número de visitas y de enlaces de sitios relevantes.

    Saturday, 9 de January/2010 @ 0:09

  3. InKiLiNo:

    Y todavía te queda eliminar la imagen de alexa, que aunque no se donde la tienes porque no se ve, te dispara el tiempo de carga del blog.

    Posiblemente te interese uno de mis últimos artículos sobre el tema

    Friday, 15 de January/2010 @ 12:05

  4. Armonth:

    Uh? Inkilino el script de Alexa es un JS que se carga al final y a veces dispara ese calculo (yo ignoro cualquier petición a ese fichero de más de 300ms) porque no conservas el keep-alive (al ser servidores distintos) y debes hacer otra conexión.

    Aunque se colgase media hora no influiría para nada: lo único que hay después de eso es el cierre del cuerpo: toda la página ya está cargada.

    PD: No te quejes, que como tenga que “recomendarte” todos los posts relacionados al tema de rendimiento, te hago sufrir ;)

    Friday, 15 de January/2010 @ 21:04

Comentarios cerrados