Estudio sobre velocidad web en portales turísticos. Un estudio de Velozity.net

Transcripción

1 Estudio sobre velocidad web en portales turísticos Un estudio de Velozity.net

2 La importancia del tiempo de carga web 2 Sólo 1 segundo de retraso en el tiempo de carga de una página provoca una caída del 7% en el número de conversiones, un 11% en el de páginas vistas y una bajada del 16% en la satisfacción del cliente.

3 Qué conseguimos mejorando la velocidad web? 3 Más conversiones: ventas, formularios de contacto, páginas por visita, etc. Dar mejor servicio al usuario y mejorar su experiencia = mayor engagement. Mejor posicionamiento natural en buscadores. Los usuarios premian la rapidez, los buscadores también. Mejorar el Quality Score de nuestras campañas en Adwords.

4 Factores que influyen en la velocidad web 4 Número de elementos/archivos Peso Peso total de la página (kb) Peticiones Número de imágenes Peso de las imágenes (kb) Número de Javascripts

5 Destinos turísticos del estudio 5 Países europeos Comunidades autónomas Ciudades europeas Alemania Andalucia Amsterdam Austria Aragón Barcelona Bélgica Canarias Berlín Dinamarca Cantabria Bilbao España Castilla-La Mancha Lisboa Finlandia Castilla y León Londres Francia Catalunya Madrid Gran Bretaña Comunidad de Madrid París Grecia Comunidad Foral de Navarra Roma Holanda Comunitat Valenciana Sevilla Irlanda Euskadi Valencia Italia Extremadura Varsovia Luxemburgo Galicia Viena Portugal Illes Balears Suecia La Rioja Principado de Asturias Región de Murcia

6 Factores principales: datos de los destinos 6 Peso total Peso imágenes Peticiones Muy elevado 25% Elevado 25% Normal 25% Bajo 25% > kb entre y kb entre 872 y kb 2.275kB kb 872 kb > kb entre 796 y kb entre 525 y 796 kb kb 796 kb 525kB > 132 entre 116 y % con Entre < 75 y ,25 kb < 872 kb < 525 kb <

7 Peso (kb) - Webs de países 7 Países opt.be (Bélgica) visitsweden.com visitluxembourg.com visitgreece.gr discoverireland.com visitdenmark.dk visitfinland.com holland.com italia.it germany.travel austria.info spain.info franceguide.com visitbritain.com visitportugal.com

8 Peso (kb) - Webs de CC.AA. 8 Comunidades autónomas turismodecanarias.com lariojaturismo.com turismocastillalamancha.com andalucia.org comunitatvalenciana.com turismodecantabria.com turismoextremadura.com catalunya.com turgalicia.es turismomadrid.es turismodearagon.com/web turismo.navarra.es/esp/home turismocastillayleon.com murciaturistica.es illesbalears.es asturias.es/portal/site/infoasturias

9 Peso (kb) - Webs de ciudades 9 Ciudades iamsterdam.com visitlisboa.com barcelonaturisme.com wien.info esmadrid.com turismoroma.it visitlondon.com turisvalencia.es turismosevilla.org es.parisinfo.com warsawtour.pl bilbao.net/bilbaoturismo

10 Nº de peticiones Webs de países 10 Países opt.be discoverireland.com holland.com visitdenmark.dk visitluxembourg.com visitsweden.com visitgreece.gr italia.it germany.travel spain.info franceguide.com visitfinland.com visitbritain.com austria.info visitportugal.com

11 Nº de peticiones Webs de CC.AA. 11 Comunidades autónomas turismodecantabria.com turismomadrid.es turismocastillayleon.com turismocastillalamancha.com lariojaturismo.com turismodecanarias.com andalucia.org comunitatvalenciana.com turismo.navarra.es/esp/home illesbalears.es asturias.es/portal/site/infoasturias turgalicia.es catalunya.com murciaturistica.es turismodearagon.com/web turismoextremadura.com

12 Nº de peticiones Webs de ciudades 12 Ciudades iamsterdam.com esmadrid.com es.parisinfo.com visitlisboa.com visitlondon.com barcelonaturisme.com turisvalencia.es turismoroma.it warsawtour.pl wien.info turismosevilla.org bilbao.net/bilbaoturismo

13 Google Score turgalicia.es visitportugal.com turismodecanarias.com turismocastillalamancha.com visitlisboa.com lariojaturismo.com visitdenmark.dk andalucia.org austria.info catalunya.com turismocastillayleon.com barcelonaturisme.com spain.info comunitatvalenciana.com murciaturistica.es es.parisinfo.com turisvalencia.es wien.info asturias.es/portal/site/infoasturias turismo.navarra.es/esp/home bilbao.net/bilbaoturismo turismodearagon.com/web illesbalears.es esmadrid.com turismo.euskadi.net/es germany.travel iamsterdam.com turismoextremadura.com warsawtour.pl italia.it visitgreece.gr visitsweden.com turismodecantabria.com franceguide.com turismosevilla.org visitlondon.com visitberlin.de holland.com turismoroma.it turismomadrid.es opt.be visitluxembourg.com visitfinland.com visitbritain.com discoverireland.com Google Score: esta variable mide cuán optimizada está la página para su contenido, no la cantidad de contenido (sobre 100).

14 Los cuellos de botella más frecuentes 14 Aprovechamiento del ancho de banda (%) Si aprovechas el ancho de banda: compresión de imágenes y de archivos de código/texto Antes de considerar las técnicas de compresión, las prioridades son optimizar el código web y el rendimiento front end % % % En esta situación recomendamos combinar técnicas de compresión y optimización del código web

15 Peso de las páginas analizadas. Promedio 15 Distribución del peso de la página 13% 26% 61% Peso imágenes Peso archivos de código/texto Otros En las próximas diapositivas veremos cómo optimizar las principales partes de la web: imágenes y archivos de código/texto.

16 Peso (kb) Compresión GZip 16 Los archivos que contienen código o texto son: Uso de la compresión de textos. 25% HTML Javascripts CSS 75% 500 Disminución de archivos de código /texto Sí No Peso archivos sin optimizar Peso archivos tras la optimización Comprimiendo este tipo de archivos conseguimos reducir su peso un 36,90%. Y respecto el promedio del peso total de la web, un 10,56%.

17 Peso (kb) Compresión de imágenes ,6% -34,14% Peso original Compresión sin pérdida Compresión con pérdida (conservadora) Compresión sin pérdida de calidad: ahorro pequeño pero sin alterar el nivel de calidad, a tener en cuenta (barra azul). Compresión con perdida de calidad (conservadora): reducción de peso muy notable, y buena calidad (barra verde). Reducción combinada: aplicando las dos técnicas, reducción del 39,8% respecto el promedio del peso de imágenes. Respecto el total de la web: con ambas técnicas conseguimos reducimos el peso promedio de la web un 24,13%.

18 First Byte & Fully Loaded 18 First Byte Percentil 75 Mediana Percentil ,2 0,4 0,6 0,8 1 1,2 1,4 Tiempo (s) First Byte: tiempo (s) desde el comienzo de la navegación inicial hasta que el primer byte de la página base es recibido por el navegador. Tiempos altos indican problemas de back end (CMS, BBDD, etc.) Tiempo de carga Tiempo de carga (Fully Loaded): tiempo (s) en que se ha cargado la página por completo. Percentil 75 Mediana Percentil Tiempo (s)

19 Reducción de peso sin perder contenido 19 opt.be (Bélgica) visitsweden.com visitluxembourg.com visitgreece.gr discoverireland.com visitdenmark.dk visitfinland.com holland.com italia.it germany.travel austria.info spain.info franceguide.com visitbritain.com visitportugal.com Países

20 Reducción de peso sin perder contenido (II) 20 turismodecanarias.com lariojaturismo.com turismocastillalamancha.com andalucia.org comunitatvalenciana.com turismodecantabria.com turismoextremadura.com catalunya.com turgalicia.es turismomadrid.es turismodearagon.com/web turismo.navarra.es/esp/home turismocastillayleon.com murciaturistica.es illesbalears.es asturias.es/portal/site/infoasturias Comunidades autónomas

21 Reducción de peso sin perder contenido (III) 21 Ciudades visitberlin.de iamsterdam.com visitlisboa.com barcelonaturisme.com wien.info esmadrid.com turismoroma.it visitlondon.com turisvalencia.es turismosevilla.org es.parisinfo.com warsawtour.pl bilbao.net/bilbaoturismo

22 Conclusiones 22. Google recomienda tiempos de carga inferiores a 2s. Pero para las características de las webs turísticas, consideramos razonable un tiempo de referencia de entre 4 y 8 s (con 1,5Mb de ancho de banda). Sólo una de las webs analizadas utiliza CDN. Es una opción a tener en cuenta si el objetivo es ofrecer un buen servicio en mercados lejanos, y muy especialmente en mercados emergentes con más dificultades de conexión. Sólo hemos considerado técnicas de compresión, pero existen muchos otros métodos que permiten optimizar nuestra web. El uso combinado de las distintas técnicas permite obtener resultados mucho mejores que los aquí mostrados.

23 Quieres mejorar la velocidad de tu web? 23 Las técnicas de compresión constituyen sólo una parte de la optimización web. Se pueden conseguir mejoras superiores analizando y trabajando en cada caso particular. Quieres mejorar el tiempo de carga de tu web? alex@lamagnetica.com Un servicio de