{"id":1669,"date":"2014-07-03T09:21:52","date_gmt":"2014-07-03T09:21:52","guid":{"rendered":"https:\/\/www.lamagnetica.com\/aceleracion-web-y-mejora-de-los-indicadores-cualitativos-de-visita-un-caso-de-estudio\/"},"modified":"2023-01-24T07:45:08","modified_gmt":"2023-01-24T07:45:08","slug":"aceleracion-web-y-mejora-de-los-indicadores-cualitativos-de-visita-un-caso-de-estudio","status":"publish","type":"post","link":"https:\/\/www.lamagnetica.com\/es\/blog\/aceleracion-web-y-mejora-de-los-indicadores-cualitativos-de-visita-un-caso-de-estudio\/","title":{"rendered":"Aceleraci\u00f3n web y mejora de los indicadores cualitativos de visita. Un caso de estudio."},"content":{"rendered":"<p>La <a title=\"Mejorar Velocidad Web\" href=\"http:\/\/www.lamagnetica.com\/es\/que-hacemos\/\">mejora de velocidad web<\/a> o <strong>WPO<\/strong> (<a title=\"Web Performance Optimization\" href=\"http:\/\/www.lamagnetica.com\/es\/que-hacemos\/\"><strong>Web Performance Optimization<\/strong>)<\/a> tiene dos beneficios fundamentales:<\/p>\n<p><!--more--><\/p>\n<ul>\n<li>Mejorar los indicadores cualitativos de tr\u00e1fico: disminuci\u00f3n del rebote, aumento del promedio de p\u00e1ginas por visita, aumento de conversiones.<\/li>\n<li>Mejorar el\u00a0posicionamiento en Google (SEO)<\/li>\n<\/ul>\n<p>Acerca de la mejora SEO, el estudio\u00a0de\u00a0<strong><a title=\"search-ranking-factors\" href=\"http:\/\/moz.com\/search-ranking-factors\" target=\"_blank\" rel=\"noopener\">Moz<\/a><\/strong>, que analiza la correlaci\u00f3n entre el posicionamiento de una web y diferentes caracter\u00edsticas de \u00e9sta, establece una <strong>fuerte correlaci\u00f3n negativa entre el tiempo de carga y el posicionamiento<\/strong>. La correlaci\u00f3n es de -0,1 por cada segundo adicional. Como referencia, el factor que m\u00e1s influye tiene una correlaci\u00f3n de 0,39. Si tenemos en cuenta que el factor del <strong>tiempo de carga<\/strong> est\u00e1 referido a cada segundo adicional, podemos ver que \u00e9ste se ha convertido en <strong>uno de los principales factores del algoritmo de Google.<\/strong><\/p>\n<p>En este post queremos centrarnos en el otro efecto de WPO: la mejora en la calidad de las visitas, y queremos hacerlo con un caso real.<\/p>\n<h2 class=\"LMSubTit2\"><strong>Mejoramos la velocidad web<\/strong><\/h2>\n<p>Trabajamos con las 15 webs del Grupo <a title=\"Ortodoncis, cl\u00ednicas de ortodoncia invisible\" href=\"http:\/\/www.ortodoncis.com\/\" target=\"_blank\" rel=\"noopener\">Ortodoncis<\/a>, para las\u00a0 cuales hemos definido un proyecto de mejora de velocidad web en dos fases. En la primera hemos abordado caches de usuario y de servidor, compresi\u00f3n de archivos de c\u00f3digo y desarrollo de un plugin para que cada cl\u00ednica pueda vaciar manualmente su cache cuando a\u00f1ade nuevas p\u00e1ginas, sin que ello afecte al cache de las dem\u00e1s. En la segunda fase abordaremos la compresi\u00f3n de im\u00e1genes.<\/p>\n<p>\u00c9stos son los resultados obtenidos en la primera fase respecto a las tres medidas fundamentales de la carga de la web:<\/p>\n<p><strong><i>First byte<\/i>:<\/strong> el momento en que el navegador empieza a recibir el HTML elaborado y enviado por el servidor. A partir de ese momento el navegador puede empezar a detectar las im\u00e1genes, scripts, etc. que le hacen falta y empezar a descargarlos del servidor.<\/p>\n<a href=\"https:\/\/www.lamagnetica.com\/wp-content\/uploads\/2021\/08\/first-byte2-1.png\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-4114 size-full\" title=\"first-byte: tiempo de carga en segundos antes y despu\u00e9s del trabajo WPO\" src=\"https:\/\/www.lamagnetica.com\/wp-content\/uploads\/2021\/08\/first-byte2-1.png\" alt=\"first-byte: tiempo de carga en segundos\" width=\"577\" height=\"211\" \/><\/a>\n<p>La mayor parte de este tiempo es dedicado por el servidor a ejecutar el PHP (el lenguaje en el que est\u00e1n escritas la mayor parte de las p\u00e1ginas web din\u00e1micas) y construir el HTML de la p\u00e1gina solicitada. En p\u00e1ginas con muchas llamadas a base de datos como esta, y con gestores de contenidos basados en PHP\/MySQL como <strong>WordPress<\/strong>, <strong>Drupal<\/strong>, <strong>Joomla<\/strong>, <strong>Prestashop<\/strong> o <strong>Magento<\/strong>, \u00e9ste suele ser uno de los puntos cr\u00edticos.<\/p>\n<p class=\"LMTexto\">Hemos conseguido una <strong>mejora de cerca del 80% en el tiempo de carga del first byte<\/strong>.<\/p>\n<p><strong><i>Start render<\/i>:<\/strong> el momento en que la p\u00e1gina se empieza a mostrar. Es muy importante desde el punto de vista psicol\u00f3gico. Entre dos p\u00e1ginas que tardan m\u00e1s o menos lo mismo, nos parecer\u00e1 m\u00e1s r\u00e1pida aquella en la que \u201cpasan cosas\u201d, aquella en la que vemos mostrarse antes los primeros elementos y evolucionar.<\/p>\n<p class=\"LMTexto\"><a href=\"https:\/\/www.lamagnetica.com\/wp-content\/uploads\/2021\/08\/start-render2-1.png\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-4117 size-full\" title=\"start-render: tiempo de carga en segundos antes y despu\u00e9s del proyecto de aceleraci\u00f3n web\" src=\"https:\/\/www.lamagnetica.com\/wp-content\/uploads\/2021\/08\/start-render2-1.png\" alt=\"start-render: tiempo de carga en segundos\" width=\"575\" height=\"208\" \/><\/a><\/p>\n<p><strong><i>Document complete<\/i>:<\/strong> carga completa<\/p>\n<a href=\"https:\/\/www.lamagnetica.com\/wp-content\/uploads\/2021\/08\/document-complete1-1.png\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-4113 size-full\" title=\"document-complete: tiempo de carga en segundos antes y despu\u00e9s de trabajo WPO\" src=\"https:\/\/www.lamagnetica.com\/wp-content\/uploads\/2021\/08\/document-complete1-1.png\" alt=\"document-complete: tiempo de carga en segundos\" width=\"578\" height=\"207\" \/><\/a>\n<p class=\"LMTexto\"><strong>Disminuimos entre un 50 y un 80% el tiempo de carga en los tres indicadores fundamentales<\/strong><\/p>\n<p class=\"LMTexto\"><a href=\"https:\/\/www.lamagnetica.com\/wp-content\/uploads\/2021\/08\/porcentaje-en-disminucion-de-tiempo1-1.png\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-4115 size-full\" title=\"Porcentaje en disminuci\u00f3n de tiempo despu\u00e9s del trabajo de Web Performance Optimization WPO\" src=\"https:\/\/www.lamagnetica.com\/wp-content\/uploads\/2021\/08\/porcentaje-en-disminucion-de-tiempo1-1.png\" alt=\"porcentaje-en-disminuci\u00f3n-de-tiempo\" width=\"514\" height=\"233\" \/><\/a><\/p>\n<p>En este caso las webs son mantenidas por los equipos de las 15 cl\u00ednicas de Ortodoncia que no disponen de departamento web exclusivo. Eso hay que tenerlo en cuenta a la hora de optimizar, y hay que llegar a una soluci\u00f3n efectiva y que al mismo tiempo sea s\u00f3lida y no se vea alterada por las actualizaciones del cliente. Hay optimizaciones que permiten grandes resultados en webs no actualizadas, pero que caen en picado cuando el cliente la actualiza sin seguir complejos protocolos. El enfoque elegido para desarrollar un proyecto WPO ha de tener en cuenta las caracter\u00edsticas del cliente y la actualizaci\u00f3n y variedad de contenido.<\/p>\n<p>En este momento la web aprovecha aproximadamente el 70% del ancho de banda de las descargas (anteriormente estaba por debajo del 40%), y cuando se realice la segunda fase del proceso se conseguir\u00e1n nuevas mejoras:<\/p>\n<p>Disminuci\u00f3n de peso<\/p>\n<ul>\n<li>Aumento del aprovechamiento del ancho de banda<\/li>\n<li>Que provocar\u00e1n una reducci\u00f3n adicional del tiempo de carga. Estimamos que ser\u00e1 superior al 30% sobre los tiempos actuales. El trabajo sobre las im\u00e1genes no influye en el first byte, pero s\u00ed tiene un impacto importante en el tiempo de carga de la p\u00e1gina completa.<\/li>\n<\/ul>\n<h2 class=\"LMSubTit2\"><strong>Mejoramos la calidad de las visitas<\/strong><\/h2>\n<p class=\"LMTexto\">Comparamos los <strong>indicadores b\u00e1sicos de calidad de la visita y de satisfacci\u00f3n del usuario<\/strong>: porcentaje de rebote, p\u00e1ginas por visita. No tomamos el tiempo medio de visita (que tambi\u00e9n aumenta) porque su variaci\u00f3n es la suma de dos factores: m\u00e1s tiempo de permanencia en la web, menos tiempo entre p\u00e1gina y p\u00e1gina.<\/p>\n<p class=\"LMTexto\">La comparaci\u00f3n la hemos hecho con los mismos meses del a\u00f1o anterior y normalizando las aportaciones de los distintos dispositivos \u2013ordenador, tablet, m\u00f3vil- para tener unos resultados fiables.<\/p>\n<p class=\"LMTexto\">Los resultados del an\u00e1lisis muestran una <strong>mejora clara en el n\u00famero de p\u00e1ginas por visita y en el tiempo de rebote.<\/strong><\/p>\n<p class=\"LMTexto\"><a href=\"https:\/\/www.lamagnetica.com\/wp-content\/uploads\/2021\/08\/resultado-de-las-mejoras-1.png\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-4116 size-full\" title=\"Despu\u00e9s del proyecto WPO: disminuye el porcentaje de rebote y aumenta el n\u00famero de p\u00e1ginas vistas por visita\" src=\"https:\/\/www.lamagnetica.com\/wp-content\/uploads\/2021\/08\/resultado-de-las-mejoras-1.png\" alt=\"resultado-de-las-mejoras\" width=\"426\" height=\"219\" \/><\/a><\/p>\n<p class=\"LMTexto\">Una <strong>disminuci\u00f3n del 7,7% en el porcentaje de rebote<\/strong> es un resultado importante y es, en gran parte lo que explica la mejora del promedio de p\u00e1ginas por visita. En una tienda online o una web de reservas tur\u00edsticas, esta mejora se transforma pronto en un incremento en las ventas.<\/p>\n<p class=\"LMTexto\">En webs como las de las cl\u00ednicas de ortodoncia <strong>con visitas m\u00e1s largas tenemos mayor oportunidad de defender nuestro discurso comercial<\/strong>, <strong>mejoramos la percepci\u00f3n del usuario<\/strong> (calidad), y en definitiva <strong>conseguimos m\u00e1s contactos de pacientes potenciales.<\/strong><\/p>\n<p class=\"LMTexto\">Si quieres saber m\u00e1s sobre WPO (<a title=\"Web Performance Optimization\" href=\"http:\/\/www.lamagnetica.com\/es\/que-hacemos\/\">Web Performance Optimization<\/a>) y velocidad de carga visita <a title=\"Web Performance Optimization\" href=\"http:\/\/www.velozity.net\/es\/web-performance-optimization\/\" target=\"_blank\" rel=\"noopener\">velozity.net<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>La mejora de velocidad web o WPO (Web Performance Optimization) tiene dos beneficios fundamentales: mejorar los indicadores cualitativos de tr\u00e1fico: disminuci\u00f3n del rebote, aumento del promedio de p\u00e1g<\/p>\n","protected":false},"author":1,"featured_media":2191,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[5],"tags":[],"class_list":["post-1669","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-sin-categorizar"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.lamagnetica.com\/es\/wp-json\/wp\/v2\/posts\/1669","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.lamagnetica.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.lamagnetica.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.lamagnetica.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.lamagnetica.com\/es\/wp-json\/wp\/v2\/comments?post=1669"}],"version-history":[{"count":2,"href":"https:\/\/www.lamagnetica.com\/es\/wp-json\/wp\/v2\/posts\/1669\/revisions"}],"predecessor-version":[{"id":3660,"href":"https:\/\/www.lamagnetica.com\/es\/wp-json\/wp\/v2\/posts\/1669\/revisions\/3660"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.lamagnetica.com\/es\/wp-json\/wp\/v2\/media\/2191"}],"wp:attachment":[{"href":"https:\/\/www.lamagnetica.com\/es\/wp-json\/wp\/v2\/media?parent=1669"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.lamagnetica.com\/es\/wp-json\/wp\/v2\/categories?post=1669"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.lamagnetica.com\/es\/wp-json\/wp\/v2\/tags?post=1669"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}