 Bueno, hay sitios web tan lentos cargando que quando terminada de hacerse todo o pintado, toda a impressión, pienso, he tenido relaciones que han durado menos e así no se pode ir por la vida. Hablo de la carga de webs. Pero, e toca abrocharse nos cinturones porque Germán, nuestro próximo oponente, viene a hablarnos de velocidad, de hacer que a cosa vaya rapidita e sigo hablando de carga de webs. En 1985 hubo tres grandes estrenos. El de Los Gunis, el de Regreso al Futuro e el de Germán en el Mundo de las Tics. Ya llovido, e... Pero Germán no só é un experto informático. É, además, un emprendedor que sabe, por experiencia apropia, lo mucho que cuesta crear un atienda online e hacer que esta venda. Montou su primera atienda online en 2006, 2007 e desde entonces, aparte de tener la atienda online, monta otras tiendas online para outros clientes, é consultor de diseño web, diseñador e consultor web, lleva servicios de mantenimiento e de Google Ads. É un miembro muy ásido de la meet-up de WordPress torrelodones, de la meet-up de WordPress Coyado Villalba, donde incluso ha dado unha charla, pero hoy se nos estrena en una work-am. Así que estáis preparados para aprender a hacer que vuestro WordPress vaya rápido en lugar de apaso de tortuga? Pois como é su primera work-am, vamos a dar un aplauso muy, muy, muy cariñoso. Bueno, muchas gracias, Lidia, por tu presentación e muchas gracias a vosotros por elegir esta charla. E, bueno, vamos al lío, no? Vamos a ver, supongo que se estáis aquí en esta charla é porque tenéis, bueno, administráis o gestionáis alguna web que no va muy rápida o tenéis algún problema de rendimiento, o que, como le pasa que é este señor, porque cuesta que é su arranque. Quizás os preocupe, os preocupe que vuestra web o vaya lenta pues podáis perder visitantes. Os preocupe quizás que podáis perder ventas porque tenéis una tienda que a gente que entra e que tarda 3 o 4 segundos ver a página cada vez que se va moviendo, pues pode estar preocupado porque dirá, vamos a ver, e quando vaya a pagar non se me quedará esto colgado, no? Perdida de confianza e o que también os preocupará perder posicionamento porque já sabemos que Google quando rastrea nuestra web tiene un tiempo limitado le asindo a un tiempo e sin ése tempo que poda cargar 2 web porque no pode, é así de lento a que poda cargar 10 páginas para poderlas indexar, e hace tiempo que Google mira que unha web se indexa rápida en móviles, é máis exigente en el sentido de que la web se carga muy lenta en ordenador imagínate en el móvil a un peor e nos encontramos con una pescadía que se muer de la cola e é que se não conseguimos conversiones porque nuestra web lenta, Google se da cuenta e no va a bajar en posicionamento então se estamos máis bajos en posicionamento vamos a tener menos conversiones se alguien no está a preocupar no se preocupa un pouco pues disculpan vamos a ver, cosas a tener en cuenta o primero que necessitamos son herramientas herramientas para que? para dos cosas, primero para detectar dónde podemos tener un problema e luego para poder solucirarlo que herramientas tenemos para poder detectar el problema? o primero que eu sugiero é o inspector web de vuestro navegador la siguiente echarla a la mía de Carlos García, os va a hablar dos inspectores web se queréis aondar en el tema e logo pues tenemos herramientas online tenemos la madre del cordero que é a page pit inside de Google e logo tenemos outra serie de herramientas de má sencilla a má complexa que son ping-down, gtmetrics, web pages, tests e logo hay algunos plugins no muchos que también nos poden ayudar a detectar este tipo de problemas con que herramientas contamos para solucionarlo bueno pues configuración tanto de wordpress, configuración en el hosting hay bastantes plugins que nos poden ayudar alguna vez nos tenemos que meter con codificación e logo lo que sí que hay que tener cuidadito para poder solucionar los problemas muchas veces no le hacemos a la primera sino que é un proceso de prueba e error entonces é un proceso cíclico e bueno pues las pruebas con cuidad porque sobretudo no hagamos pruebas en el entorno de producción porque se estamos codificando metemos un plugin que nos peta vamos a reventar a todos los visitantes que tengamos e hay algunas pruebas que son má sofisticadas porque tenemos que cargar problemas má complexos que temos que enlazar una solución sobre outra por mejora hacerle un entorno de pruebas e quando tengamos todo listo pasarlo al entorno de producción pero sobretudo al mínimo por lo menos tener un backup bueno erase una vez una tripulación de una nave espacial que cada uno tenía seu tarea que hacer o que ocurre e que había alguno de éstos que realmente seu objetivo no era no era complexo tareas no era sabotear, sabotear la misión e incluso hay alguno un instinto asesino en ese sentido bueno vamos esta é a alegoría a nave espacial na página web, na tienda online e temos éstos tripulantes hosting a imagen, plantilla, plugin base de datos, caché aqui no hai mala idea como en este videojuego aqui nadie tiene mala idea a buscar qual es o posible o posible sospechoso de que nos estés saboteando a velocidad de nuestra web vamos a empezar para o primeiro, hosting como podemos detectar que señales teníamos de que puede haber algun problema con el hosting o primero, el time to first byte o tempo que tarda desde que eu solicito una página desde o nave navegador hasta que recibo a primeira información o primeiro byte de información o que tarda o servidor a responderme por aí unha referencia de medidas que significa esto que quando tengo un problema de tempo de respuesta o servidor es culpa do hosting, pues nono de hecho vamos a ver que esta señal lo vamos a ver en outros componentes que temos que hay un mínimo ao menos tiene que funcionar con HTTP2 e ao menos tiene que tener compresión brolly mejor e que outra señal podemos ver que hay algún problema ver que ficheros de poco tamaño, de 15 20k tardan a encargarse 2 décimas de segundo pasa algo raro rendimiento un regular de pronto mi web va bien e hay un momento dado que se queda encogida, se queda atascada e nono sabe por que e logo va bien pasa algo raro hay que distinguir muy bien e diz que nosotros estamos haciendo algo o nono estamos haciendo nada e algo externo fuera de nuestra web que nos está afectando outra forma encontrar algún problema es probar un plan de hosting se llamamos a nuestro hosting porque tenemos un problema es probada que nos diga estou viendo que está quedando corto de CPU necesitas un plan de hosting máxamplio bueno pues se os permite probarlo vamos a probarlo e se non tenéis confianza pues vamos a probar outro hosting en muchos de ellos os dejan probar durante xd e logo pues decidir se es adelante o nono e logo hay un plugin que es este de aqui word for hosting benchmark tool que bueno te hace un pequeño test de lo que es el hosting entonces vamos a ver que tal que tal funciona un hosting en el cpu en base de datos e carga tiempo de descarga de información que solución tenemos aquí bueno pues tocar la configuración de hosting a través de cpan e hay cosas que se vamos a tener que pedir ao hosting o xeimos probar un plan de hosting que va bien o outro hosting pues cambiarnos un cdn por que porque a lo mojo es un ficheridos pequeños que tardan mucho es porque hemos descubierto que nuestro centro de datos está en outro continente bueno pues a mojo hay que buscar un cdn que acerque al visitante todos os ficheritos que componen o esto a web para que lo recoja má rápido siguiente componente que tenemos que mirar imágenes como podemos detectar que señal nos dicen que podemos ter un problema con las imágenes bueno pues que tenamos imágenes con un gran peso o que tenemos muchísimas imágenes en una página estamos usando bien los ficheros el formato png os pngs sabéis que ocupan muchísimo son muy pesados estamos usando un png para una foto cuidao outra cosa encajar los tamaños de miniaturas en nuestra plantilla y algunas veces que no concuerdan los tamaños de miniatura con el tamaño que tiene asina a plantilla y está utilizando un peso de una imágenes mucho má grande de la que realmente necesitamos como podemos solucionar esto todo lo que sea png intentar con pasarlo a webp ya tenemos el formato webp para que nos imágenes de miniaturas vamos a pasar a webp webp tenen a ventaja de que reduce tanto como jpeg incluso máis e admite transparencia que era unha dos motivos por el que se utilizaba png vamos a pasar a webp por supuesto jpeg podemos pasar a webp para ganar simplemente en espacial más o menos un 30% el formato webp que está pareciendo ya bastante yo no lo recomendo usar porque todavía hay alguna incompatibilidad non está al 100% estandarizado e con respecto a ajustar miniaturas, hay muchos plugins para regenerar miniaturas hay algunos de ellos que son un poquito cnudillos sucios e te regeneran quando cambia miniaturas te las regeneran pero no te borra las anteriores por lo menos tengo una opción para decirle que lo borre plantilla como nos puede estropear la plantilla la velocidad no está bae simplemente traiga una mochila plantilla no sólo una plantilla sino que viene con plugins incorporados plugins maquetales de pantalla plugins de formulario es unha plantilla que viene con funcionalidad out of the box e son a mi personalmente no ese tipo de plugins no me gusta hay gente que viene muy bien porque son muy bonitos, son muy completos y vienen con una funcional que se supone que vas a utilizar pero bueno, yo no lo recomendo tenies un ranking de temas para compatibles con hook omer y son todo, la mayoría de ellos ninguno tiene estas mochilas que podemos hacer pues si hay un problema de ficheros no ha encontrado esto non es un tema crucio de plantillas, sino también de los plugins un fichero no se encuentra se queda un poquito, hace como una paralinha el sistema se nos puede consumir en un par de decimas de segundo por no encontrar un fichero aportar esos ficheros o eliminando de la plantilla por si no son necesarios reducir el número de fuentes cuando vienen muchas fuentes que no son necesarias o localizarlas descarlarlas localmente en tu filehost en tu árbol de ficheros e la cara diferida de recursos de terceros para que tu plantilla utiliza recursos de terceros e intentar ser unha carga diferida isto nos ayuda hay varios plugins de cache que tiene la opción de carga diferida vamos a ver plugins que señales hay de que o plugin nos puede nos puede estar fastidiando la velocidad de nuestra web bueno, o primero que hay que decidir se este plugin realmente lo necesito se hay un plugin que no teno muy claro se lo necesitamos o no pero vamos a necesitar más tarde e lo mejor es desactívalo de momento desactívalo e se acabo de un tiempo vex que no lo necesitas vex que no falla nada pues quítalo del medio quanto menos carga tengamos do plugin mejor como buscamos a que plugin es el culpable antes se hacía desactivando un a un cogea un medias tiempo e vas desactivando un ¿cuánto tiempo tardas? es un plugin relativamente nuevo creo que no tiene ni siquiera ninguna valoración todavía cuando lo he visto e hay outro dos plugins el code profiler esta salida, esta imagen que tenis aquí es dele e luego el query monitor que realmente es un plugin para medir el acceso a base de datos o se quanto necesitan mi consulta de base de datos de tiempo o de recursos para poder mostrar mi página o que os decía desactivar plugin necesarios con cuidadito buscar outro plugin equivalente e hay unos plugins que se llaman cara condicional que significa que eu que este plugin se activa desactiva dependiendo en que página este o que este haciendo cuidadito con esto e eu tenido má las experiencias e hay que probarlo muy bien porque a mojor creemos que un plugin de formulario solamente afecta a la página e o resultado estamos pidiendo o correo electrónico para dar newsletter en todos o footer de nuestra página web e o curioso que ni da error seno que simplemente no funciona e te vuelves loco e tienes eso una carga condicional desactíbala de momento es posible que venda por aí el problema con respecto a base de datos como podemos detectar que hay algún problema también se temos un problema con base de datos nos poden guardar ese tiempo aqui digamos que vamos a tener un problema con base de datos normalmente porque quando se va acumulando información aqui pues o tamaño importa o tamaño da base de datos importa e hay alguna vez que se acumula con cosas que nixeras son datos hay datos antiguos, datos basura que siguen molestando e ocupando sítio e o que hay que hacer outra cosa que podeis detectar que va que la base de datos hay algún problema quando en la parte de administración va muy lento, le cuesta mucho trabajo sobretodo en la parte de administración estas haciendo modificaciones modificaciones de pos por ejemplo que se generan revisiones son copias e copias de los pos antiguos que se quedan aí en la base de datos que solución tenemos? el primero es un plugin de cache pero que tiene una opción de limpieza podes utilizar solamente la parte de limpieza e luego tenis aí un par de ellos que seguramente os conoceis e outra opción es usar un cache de ogeto, o cache de ogeto está especializado en cachear las solicitudes a base de datos então evitamos tener que hacer una consulta de cache de datos porque coge del cache de objetos e hay otra solución esta día es un poquito má sofisticada de un hosting que tengas tu propio servidor de base de datos puedes hacerle un tuning se tienes a alguien que sepa hacerlo en un hosting compartido no lo vais a poder hacer bueno, e luego tenemos el cache parece que puesta aquí el cache un poquito así entre comillao porque hay alguna vez que pues yo tengo el cache lo pongo e ya lo tengo solucionado bueno pues no, hay alguna vez que no funciona esto porque? porque vemos que tanto fesbastigues siendo o mesmo que teníamos antes então es que mi cache no mejora, que pasa aquí pues hay que preguntar, vamos a ver mi web tiene muchas visitas que están logeadas hay cambios frecuentes en el contenido e eu estoy constantemente cambiando el contenido de la portada de mi web de este producto estoy cada os protejado, bueno que soluciones tenemos aquí bueno, se estamos cambiando continuamente nuestro contenido el cache de páginas pode ayudarnos muy poquito porque tenia que estar constantemente refrescándose entonces ao mojo el cache de páginas no nos va a ayudar mucho el cache de objetos sí, sempre nos va a ayudar porque tener má rapidez en el acceso a base de datos, aquí tenis una serie de plugins de cache hay muchísimos e o que temos desde o má sencillo que surge, no sé se o conoceis é o má sencillo do mundo o instalas, o pones e vas a configurar, no hay configuración o que pasa aquí, no se configura tú lo pones e ya está que haces este plugin de cache e simple va a atacar precisamente a esto el tanto fesbastigues não le pedais outra cosa porque no lo hace el va a tanto fesbastigues e o que temos é o total cache este é todo o contrário isto é super sofisticado tiene má cacharritos e cositas que tocar en configuración que te vuelve el loco e lo que temos é o punto intermedio o web rocket que para mi é o melhor equilíbrio entre unha cosa e outra é solamente un plugin de pago eu creo que pude valer la pena e lo que temos é outra serie de plugins que necesitan marcaran outro color porque necesitan que tengamos instalado en hosting algo má por exemplo o plugin de siteground optimizer pude utilizarse aunque não tenhas un hosting de siteground pero não aprovecha todas as suas peculiaridades a non sé que o tenhas instalado en hosting de siteground e o que igual ocurre com LightSpeed Cache que tenis que tener un servidor de LightSpeed para poder aprovechar igualmente este plugin SuperPageCache para cláusfere tenis que tener cláusfere instalado é muito importante que revisar a configuración de cache quando dicimos que tenho un plugin instalado no má funcionada, é que ao mojo hay que adaptarlo a tu necesidade hay que tocar a configuración ver que particular do cache tengo que activar o desactivar porque no todo vale para mi web se tenho mucha visita como os decías e aí alguns caches que poden cachear se xone logeadas cuidao sempre temo unolmido como administrador e não entrará un cliente, un visitante e de pronto tenho un problema con el cache e le están enseñando os datos de outro que é cache ou antes eu só he visto algún cache que tenha esta opción que pone non recomenda não inspira mucha confianza e bueno nada más correi un pouco porque iba un pouco apurado e bueno pues aqui me tenéis, soy German Cabeza já me ha presentado Antelidia me dedico a hacer tiendas online, página web sobretodo de comercio electrónico un viejo rockero de astronomía de información con Warpers solamente llevo desde 2016 e bueno, nada más aí me tenéis e me queréis para algo venga, muchas gracias e quem tenia a la pregunta graxia German por tu charla moi interesante te queria preguntar por tu experiencia con redis que tal te havia ido porque nosotros le hemos montado hace poco e le hemos tenido que quitar porque con os custom fields a veces en el propio backend entravas al post e resulta que te estava dando datos que non estaban en la base de datos nos estava devolviendo cosas de la cache que luego ibas por hacias a la base de datos e había outra cosa entonces que tal no te puedo ayudar e mucho porque yo con redis no he trabajado sé que se utiliza para eso pero no tengo experiencia supongo que será un problema de implementación o sa que aí no te puedo ayudar no siento hola German gracias por la charla que tal, mira yo te queria hacer una pregunta tengo un botón dentro de Warpers que se llama pulgar cache sg está creo que dentro del sg optimizer y yo de vez en cuando de hecho cada vez que entro yo creo que le doy a ese botón pero no sé se estoy haciendo bien o mal pulgar cache sg entonces no sé si es bueno pulgar mucho la cache o es mejor dejarla vez en cuando para lo que tú hicers pular la cache es cuando dices estoy modificado algo pero no me aparece la modificación eso significa que lo que llaman el cache sucio, que el cache es una copia que os ponía fotos no es unha foto en un momento dado de como está la información que ocurre que si cambia la información e el cache no se da cuenta de acá cambio te sigue mostrando a información que había antes entonces, si tú has hecho cambios e quieres estar seguro de que tus visitantes vean ese cambio tienes que pular la cache en teoría lo diría de hacer automáticamente pero sabemos que muchas veces cuando haces cambios o implementando tienes que borrar la cache constantemente para ver los cambios en caso típico que es una portada de una tienda que dice novedades yo meto un producto nuevo e entonces a cache me va actualizar la ficha de ese producto que es nuevo o cuando ha una modificación pero la portada no se toca no aparece en la portada de ese producto que también borrar la cache de la portada para que te coja al cambio bueno, gracias buenos días, yo soy Dennis, yo tenía una pregunta por ejemplo yo estaba llevando una página e había unas fotos pequeñas que estaban como obsoletas e dije unha vez pero lo voy a borrar e a partir daí se puso lenta la página porque intentaba buscar ese archivo que quizás estava enlazado e bueno, después de unas o días o que sea lo pude encontrar por inspector web e entonces queria saber se hay algo que me pueda intentar rastrear como xe aquí, me estuvo comentando enlaces rotos para eu poder quizás diagnosticar e non borrar por borrar gracias sí, bueno, hay un plu innovarios que te buscan enlaces rotos e unha imagen es un enlaces rotos e no sé si te entendio bien que como podes prever antes de borrar, se eso te va a afectar es complicado es complicado de todas maneras sin manejar mucho o inspector web podes descubrir muchos fallos es un interesante que os quedeis a la próxima e xarla porque es muy fácil de inspector ver se falta algún fichero es facilísimo e como me estás contando, había retrasos hemos tol la página porque se queda atascao e quando non encuentras fichero onde tú le dices se pone a dar vuelta a buscarlo en otros dos o tres sitios que tengas marcao e eso al final te retrasa la entrega de la página hola german en primer lugar felicidades por la xarla has explicado super a menos te iba a preguntar que sdn normalmente usas o qual recomiendas e se gratis funciona eu é que probo varias vamos ver siempre que usas cdn no cdn para que é para dos cosas bueno, a principal nosos visitantes están lejos de nuestro centro que utiliza o nosso josti nosotos tenemos un josti en españa pero muchos de nosos visitantes están en latina america en españa vamos ver unha velocidad estupenta que nos consultan de latina america claro que ese problema é muy comum se haza unha copia o má cerca posible para ir darte no se haza unha copia a todo unha copia en principios de ficheros estáticos de imágenes eu mostro unha cosa usar o cache porque o cloudfer temo cache de página que é está dinero sim, o suelo usarei o cache que te puesta usar sin pagar quizá não todo mas podes usar parte de ese cache claro porque o cloudfer por defecto te dá unha cdn básica gratis vale, vale perfeito, muchas gracias hola germán muchas gracias por la charla queria preguntarte que estrategia sí es tú sí é que la hay en cuanto a cache para un e-commerce máis aya de el carrito, quiro decir hay que tener un control del stock de los produtos que estás mostrando etc que estrategia sí eso recomentas para eso precisamente el carrito como te diría esto hay ciertas páginas de un e-commerce que os caches las conocen e non las cachean por defecto por exemplo a cesta, la página de finalizar pedido, normalmente non la cachea então eu a estrategia que utilizo é un cache eu chamo estático os caches normalmente se refrescan cada x tiempo se resetean, se purgan se autopurgan cada x tiempo sin embargo, no e-commerce se non estamos tocando todos os dias os precios as imagenes de los produtos eu prefiero un cache que non se refresque o que se refresque o mínimo posible, o que incluso eu controle quando lo refresco porque eu sei quando cambia cambia algo no e-commerce porque se não, sobretudo se tiene muchos produtos vas a estar sempre mostrando nunca vas a estar con a seguridad de que estén mostrando o precio e o último versión do que estás haciendo eu, o que recomendo em algum cliente le pongo e o botón como decía o companheiro de purgar digo, quando metas un producto novo purga purga todo se não é mo grande é mo grande, no e-commerce é mo grande, no e-commerce é mo grande, no e-commerce é mo grande, no e-commerce é mo grande, no e-commerce é mo grande, no e-commerce o refresco do cache hola German, bonorias senora, buona por a charla eu queria perguntarte se recomiendas nos hosting que já vem o cache v varnish se recomiendas ademas instalar un plugin do cache dentro de WordPress hai caches que tenen o cache não eu trabalho com varnish eu sei que os caches sim o único que eu encontro é que tenen um enganche com varnish para que quando purgas o cache se purga o cache de varnish não eu trabalho com esse tipo de cache supongo que traerá su ventaja mas não te lo pongo comentar eu sinto