Tutorial optimizar divi: Acelerar y mejorar la velocidad de carga de sitio web creado con divi.

[@evahernandez8010]

Hola! No incluiste el código para eliminar los dashicon del frontend

[@OVDIVI]

Hola Eva, te lo comparto: // Eliminar dashicons en el frontend para usuarios no conectados add_action( 'wp_enqueue_scripts', 'bs_dequeue_dashicons' ); function bs_dequeue_dashicons() { if ( ! is_user_logged_in() ) { wp_deregister_style( 'dashicons' ); } }

[@evahernandez8010]

@@OVDIVI muchas gracias!!!

[@robertomagallanes3678]

@@OVDIVI Muchas gracias

[@docenciacolectiva]

esto para que es?

[@juanmiguelgarate4888]

Este video lo he buscado por todas partes y tu eres el alma maravillosa que no las dio🤩🤩

[@OVDIVI]

Genial leer este tipo de comentarios Juan. Espero que este video te ayude a entender mejor esto de la optimización para divi. Te mando un abrazo.

[@Icuevasp]

Excelente Curso, lo estoy llevando a cabo en estos días, y es de mención la ayuda que se recibe por parte de Oscar cuando surgen problemas, además en cada lección encuentras comentarios de usuarios del curso y Oscar da solución a cada caso, totalmente recomendable.

[@OVDIVI]

Muchas gracias Iñaki! Te mando un abrazo. Gracias por el testimonio :D

[@fvb1966]

EXCELENTES tu videos y por sobre todo tu humildad eso me da idea de que eres buena persona, te felicito y te aliento a que sigas con esto que mucha gente te sigue... abrazos virtuales desde MERLO, SAN LUIS, ARGENTINA.

[@OVDIVI]

Muchas gracias por las palabras Flavio, seguiré creando más y más contenido gratuito para todos ustedes. Saludos hasta Argentina 🇦🇷 amigo :)

[@micasaymicarro6069]

Oscar Vi de principio a Final Felicitaciones eres Un Maestro, Saludos desde Bogota

[@OVDIVI]

Muchas gracias. Un abrazo hasta Bogota 🇨🇴

[@ceciliaclaros7960]

Ya van 2 videos, contando este, tus explicaciones, donde implementé tus consejos y funcionan muy bien. Me encanta que explicas las razones para cada cosa y que pones todo paso a paso 👍🏼

[@OVDIVI]

Muchas gracias Cecilia, me alegra saber que estás entiendo mis videos 😁. Espero seguir aportando mucho más contenido, te mando un abrazo y te deseo excelente año.

[@finanzasconvision]

Increible Contenido, he probado varios de tus tutoriales, y este me hizo sudar jajaj.. no vi muchos cambios en la velocidad con todos los cambios HASTA QUE HICE LO DEL DNS y puff brutal. Mis metricas se mantenian bajo el 50% y despues subio a 89 . Eres lo maximo. ! graciiasss

[@OVDIVI]

Excelente Selana, me alegra saber que este tutorial te ha ayudado mucho. Es algo extenso este tutorial pero creo que vale la pena jaja. Un abrazo Selena!

[@aaronernestodominguezdelga5863]

Super video!! en verdad mi pagina se aceleró de 10s a 2.5s estoy super feliz, y aprendí muchisimo!!

[@OVDIVI]

Wow! Excelente resultado Aarón, me alegra saber que te ha servido. Un abrazo :)

[@ederfloresPE]

10 segundos? Es demasiado

[@robertomagallanes3678]

Oscar muchas gracias, ha sido muy útil el tutorial. he aprendido y aplicado otra cosas que también enseñas de divi que me han funcionado muy bien.

[@OVDIVI]

Genial Roberto, de eso se tratan los tutoriales, que en verdad les sirvan y ayuden en su proyecto. Seguiremos aportando más y más contenido Roberto. Un abrazo.

[@robertomagallanes3678]

@@OVDIVI Por cierto, también logré superar los 50 ptos en móvil con el pagespeed de google siguiendo lo que enseñas.

[@OVDIVI]

@@robertomagallanes3678 Y con la nueva actualización de divi 4.10 lograras todavía mejores resultados porque dicha versión a tenido muy notables mejoras en la optimización y velocidad de divi :D

[@robertomagallanes3678]

@@OVDIVI Sabes que leí una vez que si actualizaba el divi se podía caer la pág, me siento un poco tonto preguntando esto pero ¿se puede actualizar el divi sin afectar la pág actual?

[@OVDIVI]

@@robertomagallanes3678 Siempre se corre el riesgo aunque sea poco probable. Por eso siempre es recomendable hacer un backup antes de actualizar tu wordpress o divi. Si te da conflictos es probable que se solucionen con otra nueva actualización o bien puedes regresar a la versión anterior de divi desde Divi > Opciones del tema > Actualizaciones > Version Rollback

[@narracionescortasyconcisas3668]

CALIDAD DE TUTORIAL...REALISTA.

[@OVDIVI]

Muchas gracias :) Un abrazo.

[@mancamgar]

Excelente material has subido mi estimado Oscar, bravo, bravo, bravo!!! He visto muchos tutoriales con este tema, pero este se lleva por mucho a todos y la forma de transmitir tus conocimientos lo hace muy facil y digerible. Gracias por compartirlo, felicidades!! Un abrazo :-)

[@OVDIVI]

Muchas gracias Manfred. Veo que ha sido bien recibido este video. Seguramente en unas semanas suba uno de seguridad :) espero tenga la misma recepción que este jaja. Así que atento. Un abrazo Manfred.

[@utwdesign]

Buenas, como va? Genio total, no terminas mas con la optimización jajajajja... empecé con tu video y ahora no puedo parar. Excelente todo! Muchas gracias por la información. Los que me estan trayendo problemas son los códigos de google, tag manager, ads sense y analitycs.

[@OVDIVI]

Muchas gracias Juan Pablo, qué genial que el tutorial te está siendo útil. Por cierto, ¿Qué problemas te están dando los códigos que comentas?

[@MrFrancastorga]

en el mintuo 57:00, efectivamente, es el mimso problema que tengo yo. A pesar de activar la carga diferida (lazy load), el tema Divi no permite dicha funcionalidad, es por eso que la herramienta de speed de google te muestra eso, además es coherente con lo que aparecía en la consola que te mostraba que cargaba todas las imágenes

[@OVDIVI]

Hola Francisco, así es amigo

[@stevenandres7933]

increíble amigo todo esto sirven para todas las paginas que uno cree

[@OVDIVI]

Asi es Steven :) Se aplica cualquier tipo de sitio y unos sitios tendrás mejores resultados que en otros :D

[@xpumax1]

Excelente video! Cabe aclarar para el CSS Critico, que esa funcion de Autoptimize solo deja establecer un solo css, que se carga a lo largo de todo el sitio. Y en la mayoria de las veces no es lo mismo el css critico de la home, que el de la pagina nosotros, o del blog, etc. Hay que testear el css critico en todas las paginas, e idealmente se deberia cargar un css critico especifico por cada pagina, para no cargar CSS de mas (que no seria la idea de que sea "critico"). Autoptimize tiene filtros especiales para cargar distintos css segun la pagina en la que estemos. Saludos!

[@OVDIVI]

Excelente aporte Ezequiel, estás en lo correcto y estoy totalmente de acuerdo. Muchas gracias nuevamente por tomarte el tiempo de explicarlo. Un abrazo.

[@valentejimenez7576]

Que video tan genial, gracias por tomarte el tiempo de dar un excelente y funcional contenido.

[@OVDIVI]

Muchas gracias Valente. Seguiremos así :)

[@DavidEspinal]

Muchas Gracias amigo la logre acelerar bastante aunque no quise tocar nada en el servidor

[@OVDIVI]

Genial David 😀 ¡Eso es todo! Saludos

[@puntofree8572]

Hermoso Vídeo, me Ayudo mucho. Gracias 🤞

[@OVDIVI]

De eso se trata. Un abrazo :)

[@izakochi]

te has ganado todos mis respetos!!!

[@OVDIVI]

Gracias Isaac, me alegra saber que este tutorial te ha aportado. Un abrazo.

[@cristian.giardina]

Esta esperando esto desde hace tiempo. Gracias amigo!

[@OVDIVI]

Gracias a ti por estar al pendiente Cristian. Saludos.

[@Marcelo-wv9ej]

No lo vi, pero creo que serán unas 2 horas bien invertidas, gracias por todos tus vídeos Óscar

[@OVDIVI]

Seguramente así será Marcelo. Me cuentas cómo te va. Un abrazo.

[@destapatuingenio]

Gracias Óscar excelente video.

[@OVDIVI]

Gracias a ti Pablo, saludos.

[@dariosanchez5287]

Hola! Donde encuentro el material CSS del que hablas en el minuto 1:35 del video?

[@OVDIVI]

Hola Dario, en ese minuto no hablo sobre algún CSS. 🤔

[@jcoreboi5017]

muchas gracias bro

[@OVDIVI]

De nada hermano :)

[@juanlobocardenas101]

muchas gracias

[@OVDIVI]

Un abrazo Juan :D

[@pablojs_220]

excelente video , vale oro !

[@OVDIVI]

Gracias Beaker, espero te sirva este tutorial :)

[@alanrangelstudio4459]

🙏👏🙌🤲 QUE DIOS TE BENDIGA, ME HAS SALVADO. GRACIAS.

[@OVDIVI]

Hola Alan espero te sea útil el tutorial. Un abrazo.

[@puvlika3387]

muy bueno el video

[@OVDIVI]

Muchas gracias HukanHé. Un abrazo :)

[@eddblanco]

Hola Oscar, me gustaría aprender a hacer un menú secundario como el que tienes en el video. Tienes algún tutorial para hacerlo donde expliques la parte del responsive también para el menú?

[@OVDIVI]

Hola Ed Blanco, el menú lo hacemos en el curso amigo. No tengo un tutorial específico donde enseñe a realizar solamente ese menú 😔

Genial Oscar, Muchisimas Gracias

[@OVDIVI]

Gracias a ti Ramiro, ¡un abrazo!

[@kevinpolancogranda8847]

hola amigo buen video tengo una pregunta en clouflare cuanto te piden que agregues el sitio web se pone el dominio o el link de mi pagina exactamente que es un subdominio

[@OVDIVI]

El dominio principal amigo :)

[@elefantstudio]

Hola Oscar, mi pregunta es la siguiente ¿Puedo usar el "Speed Optimizer" (de SiteGround) con el LiteSpeed? O va a generar conflicto entre las dos, normalmente SiteGround viene con ese plugin y pues es de la misma empresa, y no me arriesgo a cambiarme a otro por miedo a perder funcionalidades, ¿tu que me recomiendas?

[@OVDIVI]

Hola qué tal, te recomiendo optar solamente por uno de ellos, no es recomendable tener dos plugins cache en el mismo sitio. Si tu hosting está en siteground mejor usa su completo ya que se supone que funcionan mejor en conjunto ;)

[@osvaldo11984]

Mi estimado muchas gracias por tiempo que empleas para enseñar estas cosas en el video, sin embargo me nace una duda y espero puedas tener tiempo para responderme, en el minuto 50 hablas sobre un plugin llamado "Fragmentos de códigos, me por favor indicar como se llama para buscarlo e instalarlo en mi pagina?

[@OVDIVI]

Hola Osvaldo qué tal, no hay de qué lo hago con cariño. El plugin se llama "Code Snippets"

[@luisangelacunag9949]

Hola amigo, una consulta, que consecuencias trae el cambiar los dns CloudFlare, por ejm en mi caso fue muy rapido, lo hizo en minutos y se activo, pero que pasa en otras webs que puede demorar hasta 24 horas, que consecuencias trae para su correo o otros activos que tengas mediante su dominio, mas me preocupa el tema del correo, seguiran funcinonando en ese tiempo o traera problemas, en caso halla problemas que puedo hacer para solucionar ello, estoy pensando hacerlo en la madrugada, pero que me recomiendas, gracias por tu apoyo!

[@OVDIVI]

Hola Luis Angel, en caso de que estés usando un servicio como google bussines o algún otro servicio de correos electrónicos debes registrar los registros también en cloudflare para evitar problemas. Pero si solamente son correos de tu cPanel deja la configuración automática que te ha realizado cloudflare, los correos de webmail deben seguir funcionando sin problema. Y sobre el cambio, si tarda 2, 4, 24h etc en propagarse el cambio no te preocupes, mientras todavía no se realice el cambio los correos deben seguir funcionando sin problema.

[@TIPPsicologosCursos]

Yo hice la unión con short pixel y cometí el error de además de eso instalar Smush. Acá la pregunta es, una vez hecha la unión con shortpixel ¿Cómo se reducen las imágenes en el futuro con Shortpixel? ¿tengo que instalar el plugin de short pixel o tengo que subir las imágenes a la página de Shortpoxel para que se reduzan y luego subirlas al sitio? ¿Sabes cuál sería el procedimiento?

[@OVDIVI]

El proceso se debe realizar de manera automática ;)

[@LegacyDJDesign]

Hola oscar muy buen tutorial, una pregunta que plugin usas para tus cursos?

[@OVDIVI]

En mi academia estoy usando learndash + woocommerce + divi :)

[@DanielGaona]

desde que instalé cloudflare no puedo recibir orreos que tenía sincronizados en outlook para ese dominio... cómo puedo resolver eso?

[@OVDIVI]

Hola Daniel, seguramente te faltó configurar los DNS. Si quieres regresar todo como estaba solamente tienes que deshabilitar tu sitio desde cloudflare...

[@jimenezjohnny_mediabuyer]

Hola Oscar. Gracias por el video. Tengo una consulta. No se cual es el plugin que instalaste para Fragmentos de Código. Creo que no lo enseñaste.

[@OVDIVI]

Hola Johnny el plugin se llama Code Snippets :)

[@TIPPsicologosCursos]

Yo instale a mi sitio estos complementos de plugins Async JavaScript, Test jQuery Updates, pero no se si en un tema creado con Divi son necesarios. Saludos paisano, desde Guadalajara.

[@OVDIVI]

Son alternativas y si tienes resultados positivos entonces está muy bien :) Saludos hasta Guadalajara.

[@TIPPsicologosCursos]

@@OVDIVI saludos y gracias por contestar.

[@janomanzano]

Hola, muy buenos tips. Tengo una consulta. ¿dónde encuentro el plugin FRAGMENTOS DE CÓDIGO?...

[@OVDIVI]

El plugin está en el reposotirio de WordPress, lo buscas como: Code Snippets

[@franckozii]

Hola oscar, si esta optimizan la hago al principio de creación de un sitio es lo mismo que hacerlo al final o espero tener todo terminado en mi ecommerce para aplicar este tutorial?

[@OVDIVI]

Yo prefiero hacerlo al final, ya que he instalado todos los plugins de mi sitio. Lo que si debes ir haciendo sobre la marcha es la optimización de tus imágenes, siempre trata de subirlas optimizadas aunque al final las puedes optimizar otro poco más con algún plugin.

[@franckozii]

hola Oscar muy buen contenido, gracias por la info, no encuentro los codigos en tu sitio web. en que parte los podria copiar?¡

[@OVDIVI]

Hola Franco, muchas gracias. ¿Qué código necesitas? En los comentarios recuerdo haber dejado ya unos fragmentos.

[@franckozii]

@@OVDIVI en el minuto 50:28 dejas un código que hay que pegar en el pluggin fragmento de código, dentro de tu blog tampoco encontré el detalle de estos código. muchas gracias.

[@franckozii]

@@OVDIVI el pluggin FRAGMENTO DE CODIGO tampoco lo encuentro.

[@OVDIVI]

@@franckozii Si lees los comentarios a Eva Hernandez le he dejado el código :) El plugin está en el repositorio de WordPress, lo buscas como: Code Snippets.

[@victormontoyacruz]

Hola Oscar, dónde puedo conseguir el plugin de fragmentos de código. Saludos

[@OVDIVI]

Lo buscas desde Plugins / Añadir nuevo... Búscalo como Code Snippets. Es este: es.wordpress.org/plugins/code-snippets/

[@victormontoyacruz]

@@OVDIVI Gracias Oscar

[@Fierexita]

Con que plugin se realizó el slider de testimonios?

[@OVDIVI]

Hola Natalia, puedes ver el tutorial gratis desde aquí: kzbin.info/www/bejne/omKckHdtm8qenM0

[@Fierexita]

@@OVDIVI gracias!!

[@jacobayala5264]

Hola! ¿Al asociar el dominio a shortpixel eso también optimiza a las paginas con slug o hay que agregarlas de alguna otra manera? Es porque yo asocié mi pagina con el dominio principal pero me parece que las otras paginas (las que van con el slug) no se optimizaron. Gracias por el tutorial! Es muy bueno!

[@OVDIVI]

Hola Jacobo, tengo entendido que solamente con el dominio principal debe tomar todos los slugs, por ejemplo: tupagina.com/nosotros upagina.com/contacto...

[@yilimusa]

Amigo gracias por los tutoriales, son de gran ayuda. Queria preguntarle, donde ubico la función para la pagina de precarga. De antemano muchas gracias.

[@OVDIVI]

Hola Juan al final no usamos el código, hemos instalado otro plugin para el preloader, es.wordpress.org/plugins/wp-smart-preloader/

[@lacocinadelatialety]

Que casualidad justo hace una media hora encontré la página gtmetrix e hice el test en la página del trabajo pero realmente no supe interpretarlo bien me salió en rojo defer parsing of javascript, specify a cache validator, server scaled images y en amarillo leverage browser caching, el resto en verde, en la noche veré a detalle el tutorial para ver qué puedo mejorar, muchas gracias!👏

[@OVDIVI]

Hola qué tal edd2s. Espero este video te ayude a mejorar los tiempos de carga de tu sitio amigo. Un abrazo.

[@miradastiernitas5806]

Buenisimo. una pregunta hay tmabien descargarse el plugin de short pixel y poner el API key ? o solo con registrarse y asociar el dominio basta?

[@OVDIVI]

Solo registrarse y asociar el dominio, te permite cierta cantidad de imágenes gratis y en la mayoría de los casos con eso es suficiente.

[@jacobayala5264]

@@OVDIVI Al asociar el dominio eso también afecta a las paginas con slug o hay que agregarlas de alguna manera?

[@OVDIVI]

@@jacobayala5264 Tengo entendido que solamente agregando el dominio principal también aplica para todos sus slugs...

[@altacomd]

Excelente tutorial. Uno de los mejores que he visto. Si pudieras incluir, como mejorar el tiempo de carga de Facebook Pixel y de Google Analytics en wordpress (?)

[@OVDIVI]

Aquí lo que hacemos es mejorar el sitio en general de WordPress y también se optimizarán los código de FB Pixel y Google Analytics si estos están inscrustados en tu web. ¿O a qué te refieres con mejorar los tiempos de carga de FB Pixel y G Analytics?

[@PinkuPoison86]

Hola, una pregunta, sabras porque no me sale la pesta;a de woocommerce?

[@OVDIVI]

Hola Rosa, ¿Si tienes instalado el plugin de WooCommerce?

[@sensualdestination]

Excelente curso Oscar, tengo tiempo viendo tus videos y son excelentes, sobre todo la facilidad como explicas, mis felicidades, una pregunta para el tema de valoración con estrellas, utilizas algún plugin o código?

[@OVDIVI]

Muchas gracias Luis, las valoraciones ya es una funcionalidad que viene con woocommerce por defecto, las puedes activar desde los ajustes de woocommerce :)

[@sofyruano8745]

Óscar como siempre tus videos son de gran ayuda. Muchas gracias 😊Nada más que tengo un problema, no tengo litspeed en mi página. Intente usar el plugin de igual manera pero no funciona. Que puedo hacer??

[@OVDIVI]

Hola Sofy qué tal, puedes optar por otra alternativa. Quizá WP Super Cache, aunque hay muchas más que te pueden servir bien :)

[@sofyruano8745]

@@OVDIVI muchas gracias 😊 lo intentaré

[@nepuma14]

Hola Oscar cómo estás, soy un admirador de tu trabajo y agradezco todo el valor que das a la comunidad de KZbin, quería comentarte que la página de Short pixel ya no funciona, no se si haya una alternativa a este cambio. Muchas gracias de antemano!!

[@OVDIVI]

Hola Nelson, muchas gracias por las palabras. Sobre shortpixel tengo entendido que sigue vigente: shortpixel.com/

[@GerardoMiguelRaffaelli]

cargar AVIF me pone a mi la opcion le coloque que si

[@OVDIVI]

Sí, es la nueva versión de imágenes para web :)

Hola estimado Oscar, una pregunta sobre el Preloader. Todo bien con el plugin, selecciono un preloader en SVG, y se ve perfecto, pero no puedo modificar su tamaño. En la web del plugin en donde puedes customizar lo dejo en 24px en formato SVG, pero cuando se ve en mi web se ve mucho más grande. Intente de distintas maneras pero no puedo bajar su tamaño, por favor si me puedes ayudar con esto, gracias.

[@OVDIVI]

Hola Cristóbal, intenta con este otro plugin: es.wordpress.org/plugins/loftloader/ Igual es muy bueno.

@@OVDIVI gracias como siempre amigo

[@VictorAlyCS]

Hola que plugin es ese de fragmentos de codigo, no me aparece

[@OVDIVI]

Se llama Code Snippets, Victor. Lo instalas desde Plugins...

[@FedeFrigerio]

Si tengo un video de vimeo insertado como código : El código de un tercero ha bloqueado el hilo principal durante 530 ms como puedo hacer para bajarlo? cabe destacar q es el vimeo pago

[@OVDIVI]

Hola Fede, la verdad desconozco ese tema. No sabría decirte :(

[@franklinguzmanmorales1706]

Hola Fede Frigerio , Pudiste solucionar lo que indicas , tengo el mismo inconveniente.

[@FedeFrigerio]

@@franklinguzmanmorales1706 hola! nop

[@Fierexita]

Sería bueno un vídeo sobre seguridad del sitio, con los plugin más recomendados y su confirmación.

[@Fierexita]

*configuración

[@OVDIVI]

Por supuesto, ese tutorial también lo tengo hecho y será liberado en las próximas semanas. Un abrazo Natalia.

[@juanmartin9808]

@@OVDIVI como lo busco ?

[@OVDIVI]

@@juanmartin9808 Lo subiré la semana que viene. Activa la campanita de youtube para que te avise una vez esté listo. Un abrazo Juan.

[@yonathancardona766]

Chicos ayudaaaa, he seguido todo al pie de la letra, pero mi página se dañó, no carga bien, todo parce como si estuviera todo en html, no cargan los estilos, las imágenes fuera de lugar y sin el tamaño original, todo mal 😭 si me pueden ayudar se los agradecería

[@OVDIVI]

Hola hola, es importante que al ir probando cada una de las opciones vayas viendo los resultados, son cosas que pasan y lo menciono en el video. Alguna opción que activaste no se debe llevar bien con tu web, cada página es diferente así que debes ir probando a ver cual es la del error.

[@marcorubino810]

Por algun motivo en mi sitio no esta surgiendo efecto los ajustes de autooptimize. especificamente las opciones de unificar HTML, CSS, y JS. al poner ver el codigo fuente este esta espaciado.

[@OVDIVI]

Hola Marco, seguramente hay que borrar cache para ver el cambio reflejado. LiteSpeed Cache también viene con esas opciones, puedes intentar con las de ese plugin para ver si funcionan o no.

[@katherinesaavedra8840]

Hola, podrias decirme cual es el plugin que usas para añadir los códigos php? de antemano gracias

[@OVDIVI]

Por supuesto Katherine, el plugin se llama Code Snippets. Saludos.

[@cristian.giardina]

Una consulta... ¿que pasa con el webmail de mi sitio web si configuro CloudFlare? van a seguir llegando los correos?

[@OVDIVI]

Depende como lo configures, si usas la configuración automática, sí, deben seguir llegando correctamente los correos :)

[@cristian.giardina]

@@OVDIVI gracias!

[@ruben_cabrerap]

¿Hola como estas, que opinion te merece Divi NItro de Divi Engine?, gracias.

[@OVDIVI]

Hola Ruben, a pesar de que lo tengo honestamente nunca lo he probado, pero por lo que he leído aún le falta. Habría que probarlo para poder dar una análisis mejor.

[@ruben_cabrerap]

@@OVDIVI Optimize y LiteSpeedcache me rompieron el sitio seguro por las actualización del video hasta acá de unos y otros. Lo menciono por la compatibilidad además que Nitro permite seleccionar la minificacion de forma individual que me parece mas responsable. Saludos.

[@OVDIVI]

@@ruben_cabrerap En el video comento que las opciones se deben ir probando porque no a todos los sitios les va la misma configuración. La configuración del video es la que sigo usando en todos mis sitios y no he tenido problemas hasta ahora. Pero testearé Divi Nitro a ver qué tal. Un abrazo Ruben

[@angygomez7592]

Hola!! tengo una consulta, porque en wordpress no me aparece la opción fragmentos de código para poder insertar el enlace y eliminar los dashicon. Gracias

[@OVDIVI]

Hola Angy, para que te aparezca el menú de fragmentos de código debes instalar el plugin: Code Snippets :)

[@oscarcg2244]

Yo solo tuve unos problemas, resulta que desaparecen algunas imagenes e iconos y tampoco me deja abrir el menú desplegable, todo esto en moviles, en Escritorio todo súper

[@OVDIVI]

Hola Oscar, necesitamos primero saber si el problema viene del plugin Autoptimize o del plugin Cache. Si deshabilitas Autoptimize funciona correctamente? Si es así entonces debe ser una configuración de este plugin. Es cosa de probar

[@luisargeniscruzsanchez2715]

Hola, por qué me aparece en mi web una leyenda pequeña que dice "loading widget" cada que carga una página? cómo lo puedo eliminar, de antemano gracias

[@OVDIVI]

Hola Luis, no tengo idea, podría ser por algún plugin que tienes o no sé

[@julianandreylesmesmozo9687]

Hola les tengo una pregunta, estoy afiliado a un producto y estaba realizando mi página de ventas en el constructor de DIVI, el inconveniente es cuando pruebo la página en dispositivos móviles, en celulares Android funciona excelente pero al momento de probarlo en un iPhone o dispositivos de apple las imágenes no cargan y la página se pone bastante lenta, que es lo que estoy haciendo mal y como lo puedo solucionar?

[@OVDIVI]

Hola Julian, habría que revisar tu sitio web para saber que está sucediendo, es probable que alguna configuración esté causando el conflicto

[@alfonsolopez4429]

Hola. Tengo un problema. He ensayado abrir mi landing page en varios dispositivos y en algunos casos una o varias fotos no se abren. Como puedo solucionar esto. Muchas gracias por tan excelente tutorial. Logre mejorar la página.

[@OVDIVI]

Hola Alfonso, ¿Lo que comentas te pasa al configurar los plugins cache? Quizá se deba a la opción de la optimización de las imágenes. Haz pruebas sin esa opción.

[@glendyramos558]

Hola muy buen video, sabe que antes de realizar los pasos que indicas, coloque el botón de whatsapp siguiendo unos de tu videos, y al aplicar los pasos que explicas en este video se me desapareció ese botón, pero cuando coloco el personalizador de tema ahí si se ve el botón... ahora he ido probando en Autoptimize para ver si logro dar con ese detalle pero nada, me podrías ayudar por favor.

[@OVDIVI]

Hola Glendy, si tienes autoptimize desactivado y el botón de WA se ve, entonces es una configuración del plugin. También podrías considerar colocar los códigos de las librerías de WA en el pie de página y esto lo puedes lograr creando un pie de página personalizado desde el generador de temas. En tu layout para tu pie de página insertas el módulo código y dentro pones los códigos que colocamos en Integración de las opciones de divi.

[@carlosespinoza939]

hola una pregunta sabes como solucionar el problema de gtmetrix favicon.ico 404

[@OVDIVI]

Hola Carlos, estás cargando el favicon desde el personalizador de temas? Vuelve a subirlo a ver si eso ayuda. Saludos.

[@hugocbcuco]

hola muy interesante y bueno, donde puedo obtener los códigos, por ejemplo el preloader, saludos y excelente video como siempre

[@OVDIVI]

Hola Hugo muchas gracias. Lamentablemente no he guardado el código porque más adelante prescindimos de él porque instalamos otro preloader. Si lo necesitas podrías pausar el video y copiarlo :( ¡Saludos!

[@juanfelipeyara2840]

Amigo una consulta. Me podrías compartir el código para cargar un CDN o librería externa solamente en la fan pages o pagina de inicio. Gracias. PSDT: No se como es como di con este increíble video gracias.

[@OVDIVI]

Por supuesto Juan, de hecho lo acabé de compartir en otro comentario pero aquí va de nuevo: // Cargar slick js solo en la página de inicio function ov_load_script_home(){ if (is_front_page()){ wp_enqueue_script( 'slick-carousel', 'cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.min.js', '', '1.9.0', true ); } } add_action("wp_enqueue_scripts", "ov_load_script_home");

[@camilovelasquez2689]

Hola! Como contrarrestar que no me afecte los eventos del pixel de facebook??

[@OVDIVI]

¿Te está afectando? Puedes no cachear el código pixel de facebook amigo. Desde los ajustes del plugin cache.

[@jaym.2248]

hola buen video, una pregunta podrias compartirnos el codigo del proloader para pegarlo en snippets, gracias

[@OVDIVI]

Hola Jesús, si ves el video completo al final ya no optamos por ese preloader y nos decantamos por otro :)

[@nari9241]

Cordial saludo! Muchas gracias por tu video :) Una pregunta, resulta que casi siempre debo actualizar las páginas 2 veces para que los elementos se carguen correctamente y no se vean desconfigurados. Esta ptimización podría ayudar a mejorar esto? Mil gracias! ♥

[@OVDIVI]

Hola Nari, es probable que soluciones ese detalle con esto. Es cosa de probarlo :)

[@MrReiter24]

Cuando paso de infranetworking a Cloudflare me indica esto y no se que hacer. "No se puede acceder a este sitio web" tampoco puedo ingresar a mis subdominios :(

[@OVDIVI]

Hola, quizá están mal configurados los CDN o CNAME, revisa eso.

[@santi_pilot]

como puedo obtener el item de fragmento de codigo ?

[@OVDIVI]

Hola Santiago, ¿exactamente a que fragmento te refieres?

[@victoraguileralara]

// Eliminar dashicons en el frontend para usuarios no conectados add_action( 'wp_enqueue_scripts', 'bs_dequeue_dashicons' ); function bs_dequeue_dashicons() { if ( ! is_user_logged_in() ) { wp_deregister_style( 'dashicons' ); } }

[@OVDIVI]

@@victoraguileralara Gracias Victor :)

[@GabrielaCorderoJahr]

Hola! tengo un video mp4 al inicio, que aunque está liviano, Gmetrix y Page Speed lo castigan mucho. ¿sabes si hay una forma de optimizar videos en la forma que lo hace Short Pixel? Gracias por tu video! tremendamente útil

[@OVDIVI]

Hola Gabriela qué tal, si tu video está insertado en tu mismo WordPress puedes tener problemas. Yo te recomiendo subirlo a esta plataforma: cloudinary.com/ y colocarlo a través de la url en tu sitio web :) Cloudinary es especial para subir videos y servirlos a través de un cdn, esto ayuda mucho. Saludos.

[@mrbivakcomunica5577]

Hola! Me da error y no me deja abrir el editor visual de DIVI (solo a veces) cuando uso el plugin: async Javascript, ¿alguna recomendación?

[@OVDIVI]

Hola amigo, si tienes problemas con async javascript es mejor no usarlo. Es algo común que ocurre con ciertos sitios, también en mi caso lo he dejado deshabilitado. Saludos.

[@carlosantonio131313]

muy buena guía , optimicé como un crack!! Gracias !! De que país eres bro.?

[@OVDIVI]

Excelente Carlos, me da gustó saber que en realidad está siendo útil este video. Soy de México :D

hola que tal Oscar, realmente pedazo de tutorial que hiciste, todas mis felicitaciones, eres un maestro!. Tengo una pregunta, tengo mi web hospedada en Siteground, y uso el Plugin que ellos recomiendan SG Optimized, que opinas de este plugin, vale la pega o me recomiendas cambiarlo?. Gracias.

[@OVDIVI]

Hola Cristobal, muchas gracias :) La verdad no tengo experiencia con el plugin de Siteground, no sabría decirte porque no lo he utilizado pero supongo que tiene sus ventajas al ser de la misma empresa. Lo ideal es que realices tus pruebas y ver con que plugin cache te va mejor :)

[@erickperez4759]

Profesor podria compartir el código del deshicons

[@OVDIVI]

Hola Erick, por aquí en los comentarios lo he compartido, dale una revisada parace que se lo compartí a Eva. :)

[@santiagomontoya8937]

Buenas noches, bro. He intentado y seguido los pasos uno a uno a la vez, y sigo teniendo una optimización pobre de mi sitio sembrandoestereo.com no baja la velocidad de carga y los números de PageSpeed Insights y GTmetrix son rojos.

[@OVDIVI]

Podría deberse al tipo de hosting que tienes. La velocidad del sitio va a depender de muchos factores. :(

[@juandavidcardona1412]

Bro, yo tambien uso banahosting, pero al pasar los dns a cloudflare se me desconfiguraron todos los correos que habia conectado con gmail. como los vulevo a configura?

[@OVDIVI]

Hola Juan David, la verdad desconozco cómo habías conectado los correos con gmail, pero seguramente debes cambiar los dns o registros MX también de gmail para conectarlos con los de cloudflare.

[@lynacastaneda5566]

A mi me pasó lo mismo, cómo lo solucionaste?

[@OVDIVI]

@@lynacastaneda5566 Hola Lyna, si le envías un ticket a banahosting seguro te pueden apoyar con eso. Incluso el equipo de cloudflare puede darte una mano.

[@YovaSV93]

Excelente video me sirvio de mucho!!! tengo una pregunta como puedo encolar la font que se ve en esta imagen ibb.co/yBFt34Q la font se carga desde un plugin pero me gustaria encolarla.. o hacer que se cargue hasta el final.

[@OVDIVI]

Hola Yova tal vez se necesite de una función, algo así: add_action( 'wp_head', function () { $fonts_dir = get_template_directory_uri() . '/fonts/'; ?>

[@hardroko]

holaaa necesito ayuda como reduzco el tiempo de respuesta del servidor hice todas las optimizaciones existentes las de tu video y otras pero sigue estando sobre 10seg :(

[@hardroko]

vuelvoo a actualizar , ya reduje el tiempo de carga a 0,7seg el plug in de litespeed me hizo empeorar las cosas m e daba mas tiempo de carga sobre los 10seg, así que cambie al wp super cache y boom perfecto todo,, mi servidor esta en hostgator por si a alguien le sirve esto tambienquite plug in the filtros y busquedas ajax me restaron4.5 seg

[@OVDIVI]

@@hardroko Hola gracias por compartir tu experiencia. LiteSpeed Cache va genial con servidores litespeed, y sí, aveces te irá mejor con otros plugins cache todo esto dependerá de las configuraciones del servidor. Un abrazo Hardroco.

[@elvisperez7625]

Hola amigo, muy buen video, excelente... Te puedo enviar mi link de mi pagina para que indiques que tal va? actualmente esta cargando entre 3 y 4 segundos

[@OVDIVI]

Vas muy bien Elvis, si gustas puedes compártirmelo y en cuanto tenga tiempo lo reviso :)

[@MotivacionDiariaTrading]

hola buenas tardes, me puedes pasar por favor el código de cargar JS solo en la pagina de inicio, lo he buscado en la pagina del blog y no lo encuentro por ninguna parte, porfa ayudame con eso crak

[@OVDIVI]

// Cargar slick js solo en la página de inicio function ov_load_script_home(){ if (is_front_page()){ wp_enqueue_script( 'slick-carousel', 'cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.min.js', '', '1.9.0', true ); } } add_action("wp_enqueue_scripts", "ov_load_script_home");

[@asdruvalgantiva2775]

Hola Oscar, muy bueno, llevo 12 minutos y era lo que necesitaba, Pregunta, este proceso que veremos sirve para otro tipo de de WP, tengo muchos en Divi pero tambien otros en WpBakery y Elementor, funcionaria?

[@OVDIVI]

Hola qué tal, si te puede ser funcional no solo para divi sino para cualquier otro sitio con WP.

[@luisangelacunag9949]

Hola, muchas gracias por tu contenido, puedo notar que algunas cosas han cambiado en el GTMETRIX al 2023, he logrado encontrar los datos del Page Details y sus 3 metricas: Fully Loaded Time / Total Page Size / Total Page Requests ---- Pero no encuentro los datos del Performanse Scores y sus 2 metricas: PageSpeed Score / YSlow Scores ---- Xfa veo ahora GTmetrix Grade y 2 metricas de nombres: Performance / Structure Comentame, ¿Es lo mismo? Gracias por tus amables comentarios. Saludos!

[@OVDIVI]

Sí Luis, vendrían siendo esas nuevas opciones :)

[@andreafuentes8903]

Oscar hola, no encuentro el código del preloader... me lo puedes copiar.

[@OVDIVI]

Hola Andrea, al final ya no usamos ese preloader porque optamos por otro, pero si deseas el código aquí lo tienes: add_action( 'wp_head', 'cargar_preloader', -1 ); function cargar_preloader() {?>

[@angeldelfin9790]

Hola, oye me podrías decir como buscar el plugin: fragmentos de códigos? Por favoooooooor.

[@Eldellunar-purpura]

lo buscas como: Code Snippets

[@OVDIVI]

@@Eldellunar-purpura Así es, se llama Code Snippets. Gracias Santiago.

[@jedolz]

Oscar tenia un gif en mi pagina de inicio, era el tipo de gif que indica al usuario que haga scroll down para ver mas contenido, pero ese gif con la optimizacion se daño, creo que tiene que ver algo con la conversion de imagen a webp, sabes algo de como podria solucionar el problema?

[@OVDIVI]

Hola Jorge, vuelve a cargar el gif para ver si lo soluciona. Cual es tu sitio? Podría inspeccionar y ver si muestra algún error la consola.

[@jedolz]

@@OVDIVI Hola oscar lo pude solucionar desactivando la opcion de carga diferida de Autoptimize. Carlos Por favor sube un video tutorial enseñandonos como configurar el buscador tal cual como lo tienes en esa pagina de tours. Se ve genial como precarga en la barra e buscador. quedamos pendientes de ello

[@rociotoledo4133]

Hola Oscar, excelente video!! Tengo un problema cuando quiero disminuir el tiempo de carga para las fuentes, activo la función de google fonts de autoptimize pero cuando vuelvo a analizar la web para ver el rendimiento me siguen apareciendo igual las fuentes. Osea lo sigo viendo igual como si no seleccionara la función de google font del plugin, tenes idea qué podría estar pasando? o de que alguna otra forma lo podría solucionar? Muchas gracias!!

[@OVDIVI]

Hola Rocio cada sitio es diferente y en algunos casos no podrás implementar todas las funciones. En cuanto a la fuente no sé que puede estar pasando. :( Tendría que revisarse a detalle.

[@jorgeantoniopoccorpachipil5316]

Hola, que pasa si optimizo pero sigo creando páginas?

[@OVDIVI]

Se irán optimizando solas Jorge, aunque siempre es bueno darle un vistazo a la velocidad cada que instales un nuevo plugin.

[@CebrerosNancy]

Hola, yo uso sitegroud y ellos ofrecen SG Optimizer, ya active todas sus opciones y aun así no logro mejorar los reportes de GTmetrix. Puedo instalar este plugin que tu sugieres y tener los dos? No crea conflicto entre ellos?

[@OVDIVI]

Hola Nancy lo ideal es que te vayas por uno. No es recomendable tener dos o más plugins de cache instalados. Puedes intentar con el que recomiendo en este tutorial, o bien, probar con algunos otros que hay en el repositorio de WordPress.

[@sandhert]

Hola amigo. Me puedes dejar el código para cargar el js sólo en el home? Ya busqué entre los comentarios y no lo conseguí. Intenté copiarlo desde la pantalla, pero a pesar de revisarlo varias veces y a mi parecer estaba igual, me daba error. Gracias.

[@OVDIVI]

Hola Sandy, aquí lo tienes: // Cargar slick js solo en la página de inicio function ov_load_script_home(){ if (is_front_page()){ wp_enqueue_script( 'slick-carousel', 'cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.min.js', '', '1.9.0', true ); } } add_action("wp_enqueue_scripts", "ov_load_script_home");

[@sandhert]

@@OVDIVI muchas gracias amigo

[@Eduardo-eg7du]

Hola, Si en Autoptimize selecciono la opción " ¿Unificar todos los archivos CSS enlazados? Si esta opción está desactivada los archivos CSS seguirán en su lugar pero minimizados." me rompe la web (como si no funcionara el css) ¿Sabrías decirme por qué? Estoy usando DIVI con todo actualizado

[@OVDIVI]

Hola Eduardo, si te rompe la web te recomiendo no utilizar esa opción. Divi viene con una opción de minificar sus css por defecto, así que no hace falta al menos que quieras minificar los archivos de los plugins que tengas.

[@escenamd946]

Hola, tu recomendación me provoco un malware y ahora la tengo en blacklist

[@OVDIVI]

Hola, yo tengo esta misma configuración y no tengo ningún problema. Siempre manten actualizado WordPress, Divi y todos los plugins que tengas. Y trata de que los plugins no sean nulled. Por si te sirve también tengo un tutorial de seguridad: kzbin.info/www/bejne/d3Wmi3SkorGHaLc

[@cenocoelpiloto]

Hola! muchas gracias por el tutorial! mi sitio está mejorando un montón. Una pregunta, es posible que al hacer la parte de Shortpixel las imágenes se vean un poco pixeladas? me pasa eso en el sitio y no sé si será esa la causa. Gracias de antemano :)

[@OVDIVI]

Hola Andrés que tal :) Si las optimizas mucho, sí, puede suceder que se pixelen, por eso debes definir que calidad de optimización deseas. Un abrazo Andrés.

[@cenocoelpiloto]

@@OVDIVI muchas gracias, voya revisar eso, pensaba que era automatico, o sea, una calidad standard