Page Speed para Chrome

Ya hemos comentado millones de veces que uno de los aspectos más importantes a la hora de posicicionar una web es minimizar el porcentaje de rebote. Para ello, aparte de tener un contenido y diseño atractivo que enganche al visitante, también debemos darle un tiempo de respuesta rápido.

Para mejorar el tiempo de carga de nuestra web existen cientos de aspectos a revisar, que si código optimizado, imágenes optimizadas, poca cantidad de Flash y recargos, mejoras en el caché, accesos rápidos al servidor, etc... Para ello, Google, interesada enormemente en la mejora del posicionamiento de todas las webs, nos brinda una herramienta bastante útil y completa, Page Speed.

Page Speed tiene versiones en modo extensión para los diferentes navegadores, pero también una versión online para realizar el análisis online, pincha aquí. Gracias a su fácil uso, la instalación de esta aplicación se hace necesaria para la correcta labor de los websmaster y administrador de servicios webs.

Para ello, vamos primero con los pasos de la instalación para el navegador Google Chrome:

1. Debemos escribir en nuestro navegador lo siguiente: about:flags.
2. Buscamos la sección API de extensiones experimentales, la habilitamos.
3. Reiniciamos el navegador para terminar la instalación de la extensión.
4. Instalamos el Page Speed en el navegador mediante este enlace: https://clients2.google.com/service/update2/crx?response=redirect&x=id%3Dgplegfbjlmmehdoakndmohflojccocli%26uc
5. Dejamos que se instale en Chrome y cuando esté vamos a Herramientas>Herramientas de desarrolladores y lo tendremos disponible en los iconos de la parte superior. 

Para instalar Page Speed en Firefox es aún más sencillo, descargamos el paquete con el programa, damos permiso al navegador para poder instalar la aplicación y ya está instalado y disponible después de reiniciar el navegador.

Después de la instalación pasemos a ver su fácil uso. Introducimos la URL de la web a analizar, vamos a las Herramientas de desarrolladores, seleccionamos la aplicación Page Speed, le damos a Run Page Speed, habiendo previamente seleccionado la parte a analizar de la web, ya sea la web entera, los anuncios, el contenido o los trackers. Y en cuestión de segundos, los resultados, la valoración basada en una escala de 0 a 100 y los detalles de las variables que toma para hacer dicha valoración.

Debajo de cada error, sugerencia o resultado, un amplio resumen de lo valorado. Por ejemplo, mala optimización de imágenes, la propia aplicación nos dice que imágenes tenemos que mejorar, lo mismo ocurre con el resto de sugerencias, ya sean redireccionamientos, caché, código CSS o JavaScript, etc...

Comprime archivos en tu web

Porcentaje de rebote es uno de los términos más temidos por los administradores de webs. Todos ellos saben que cuanto menor sea este mejor, pues es un claro factor de conformidad de los visitantes de nuestra web, por lo que influye directamente en el posicionamiento.

Tal vez, uno de los mayores promotores de un aumento del porcentaje de rebote sea la espera del usuario al entrar en una web. Es desesperante ver como una web tarda una eternidad en cargar, o carga a medias. Por eso, el primer paso hacia una buena web, es tener un acceso y una descarga rápida de los elementos que posee la página.

Ahora es cuando aparecen dos términos relacionados con lo anterior, comprimir y optimizar. Comprimir para que los archivos tarden lo menos posible en descargarse del servidor y optimizar para que la lectura de los componentes sea rápida y provoque una gran satisfacción en el visitante.

Existen muchas herramientas en internet para comprimir y optimizar código. Algunas mejores y algunas devastadoras, que dejan nuestro código con peso pluma, pero sin respetar codificaciones o estándares. Por eso hay que tener cuidado y saber que se está haciendo.

Sepas o no algo de programación web, sobre todo Javascript y CSS, algunas de las siguientes herramientas te pueden echar una mano para mejorar y acelerar la carga de tu web:

• ZBugs: Fácil de usar, introducimos la URL de nuestra web, esperamos unos segundos y nos dará una       rápida respuesta en forma de archivos de Javascript y hojas de estilo de CSS comprimidos y optimizados.
• CleanCSS: No tan simple en el uso, pero no requiere gran cualificación. Copiamos nuestro código de CSS, o introducimos la URL donde la stylesheet se encuentra, procesamos dicho archivo y tendremos un código limpio de CSS.
• ProCSSor: Otra herramienta destinada a las hojas de estilo de CSS, más completa, pues nos da la opción de copiar el código, subir el archivo indicado e incluso de introducir la URL de la web para que el mismo se ocupe de tratarlo.
• Packer: Herramienta destinada a la parte de código Javascript. Copiamos todo el código de JS que queremos optimizar, le dejamos hacer su trabajo y tendremos un código Javascript menos pesado para nuestra web.

Aunque todas estas herramientas online están testadas personalmente y por cientos de usuarios, nunca viene de más revisar el código resultante de la trasformación, pues nunca se sabe donde pueden cometer errores que más tarde pueden dificultar la accesibilidad de nuestra web.

Una manera de validar que los códigos transformados son coherentes y no incumplen ninguna de las normas y estándares, es comprobarlo con el servicio de validación de CSS de W3C, que nos encontrará fallos y errores que tendremos que comprobar para la correcta indexabilidad y funcionalidad de la web.

Onavo, gasta menos tarifa de datos

Después de leer en el blog de Martín Varsavsky sobre esta nueva aplicación capaz de comprimir los datos que enviamos o recibimos, me decidí a probarla en mi iPhone. Busqué en la AppStore, esperando saber el precio de Onavo, pero mi sorpresa fue inmensa cuando descubrí que la aplicación estaba de promoción, siendo gratis por el momento.

Después de instalarla y ejecutarla, pasando por el proceso de dar de alta en el servicio un correo personal, se procede a activarla, un proceso prácticamente automático, en el que aparecerá la pantalla de ajustes y tendremos que seguir las correspondientes instrucciones.

Después de terminar todo este proceso inicial, ya tendremos instalado y funcionando Onavo. Al principio, al ejecutar la aplicación no veremos más que una pantalla en la que nos insta a meternos de nuevo en la aplicación para ver nuevos avances sobre los datos que vamos ahorrando. Para hacer la prueba de los datos ahorrados, podemos hacer uso de aplicaciones que necesiten conexión a datos, después de haberlas estado usando un rato, comprobamos que la cantidad de tráfico ahorrado va aumentando, además, la aplicación nos ilustra en una pequeña barra, situada en la parte inferior, con la que nos indica el porcentaje de tráfico que hemos ahorrado.

Lo bueno de la aplicación es la facilidad que tiene de uso, simplemente instalar, dar de alta y ejecutarla, no necesitamos hacer nada más, pues la aplicación trabaja fuera del ojo, es decir a modo background, nosotros no nos enteramos de nada y ella se dedica a comprimir datos de navegación. No hace falta saber que cuando tenemos conectado el WiFi, la aplicación se queda pausada esperando una nueva conexión 3G, EDGE, etc... para ponerse a trabajar de nuevo.

Aprovechar a usarla ahora, pues como las compañías telefónicas se enteren...