Google Page Speed: mejorar la velocidad de descarga.

Los sitios web que se cargan rápidamente proporcionan una mejor experiencia de usuario. Reducir los tiempos de carga de nuestras páginas puede reducir el porcentaje de abandonos e incrementar las tasas de conversión y/o ventas.

Google ha completado su gama de optimización del rendimiento con Page Speed Online. Es una herramienta basada en web que permite a los usuarios analizar las páginas en cualquier momento, en cualquier navegador, sin necesidad de descargar una extensión. Analiza el contenido de una página web, a continuación, genera sugerencias para hacer que la página se descargue más rápidamente. También cuenta con Page Speed ​​Móvil, que permite a los desarrolladores analizar su sitio según las especificaciones de un navegador móvil, y recibe sugerencias específicas para la optimización de móviles.

Las sugerencias se dividen en tres grados de prioridad y en una escala de 0 a 100. Evalúan desde el punto de vista del usuario, generalmente medido como el tiempo de carga de la página. Las sugerencias se agrupan en seis categorías que cubren diferentes aspectos de la optimización de carga de la página:

• Optimizar el almacenamiento en la caché.
• Minimizar los tiempos de respuesta.
• Minimizar el gasto de la petición - la reducción de tamaño de subida.
• Minimizar el tamaño de la carga útil.
• Optimización de la prestación del navegador.
• Optimización de móviles.

Las extensiones de Page Speed para navegadores, disponibles para Chrome y Firefox, son la manera más rápida para obtener análisis precisos de rendimiento de nuestras páginas web y obtener sugerencias específicas sobre cómo optimizarlos.

Para los administradores de un Apache™ HTTP Server 2 tiene implementado mod_pagespeed, que mejora el rendimiento de la página de velocidad de forma automática. Los webmasters pueden obtener los beneficios de las optimizaciones manuales sin tener que arreglar los problemas de rendimiento que detecta Page Speed.

Con esta nueva herramienta, que se une a las clásicas GTmetrix o Slowcop, podremos ir avanzando en la mejora de la velocidad de descarga... fiummmmm!!

Huberto Cánovas de Corbax

Optimizar nuestra página web: Browser Size

Google labs ha lanzado recientemente una nueva herramienta para el calculo de la visibilidad de nuestra página web, se llama Browser Size, y  nos ofrece información acerca de la visualización de nuestro sitio web sin necesidad de desplazarse con las barras laterales (scroll). Gracias a los datos obtenidos por Google se sabe qué porcentaje de usuarios es capaz de ver una determinada área de nuestra página web sin usar las barras de desplazamiento en función del  tamaño de la ventana de su navegador.

El funcionamiento de esta utilidad es muy básico, simplemente escribe tu URL, dale a “GO" y ajusta el nivel de opacidad de la plantilla, lo que nos permitirá conocer que proporción de usuarios ve una determinada parte de nuestra web. De esta manera la información facilitada nos permite recolocar los contenidos, enlaces, bloques de Adsense, etc. ofrecidos en nuestra página y así mejorar la experiencia de usuario, la cantidad y calidad de las visitas recibidas.

¿Cómo funciona Google Browser Size?

Browser Size es una visualización de los tamaños de ventana del navegador para las visitas a una página determinada. Por ejemplo, el "90%" significa que aproximadamente el 90% de la gente que visita la página tiene la ventana de su navegador abierta para al menos este tamaño o más grande.

Esto es útil para garantizar que parte importante de la interfaz de usuario de una página es visible para una amplia audiencia. En la página de ejemplo cuando un ítem del menú se inscribe en el contorno del 80% significa que 20% de los usuarios no pueden verlo cuando visitan por primera vez la página. 20% es un número importante, sabiendo este hecho hay que diseñar la página para que pueda ser visto sin necesidad de desplazarse.

Tiene una serie de características interesantes:

• Se puede cambiar la opacidad de la plantilla haciendo clic en las casillas de color gris junto a la palabra "Opacity" en la parte superior de la ventana.
• Al mover el ratón por la ventana, verás un rectángulo transparente, siguiendo el puntero del ratón. Esta característica le permite interactuar normalmente con la página que estás estudiando a pesar de que tiene una superposición gráfica de lo alto.
• Los tamaños representados en este contorno son medidas de área de cliente, el tamaño de la ventana del navegador no. Esto significa que representan el tamaño del navegador sin la barra de título, barras de herramientas, barras de estado, etc, y dar así una representación verdadera de la cantidad de contenido puede ser visto por un segmento particular de la Web utilizando la población.
• Tamaño del navegador: funciona mejor en las páginas web con un diseño fijo alineado a la izquierda. Si el contenido se ajusta la anchura o se centra, entonces los resultados pueden ser engañosos. En este caso, puede obtener resultados más precisos, reduciendo el ancho del navegador a una columna de porcentaje, por ejemplo, 90% y ver si el contenido es inferior del 90% línea horizontal.

Google nos ofrece otras herramientas para mejorar el rendimiento y optimizar el diseño de nuestras páginas:

Google Site Performance, una herramienta experimental para desarrolladores web (en Webmaster Tools) con la que vamos a poder conocer cuanto tiempo tarda en cargar una página y obtener sugerencias acerca de su optimización(reduciendo CSS, peticiones DNS, usando Gzip).

Speed Tracer, que nace como extensión de Chrome y que resulta de interés en la identificación de problemas que afecten al rendimiento a través de gráficas y datos.Google nos ofrece una serie de herramientas para mejorar el rendimiento y optimizar el diseño de nuestras páginas. Aquí puedes ver un tutorial y descargar el complemento.

Parece que Google se ha empeñado en mejorar la calidad de nuestras páginas web.

Fuentes: Desarrolloweb, Google