Probablemente todos hemos notado la mejora en el rendimiento de la nueva web de Google potenciada por “Caffeine”. Una cosa que noté de inmediato es el uso de CSS con iágenes sprites en las nuevas páginas. He investigado el tema y he encontrado que también están usando varios temas basados en sprites con imágenes y, lo más recientemente, el ya famoso juego del 30 aniversario de PacMan también lo usa junto con técnicas avanzadas de CSS y Javascript. Esto se puede ver en su nueva página de resultados, así como en la página de Más productos de Google para los iconos de Google Apps. Está muy en consonancia con los principios detrás de Caffeine, especialmente los tiempos de carga más rápido las páginas, que el nuevo Google tendrá en cuenta a la hora de indexar sus páginas.
Estas son algunas de las imágenes sprite que encontré que Google está utilizando:
Artículos relacionados (en inglés):
- CSS Sprites: Useful Technique, or Potential Nuisance? (tc.eserver.org)
- Google Started Ranking Websites Based on Website Speed (shoutmeloud.com)
- Google Caffeine: A Detailed Test of the New Google (mashable.com)
- A Google Icon Game for Pac-Man’s Birthday (blogoscoped.com)
2 Respuestas a “Google adopta el CSS con imágenes sprites en su nueva web”
Hey, thanks for spotting those. The one in the middle was mine. We recently “upgraded” to a 24bit PNG for the column of sprites, it wasn’t actually a huge file size saving, but we make around 40 less server calls when the page loads, which really helps reduce page latency. I’d recommend spriting to anyone who’s keen to hone their pages.
Thanks for spotting that I spotted those
It’s small details like this that make the web a better place for everyone. Great work BTW, I had a look at your impressive portfolio. We are now working with several partners in the UK, so if you need anything, we’d be glad to assist you.