Tutorial WPO: ¿Qué es y por qué utilizarlo?
En este tutorial veremos cómo mejorar el tiempo de carga de nuestro sitio web optimizando el front-end.
Plan de vuelo:
- WPO: ¿Qué es y por qué utilizarlo?
- Optimizando el Front-end I
- Optimizando el Front-end II
- Optimizando el Front-end III
Si estás familiarizado con el diseño y desarrollo web es posible que hayas leído en más de una ocasión las siglas WPO (del inglés Web Performance Optimization o en español optimización del Tiempo de carga de la web).
En definitiva, WPO o Web Performance Optimization es el proceso de optimización de sitios web tanto a nivel usuario como a nivel servidor para reducir el tiempo de carga del mismo.
WPO es similar al SEO en términos de que optimizar el tiempo de carga genera mayor tráfi co hacia tu sitio web. Sin embargo, WPO no termina ahí. Existe clara evidencia de que WPO mejora, además, la experiencia de usuario, aumenta las ganancias y reduce costos operativos.
– Steve Souders, encargado del equipo de WPO en Google
Como véis, desde Google dan ciertas indicaciones de que, efectivamente, el WPO es importante para el posicionamiento en buscadores.
Pero… ¿Cómo optimizar el tiempo de carga de un sitio web? ¿Por dónde empezar? ¿Por qué aplicar WPO? Tranquilo, vamos poco a poco.
¿Por qué aplicar WPO?
Podría explicarte muchas cosas para intentar convencerte de lo importante que es el tiempo de carga de un sitio web para la conversión de las visitas, pero mejor te voy a dar datos reales que algunas de las empresas más grandes han experimentado:
- Según Bing, una página dos segundos más lenta resulta en una reducción del 4,3% por usuario. Sí, por usuario.
- Yahoo, por otro lado, explica que 400 milisegundos (sí, 0,4 segundos) de demora en la carga de su sitio web implica una pérdida entre el 5 y el 9% en toda la página.
- El gigante Google explica que esos 400 milisegundos generan una bajada del 0,59% de búsquedas por usuario y, recordemos, las pérdidas por impresión de publicidad correspondientes.
- Amazon, para no dar datos sólo de empresas relacionadas con las búsquedas, pierde el 1% de sus ventas con tan sólo una demora de 100 milisegundos en el tiempo de carga de su sitio web. Unos cuantos millones si echamos cuentas.
Pero no todo es malo, también hay empresas que han notado mejorías al aplicar WPO sobre su sitio web:
- La fundación Mozilla aplicó WPO sobre su página de descargas (rebajó el tiempo de carga en 2,2 segundos) e incrementó el número de estas en un 15,4%.
- Google Maps, aligeró los ficheros que conformaban la página reduciéndolos en un 30% y la consulta se incrementó en un 30%.
Netfix, sólo con habilitar la compresión Gzip hizo que su web fuese entre el 13 y el 25% más rápida; redujo el volumen de su tráfico a la mitad.
Hola Dario, estupenda entrada, muy bonita.
Me ha parecido muy interesante, espero ver tus próximas entradas pronto.
Me alegra que te haya gustado, es un tutorial que tengo pensado ir haciendo poco a poco. Mantente al día de nuestras publicaciones para más entradas como esta.
Saludos.
muy interesante ,buen contenido diste en el clavo . me ayudò a entender la performance.