 El siguiente ponente, Carlos Longarera, es un gran amigo de la comunidad de WordPress, especial de la ponte Workamp, porque es organizador de muchas cosas, es desarrollador barken, amante del código libre, especial de WordPress. Es responsable de Taverna, WP, desarrollador, respecto en Codable. En su ponencia, WPO, mal entendido, nos demostrará que los números de las estadísticas del WPO, por sí solos, no sirven para nada y que deben siempre ir acompañados de lo que es experiencia de usuario. Y en el caso de Carlos, yo también a nivel personal, agrego, porque claro, para mí Carlos es un gran amigo, fue mi primera Workamp. De hecho, lo conocí en ese viaje y de verdad que estoy profundamente orgulloso, no solamente el apoyo y el cariño que siempre nos da, sino el que esté aquí presentando una charla en la Workamp de Pontevedra. Así que, Carlos, cuando quieras. Ay, gracias. Gracias, Guajari. Hola a todos. Bienvenidos. Bueno, me ha quedado un papel muy bonito, después de detallado. Va a llamar Roma, habéis dejado. Vamos a ver. Como decía, Guajari, voy a ver si os puedo explicar un poco lo que es el WPO, mal entendido. Bueno, ya me ha presentado Guajari, soy Carlos Longarela, me podéis encontrar en mi perfil de WordPress, mi perfil de Codewall en Twitter o en mi página web, que es taberno WP. Y aquel soy yo, bueno, era yo, evidentemente, el tiempo va pasando y eso fue en la primera Workamp de aquí de Pontevedra, esa foto. La importancia del WPO. Fijaros si es importante el WPO que hay en esta Workamp, hay varias charlas sobre el WPO. Incluso hay dos simultáneas. Si habéis mirado el programa, o si lo miráis ahora mismo, podéis buscar ahí y veréis que en alguna hora hay dos charlas simultáneas del WPO. A lo mejor no ponen directamente el WPO en el título, pero volveremos a hablar sobre esto dentro de un poquito. Vamos a empezar definiendo qué es el WPO. El WPO son las siglas en inglés de Web Performance Optimization. Como veis, mi inglés no es muy de Cambridge, con lo cual, aunque tengo la definición en inglés, que es donde la he quitado, os la voy a leer en español, que se me da un poquito mejor. Y la definición, según la Wikipedia de WPO, es el rendimiento web se refiere a la velocidad con que las páginas web se descargan y se muestran en el navegador del usuario. La optimización del rendimiento web, o RWP por sus siglas en castellano, que siempre solemos utilizarlas del inglés, o la optimización de sitios web es el campo de conocimientos sobre el aumento del rendimiento web. Bien, todos los que ya conozcáis previamente el WPO, supongo que más o menos estaréis de acuerdo con esta definición. No veo mucho, ahora, lo estaba reflejando. ¿Estáis de acuerdo con esta definición? ¿Creéis que es algo totalmente diferente? Bien. Ante la ausencia de respuesta, supongo que sí, que estáis de acuerdo, ¿vale? Continuamos, entonces. Esta es una captura de pantalla de una herramienta donde medimos rendimientos. Tenemos en la parte superior el rendimiento que nos da en mobile, bueno, en móvil, abajo en ordenador, un 98, un 100, es de una web de un cliente. Supongo que habréis visto capturas de este tipo un montón de veces. Y siempre que hablamos de WPO de rendimiento, vemos esta serie de mediciones. Aquí tenemos otra medición de otro cliente, una web similar también del mismo sector, donde tenemos un puntito más en móvil. Llegamos al 99 y en escritorio tenemos 100. Pero aún así, veis que no alcanzamos el total, el 100 en móvil, el 100 en escritorio. Esto es lo que quiere todo el mundo, alcanzar ese 100 en 100. ¿Cómo lo conseguimos? El gran Fernando Tejado, que acaba de dar una charla, ahora mismo, tiene un vídeo, una entrada en su blog y un vídeo en YouTube, porque aparte de bloguero, también es youtuber, Tejado. Y bueno, al final de la presentación, tenéis los enlaces de diversas cosas, tenéis enlace a esta entrada. Seguro que muchos ya la conoceréis, ya la habréis visto, porque Tejado, todo lo que publica, evidentemente, es muy conocido. Pero lo que nos dice es, consigue 100 en 100, es decir, el 100 en móvil y el 100 en escritorio, en Google, Payspeed Insights, en solo un segundo. Bien, aunque os recomiendo que veáis esta charla, bueno, este vídeo, perdón, os lo voy de estripar un poco, os voy a hacer spoiler. Si os fijáis aquí, en las anteriores, veamos la captura de mobile, la tenía un poco difuminada para que no se viese la web. Lo primero que nos enseña es la de mobile. Si veis esta captura, veis que está totalmente en blanco la parte de mobile y tiene ahí unas líneas en negro. La manera de conseguir este 100 en mobile y también en escritorio es abriendo un archivo de PHP de nuestra instalación de WordPress y quitándole un punto y coma final. No me acuerdo si hacía eso exactamente o si era de otra manera, pero lo que hacemos es provocar un error en PHP y eso es lo que nos dice ahí en esas líneas en negro. De hecho, esto nos lo dice si tenemos activado el debug, si no nos aparecerá simplemente una página en blanco. ¿Qué estamos haciendo provocando un error de PHP? A partir de ahí le falta algo, le falta algo en la codificación. A partir de ahí no carga más HTML, solo esas líneas, no carga imágenes, no carga CSS, no carga JavaScript, no nos carga nada de Facebook, de Twitter, de medición, de Analytics, no carga nada. Tenemos una página en blanco. Pero eso que rendimiento nos da 100. Perfecto. Estamos perfecto en rendimiento al máximo. El resultado, evidentemente, es otro distinto. De todas formas, aunque os lo he destripado, vece el vídeo porque es muy interesante. Y las capturas que os enseñé antes con el 98, con el 99, esta que está utilizando aquí, tellado también en la medición, están hechas con estas mediciones que son las Core Web Vitals. Y de acuerdo a un estudio del avance web ranking, en que analizaron las Core Web Vitals, las métricas de alrededor de 3 millones de sitios web, solo el 39% de los sitios web analizados pasaban las métricas de las Core Web Vitals. Con esta pequeña cantidad de webs del mercado, que están pasando lo que son casi los estándares hoy en día para las métricas, que son las Core Web Vitals, desde luego hay una clara ventaja en invertir en performance. ¿Qué es performance? Optimización. Pero os voy a contar una pequeña historia. Voy a parar un poquitín. Esta imagen, aquí veis un montón de billetes. Nos voy a enseñar a ganar todo este montón de billetes, porque a lo mejor con toda esta cantidad, podríais compraros un café. Simplemente, bueno. Hace unos meses empecé a preparar un viaje, iba con la familia, con mi mujer y con mi hija. Nos íbamos a ir de viaje de vacaciones este verano. Bueno, nos íbamos a ir y nos fuimos. Y era un país de fuera de Europa, donde no utilizan el euro, evidentemente. Entonces, teníamos que cambiar. En ese momento, cuando empezamos a prepararlo en julio, estaba el cambio de un euro, 24 pesos. ¿Sabéis qué pesos? Los hay en muchos países. En este país funcionan con pesos. Nosotros marchamos en agosto. El mercado oficial era un euro, 24 pesos. Pero había un mercado alternativo, donde la gente cambiaba si ser oficialmente. Bueno, cambiaba y cambia. Ese mercado alternativo estaba en torno a los 120 pesos por cada dólar, o por cada euro. Más o menos en paridad. Cuando nosotros, unas semanas antes de marchar nosotros, oficialmente el Estado, hizo una modificación. Y en vez de un euro valer 24 pesos, pasaron a valer 120. Igualaron al mercado negro, a ese mercado alternativo. Con lo cual, dijimos, ya no tenemos que cambiar en el mercado negro. Bien, esto fue así. Pero el problema es que, lo que se quería incentivar, es que la gente cambiase en ese mercado oficial y no utilizando el mercado negro. Pero la gente siguió utilizando el mercado negro, porque en el oficial, en las casas de cambio, había que esperar horas. Horas, literalmente, desde las cinco de la mañana, hasta lo mejor las diez de la mañana, muchísimas horas. Cuando llegaba el turno de esa persona, resulta que ya no quedaban dólares, ya no podía cambiar la gente. Entonces, siguió trabajando el mercado negro. Y siguió subiendo el cambio. Cuando nosotros llegamos a este país, el primer cambio que hicimos en el mercado alternativo, porque el otro era casi imposible cambiar, ya cambiamos a 120 algo, no me acuerdo exactamente. Al día siguiente volvimos a cambiar. Necesitábamos más moneda local. Ya cambiamos a 130. Pasaron unos días y nos fuimos a otra ciudad de ese país. Y ya cambiamos a 135. Y así sucesivamente. Después, al final, ya no cambiamos más. Pero cuando nos volvimos para España al cambio, creo que estaba en torno a 150, más o menos. Ahora, lo mire, esta mañana creo que eran 185 o 190, como está el cambio. Esto fue en septiembre, principios de septiembre. Es decir, ¿qué es lo que pasó? Que directamente, de un día para otro, la gente, su dinero, tenía un valor cuatro veces inferior. Y diréis vosotros, todo esto que nos está contando, ¿qué tiene que ver con el WPO, con la ultimización, con todo el anterior? Estas cifras que vemos aquí, este 100, este 99, este otro 100 no valen para nada. No tiene ningún sentido. Es el símil que os quería poner, lo que os quería contar es que este dinero no vale nada. Ni este dinero ni el dinero que tenemos nosotros. El dinero no vale nada ni vale para nada. Lo que vale es lo que podemos comprar con el dinero, el valor que nos da, lo que podemos adquirir, servicios, cosas. Pero el dinero tiene el valor del papel, o ni eso a veces. Puede llegarse a devaluar tanto que no vale nada. Igual que el dinero no vale nada, esas métricas no valen nada. Lo que vale es lo que podemos hacer con ese rendimiento, si podemos obtener ventas, si podemos obtener usuarios, es decir, lo que nos dan esas métricas. Si no, las métricas de por sí solas no valen para nada. ¿Veis que obtener un 100 puede ser muy fácil y, en cambio, no tiene ninguna consecuencia final. Entonces, las métricas, los números son solo eso. A todos nos gustan, a mí me gusta decir, mira, he llegado al 99, he llegado a 100, a 50, a publicar lo bien que he otimizado una web. Pero en realidad no tiene valor ninguno. Son números que pueden variar. Hoy es muy importante y mañana, a lo mejor, esos números no valen para nada. ¿Vamos bien? Bueno, parece que no tanto. ¿Por qué? Os voy a contar lo que son los cuatro pilares del WPO. Esto no es algo que me lo haya inventado yo, original mío, sino que es de una entrada de XWPO, que es una empresa de WordPress muy importante, el mismo nivel aproximado que Automatic, que TenApp, que HumanMade, es decir, una empresa muy, muy grande y de las muy buenas de WordPress. Y nos contaba que los cuatro pilares del WPO son el primero, la tecnología. Ese es el primer pilar de la Web Performance Optimization. El segundo es la experiencia de usuario, el X, y la usabilidad. El tercer pilar es la conversión y el cuarto pilar, la retención. Tenemos cuatro pilares del WPO. Os he puesto ahí entre paréntesis 3, porque aunque el POS de XWP habla de los cuatro pilares, yo prefiero centrarme en los tres pilares del WPO, por eso lo he puesto entre paréntesis, eso sí es mío. Y lo que creo es que la conversión y la retención van en el mismo pilar, igual que la experiencia de usuario y la usabilidad. Entonces, yo me voy a centrar en estos tres pilares, que son la tecnología, la experiencia de usuario y usabilidad, y la conversión y retención del usuario. Fijaros que ya estamos hablando de cosas diferentes a lo que normalmente entendemos por WPO. En el WPO siempre estamos hablando de velocidad. La experiencia de usuario, el UX, no tiene nada que ver con la velocidad, con los rendimientos que hemos medido antes. Esos números que hemos visto en las Core Web Vitals no tienen nada que ver con el WEX, con la conversión. Oye, tengo una idea positiva en blanco. Ah, vale. No, ha sido yo, perdón. Bien, tenemos aquí algunas citas. La gente llega hasta tu producto, lo mira aproximadamente, lo observa sobre cinco segundos, y si no llega a entender lo que estás vendiendo o lo que deben de comprar, te dejan tu sitio web y nunca vuelven de nuevo. Cinco segundos. Estamos hablando de WEX. Esto lo dice Laura Klein, que es autora de Will Better Produce, y WEX for Lean Startups. Es decir, no es cualquier persona, es una autora muy reputada en WEX. O también nos dice Jarete Spool que un simple cambio en el cópiz, es decir, en los textos de nuestra web, es decir, añadiendole un botón continuar en el sitio web de un minorista, produjo un incremento de 15 millones de dólares en ventas en el primer mes, 15 millones. Cientemente estamos hablando de una web grande, no cualquier web. Y 300 millones en el primer año. Y este otro autor, André Quitser, nos dice que cada dólar invertido en el WEX, es decir, en la experiencia de usuario, y su experiencia, nos devuelve 100 dólares. Es decir, nos da en retun 100 dólares. Esto es, más o menos, una cifra media, pero es un ROY impresionante de un 9.900 por ciento. El ROY, bueno, ya sabéis todos, no tengo que explicar lo que es la devolución de la inversión, retun of investment. Al principio os dije que había dos charlas simultáneas de WPO. Bien, si lo habéis mirado en el programa, no sé si lo habéis encontrado, pero veréis que, bueno, este programa había otra charla, que también era de WPO simultánea esta. Lo que pasa es que, por enfermedad, pues se ha cambiado por otra que también es de WPO. Están a cirujano ahora mismo en el otro track, dando una charla de cómo diseñar el checao de WooCommerce para aumentar la conversión. Veis qué ha remarcado el aumentar la conversión. Y nos remarca Ana en el texto que nos cuenta sobre esta charla, que está dando ahora, que os recomiendo que veáis después en WordPress TV cuando se suba. Sabíais que la media de abandono del carrito es del 70 por ciento flipante, nos dice. Siete de cada diez clientes abandonan su carrito por algún motivo. Y nos está hablando en esta charla de cómo aumentar esa retención. Si os acordáis en los pilares que hablamos antes de WPO, tenemos la retención del usuario. Esta es la otra charla que se está dando de WPO simultánea esta. Y hay más charlas de WPO que, aunque no lo tengan en el título, cuando nos están hablando de que nuestra web tenga el mejor rendimiento de una u otra manera, estamos hablando de WPO. También os acordáis que empezamos con la definición de WPO en inglés y también os preguntaba si estábais todos de acuerdo con esta definición. Bien, podéis estar de acuerdo. Evidentemente mi punto de vista es uno, no tiene que ser el mismo que el vuestro, pero yo no estoy de acuerdo con esta primera frase de la Wikipedia, donde nos dice que el rendimiento web se refiere a la velocidad. Aquel rendimiento web es solo la velocidad. Para mí eso es la velocidad, no el rendimiento. El rendimiento web le influye a la velocidad, pero es una de las cosas. Es uno de los pilares. Cuando hablábamos antes de los tres pilares, el primero era la tecnología. En la tecnología es donde optimizamos para que la web sea más rápida, pero tenemos muchas otras cosas de WPO. En lo que sí estoy de acuerdo es en que la optimización del rendimiento web o la optimización de sitos web es el campo de conocimiento, me quiero quedar con esta última frase, es el campo de conocimiento sobre el aumento del rendimiento web. Performance, rendimiento. Estamos hablando de rendimiento, no de velocidad. Web Performance Optimization no es lo mismo que Web Speed Optimization. La optimización del rendimiento web no es únicamente, es decir, también es. Yo no se estoy contando que todo lo que hablábamos siempre de rendimiento web, la velocidad, el optimizar de una u otra manera para que nuestra web se llama rápido no sea WPO. Desde luego que lo es, y es a lo que se refiere todo el mundo. Pero no es únicamente eso. Como ves allí, creo que no es lo mismo. Y aquí tenemos las frases de antes, es lo mismito, las que ya hemos leído, el cambio del copy y el copywriting es WPO. Si el copywriting puede hacer que nuestra web rinda mejor vendiendo más, vendiendo más, atrayendo más gente, teniendo más clientes. Cuando hablo de vender, puedo hablar de vender físicamente un producto, puedo venderme a mí mismo, puedo vender mis conocimientos, puedo vender mis servicios, podemos vender muchas cosas. Pero en las webs, todos los que creamos webs, estamos vendiendo algo, siempre, siempre vendemos algo en nuestra web. No, es que mi web es un blog donde hablo de los murciélagos porque es mi afición y hablo solo de eso. Estás vendiendo tus conocimientos sobre ese tema. Siempre vendemos algo. Nos estamos vendiendo de una u otra manera, directamente cobrando en ese momento por un producto, por un servicio o estamos vendiendo lo que nosotros sabemos. Aquí veis un ejemplo de copywriting. Si lo leéis, es un ejemplo de copywriting al revés, lo que no se debe de hacer. Bueno, una traducción más o menos, así muy libre. En esta foto nos dice si estás permitiendo que tu criada amase a mano. Dice, sus manos pueden estar infectadas. Están vendiendo una amasadora eléctrica, pero el mensaje que ponen, es decir, es muy, muy malo este copywriting, lo que están consiguiendo es justo lo contrario a vender. Yo creo que es pantando la gente. Aquí volvemos a tener de nuevo al gran tejado, como veis, ya apareció antes, vuelve a aparecer, y seguramente puede que vuelva a aparecer de nuevo. Y aquí hablamos de Wequiz o experiencia de usuario de SWPO. Esto es una captura que, si no me equivoco, puso él en Twitter y nos habla del, sí, es Twitter, de user experience hasta en Pete English. Fijaros que está escribiendo Google, literalmente, y Google, lo que hace es devolvernos resultados de Google.es. Es decir, esa es una experiencia de usuario muy buena, aunque escribamos mal, entiende lo que nosotros queremos decir y le está evitando al usuario el que tenga que volverlo a escribir de otra manera o el que quiere decir, está dando una gran experiencia de usuario. Eso es SWPO, la experiencia de usuario. ¿Por qué hace que nuestra web rinda mejor? El diseño es SWPO, otro ejemplo negativo. Esta es una web que a lo mejor quizá podía ser una web que hiciera yo. Yo soy programador, entonces en cuanto a diseño, no hago esto, pero bueno, se podría aproximar. Mi diseño es aproximado, pero fijaros que es un desastre total. Esto con un pequeño cambio, por ejemplo, la charla simultánea que está dando ahora Ana, con unos cambios que le hiciera, vendería muchísimo más. Tendríamos más ventas, más ventas directas de producto, de servicio, de lo que sea. Y está rindiendo más nuestra web, SWPO. Con lo cual, el diseño también lo podemos considerar SWPO, un buen diseño. Y el SEO es SWPO. Tenemos a Guajare, un gran SEO, SWPO. Él también hace SWPO. Fijaros que aquí he buscado WordPress ayuda. Y volvemos a tener atesado WordPress ayuda. Y que nos aparece aquí en los resultados. Primer resultado, la página de tellado ayuda WordPress. Justo arriba, tenemos la de WordPress.com, pero está posicionada arriba. ¿Qué significa que esté posicionada también esta página? Que la gente va a entrar directamente en su página, va a vender más, va a vender más sus libros, sus servicios, su conocimiento está bien posicionado. El SEO nos da mayor rendimiento. Fijaros también que remarco un par de sugerencias que nos da Google. WordPress costo, está nolantiendo muy bien la relación entre el costo y WordPress. Pero bueno, Google parece relevante. WordPress, teléfono España. La gente, como veis, WordPress no es fácil. La gente pregunta por el teléfono de WordPress España. Supongo que aquí estará el teléfono de tellado, porque al final es la referencia en español de WordPress. Y más cosas que son WP, la analítica, la analítica web. Si mediante nuestras pruebas que hacemos en la web de AB, analizando los datos, optimizando para aumentar rendimientos, es decir, si medimos nuestra web y conseguimos todo este aumento mediante la analítica web, estamos obteniendo mayor rendimiento. Ese mayor rendimiento significa WPO. Es decir, lo que os quise remarcar y quiero remarcar desde el inicio, que el WPO es aumentar el rendimiento de una web, no solo la velocidad. Acesibilidad, la accesibilidad es muy importante. Si nuestra web no es accesible, bueno, esto también puede ser un buen ejemplo de mal diseño, aparte de no ser accesible. Aquí si tenéis algún problema, os puede dar un, bueno, esta web no es accesible para nada. Esta web no tiene, no puede dar un buen rendimiento. Si hacemos esta web más accesible, obtendremos mayor performance y estaremos haciendo WPO. Cualquier cosa que mejore nuestra web es WPO. La experiencia de usuario y la usabilidad, la conversión de objetivos de la web, la retención de usuarios, es decir, los tres o los cuatro pilares de los que hablamos casi al principio de esta presentación, todo eso es WPO. Y, por supuesto, la optimización de la velocidad web también es WPO. Ya sea en cuanto a la tecnología, que haga más rápido en el servidor, podemos estar hablando de utilizar, en vez de un Apache, un Engines, que lo optimicemos mucho más, que cambiemos de servidor, un LightSpeed, lo que sea. La base de datos, optimizamos nuestro MySQL, MariaDB, optimizaciones a nivel de base de datos, plugins, muchas veces se habla de WPO. Ponemos este plugin para que vaya más rápido, caché, etcétera. Optimización de imágenes, las imágenes muy pesadas lastran nuestra web, es decir, todo eso es WPO. La optimización, perdón, la compresión de cabeceras, todo eso, es decir, tenemos muchísimas cosas, pero eso es el primer pilar del que hablamos de WPO, la tecnología. Y lo único que quería dejar claro con esta charla, o remarcar con esta charla, es que el WPO no es lo mismo que la optimización de la velocidad de nuestra web. La optimización de la velocidad de nuestra web es una parte de WPO, pero solo una parte. Nada más, simplemente aquí tenéis los enlaces de los cuatro pilares de WPO, según XWP. Y el vídeo de tejado sobre obtener el page space en un segundo, que os recomiendo que veáis, igual que la definición de la Wikipedia. Y antes de finalizar, nada, quiero remarcar una vez, ya sé que lo he remarcado mucho, disculpa si eso es muy pesado con esto, pero quiero remarcar que siempre que hablamos de WPO, hablamos de velocidad, de números, de he obtenido un 90. Yo he obtenido un 95, yo tengo un 100. Eso es WPO, sí, eso es WPO. Pero podemos tener una web con los números que os he enseñado antes, con un 99 en mobile y un 100 en desktop, y que en realidad no venda esa web, porque no tiene un buen copia, no tiene un buen diseño, tiene un rendimiento increíble, pero no vende. No está optimizada, tiene uno de los pilares, pero esa web no da rendimiento. Cuando nosotros hablamos de rendimiento, los programadores, la gente que estamos en esto, hablamos de velocidad. Pero si le pregunto a cualquiera de mis clientes, ¿quieres que tu web de más rendimiento? Siempre dicen que sí. Pero lo que no quieren es que vaya más rápido, lo que quieren es vender más. Eso es lo que les interesa a los clientes. Eso es el rendimiento web. Muchas gracias a todos. Y no sé si hay alguna pregunta. ¿Alguna pregunta para Carlos? Tenemos un breve, porque ya estamos un poco al inicio. No sé si alguien levanta la mano. ¿No? ¿Veo por ahí? ¿No? Vale. Julio. ¿Sí? Vale, perfecto. Pues nada, vamos a dar un fuerte abrazo a Carlos y Carlos. Aquí tienes un regalito de la organización para ti. Vale, muchísimas gracias. Muchas gracias. Venga, venga. Gracias a todos. Venga, hasta luego.