 Buenas tardes. Buena, muchos de vosotros conoceis a Marta Torre seguro, é desarrollada full stack, le gusta WordPress. Algunas cosas. É de la comunidade de WordPress, hace a meet-up de Bilbao, sí. Como se llama? De Bilbao, sí, de Bilbao. De Bilbao, de Bilbao, de Bilbao. No, es que a veces en varios sitios de camión. Buenas tardes, no, vamos de Bilbao Centro. Nos traí un caso real, esta ponencia la hemos escogido precisamente por eso, porque nos va a mostrar con un caso real, como llevó ella un trabajo con un cliente e esas ponencias por la verdad que nos interesa mucho. E bueno, es una ponencia de 10 minutos, no va a tener preguntas, sí que podéis preguntarles a Marta que láis al salir, por supuesto, que os contestarán. Con todos vosotros, Marta Torre. Em primeiro lugar, muchas gracias a la organización por seguirme e por aceptar esta ponencia. Também queria dar las gracias por la visibilidad femenina siendo ponentes, es muy importante, así que muchas gracias a la organización. Ésta soy yo, esta señora de aquí, estoy desarrollada a full stack, especializada en WordPress. Escribo adecencuando en mi blog, que lo tenéis en marature.de, se me está caindo esto. Ya está. Organizo a meet up de WordPress. Milbao, como ha dicho Mónica e... ¿Puedo? No puedo. Gracias. Hago divulgación sobre el papel de la mujer en desarrollo de software e intento hacer buenas prácticas en desarrollo. Me gusta empezar minxalas con un disclaimer. Todo o que os voy a contar hoy es en base a mi experiencia profesional en un caso concreto, en el caso de vosotros podéis tener outra circunstancia e outras necesidades e no soy ninguna guru e me puedo equivocar, sé que tengo oportunidad de equivocarme también. Bueno, e que es esto del WPO que se habla tanto? Este... No sé, no vale para mujeres con un... Vale, yo creo que sí. Paramos un momento e lo hacemos bien, vale? Ahora sí, yo creo que sí. Voy a empezar las charlas explicando que es o WPO vale? Las siglas quieren decir Web Performance Optimization vale? Que esto quere decir? Bueno, el rendimiento de las páginas web, vale? De la optimización de las páginas web. Que quiere decir esto? Un conjunto de tareas para mejorar el rendimiento de nuestras web, vale? Busque un par de definiciones más porque el segundo punto es mi definición pero quería poner o que hice por aí internet e dice que es la velocidad con la que las páginas web se descargan e muestran en la medida web del usuario. Siempre pensar en el usuario, vale? E este es un importante. E en otro campo es el campo de conocimiento sobre el aumento del rendimiento web, vale? Esto es lo que se piensa la gente que hay que hacer para otimizar una web. Ya está, tenemos la web otimizada, no? En blanco. E outra gente no má de caso e tiene esto aquí, vale? Entonces vamos a intentar poner las cosas como queremos, vale? Pero siempre con una base, ver. Ahora os explico o caso real de como mejorar una web con muy bajos resultados. Esto es lo que tenia al principio una web con un 4 en page speed, vale? Tenia unos valores bastante bajos. Lo primero que hay que hacer non se sonarnos con los numeritos, vale? Que siempre nos obsesionan demasiado pero hay tiempo para subirlos, vale? Prioriza siempre a los usuarios importante. Non vamos hacer todo lo que nos dice Google. Bueno, vamos hacer lo que quiren nosos usuarios que sonos que van a utilizar la web, vale? E hace una balanza sobre las cosas que necesitas e elimina todo non se necesite, non vamos aponer aquí una bailarina, emita de la web, bailando porque non las dedítamos, vale? Que aciones tuve que hacer en este proyecto que ya se pintaba bastante mal, eh? Bueno, a auditoría primero hice una auditoría para ver todo lo que tenia en este proyecto, vale? Primero, imágenes 16 megas, me encontré, vale? Con dimensiones de 5000 pixels, hola fotógrafos que os queremos mucho pero bueno Valores bajos de servidor maquetaro visual Elementor, que bueno non vamos hablar de eso, em el pixel de facebook Google Analytics como ha dicho non antes en su en su ponencia falta recabar todos, todos, todos de los usuarios, vale? Google Adsense slides por todos lados Muchísimos vídeos porque esta web era una web de recetas de cocina, todos tenían que mostrar las recetas las fuentes de Google phones, que sabemos que reventiza mucho, CSS e jsrebetido bueno, era un pouco caos, vale? Muchísimos plugins, eran como 60 plugins ahí metidos bueno, todo e tamaño excesivo del Doom, vale? Bueno que empecé a hacer, vale? Optimización de WPO Primero activé el plugin de caché, vale? Que sempre está bien Luego, optimizar para mí, unas das cosas máis principales para hacer WPO es optimizar lo que máis se nota, sempre, vale? e cambiarlas en formato web creo que desde 5 8 o 5 9 ya permite nativamente subirlas a web, vale? Non hace falta ya convertirlas e iconos e logos, por favor, esvg existe, vale? Non pasa nada por utilizarlo hablar con los diseñadores e xe xe e xe xe e xe xe e xe xe e xe xe e xe xe e xe xe e xe xe e xe xe e por favor, eliminar los plugins que non sirvan esencial Luego, o que hice? Substituir los plugins por outros que reventicen menos este es também es máis importante Hay que hacer como un especie de estudio para ver quales reventitan un montón e hacen lo mismo e outros que hacen menos cargamos las fuentes localmente creo que lo dijo José en su oponencia también es máis importante hospedarlas localmente e otimizar o elemento que sí que se pode otimizar vamos a hacerlo vale se pode quitar muchas opciones que tiene e se pode otimizar do hosting hay que hacer a veces aquí hay tarea vale a veces hay que activar a compressión jezip como eu hice en este caso a versión de php que estaba a 5 6 e a ajustar memoria vale en este caso prínx que tú licei vale aquí yo quiero recordar que yo me dedico profesional profesionalmente a esto entonces yo pago muchos prínx que son de pago entonces uvp rocket hypermatters que son os que uso para cache e para rendimento pago por ellos vale e mágifá e para a otimización de imagenes e convertir as ao a web e pero como xé dicho antes já desde a versión 5 8 pueden ser no acuerdo de 5 8 já lo podés hacer sin necesidad de plugin vale e instalé un plugin para compartir en redes sociales que é xe de mo womo que é xe una empresa de aquí de españa e é bastante bueno en otimización vale porque os prínxios de redes sociales suelen cargar un montón de js e non es nada bueno e luego é o plugin de jdp qq compliance vale resultado complicado e bueno no está no e agora os consejos que os pogo dar yo para o rendimento de cualquier proyecto vale primeiro imagenes no hace falta imagenes que pesen 10 megas e meter imagenes con el con el peso necesario e con la con la medida que sea necesaria no hace falta poner más vale e elementos necesarios é láires carruxeles vídeos poner los que sean necesarios vale priorizar la experiencia de usuario esto os direm os diseñadores é muito e usar tipos livianos vale yo suposto e ejemplos que nieve genera tepres astra canen son unos de ellos vale pero podés hacer cualquier cosa e otimizar la base de datos vale que a veces con os prínxios que instalamos e instalamos de han rastro vamos a intentar otimizar ás tamén buen hosting esto é un poco cada uno tiene unha experiencia e vamos a intentar e contratar un hosting bueno e os batos no suelen ser buenos é estos así vale e fuentes locales vale intentar hospedar as fuentes e intentar evitar fuentes que sean de google e intentar hospedarlas sempre en el servidor vale dentro sobre todo controlarse con os prínxios por favor porque instalamos prínxios por bueno voy a probar esto voy a probar o outro e instalamos 40 no bueno vamos a intentar e o tamaño este é estesivo de doom é dum casito casi sempre por os maquetadores visuales vale nós vamos a intentar evitar os por favor e nada é o mejor truco para realizar um bom p o para mí é xe as coas con lógica no instalamos 40 mil bluins e utilizemos imágenes de cinco megas para una que necesitamos para 200 pixels vale vamos a intentar a hacer todo con lógica por favor muchas gracias