Avisos
Vaciar todo
Página 1 / 2
Siguiente
Hola,
Quisiera arreglar el problema que tiene la página al cargar. Se ve primero como el contenido de más abajo y el pie de página, antes de carga la imagen principal donde aparece la modelo con el bolso.
Este problema lo tenían las demás páginas, pero lo arreglé con el siguiente código:
/*agregar padding al inicio para mejorar carga de la pagina*/
#page-container {
padding-top: 174px!important;
}
.et_pb_section {
padding-top: 174px!important;
}
#main-header {
top:32px;
}
.et_pb_section_0_tb_footer.et_pb_section {
padding-top: 16px!important;
}
Sin embargo, tuve que agregar este otro código para la página de Inicio (Home), pues si usaba los valores del código anterior, la imagen del fondo, de la modelo, quedaba por debajo del menú, por el relleno (padding) que agregué usando el primer código:
.page-id-15 .et_pb_section {
padding-top: 0px!important;
}
¿Cómo podría arreglar ese problema?
Muchas gracias.
Respondido : 05/11/2020 11:34 am
Pienso que si hubiera alguna forma de indicar el espacio que ocupará la imagen antes de cargarse, tal vez podría ser una solución al problema. ¿?
Respondido : 05/11/2020 11:42 am
Hola Natalia,
¿Podrías indicarnos la url del sitio web en cuestión? Adicionalmente, ¿El problema es que la imagen principal carga al final? ¿Tienes algún plugin de cache u optimización? ¿Has probado desactivándolo(s) y ver si el comportamiento de la web es el mismo? Pregunto si el problema es la carga de la imagen por que en tu consulta nos dices que lo has solucionado mediante esos códigos.
Saludos
Respondido : 05/11/2020 12:19 pm
Hola Bulmaro,
Sí, el problema es que la imagen grande de la página principal (la de la mujer con el bolso en la mano), carga al final. Según busqué en internet, es un problema que tiene la platilla Divi (de que el encabezado salta) y que se puede arreglar con el código que usé, pero no me sirve en la primera página, por el problema que indiqué, de que la foto se baja.
No estoy usando ningún plugging adicionalLos Plugging de optimización que están, son los que venían con la plantilla de WebEmpresa (el child theme). Los plugging son los siguientes: "Optimizador.io" y "WP-Optimize". Pero no los he tocado.
Esta publicación ha sido modificada el hace 3 años por Argenis
Respondido : 05/11/2020 12:29 pm
Hola Natalia,
No creo que este sea un problema, te explico. En el desarrollo de sitios web recién se agregó como estándar (para el desarrollo de sitios) la implementación de la carga diferida de imágenes (lazo load) ¿Que es esto? La carga diferida de imagenes es una técnica para mejorar la carga de web y la experiencia del usuario haciendo que las imagenes cargan después del contenido, esto hace posible que el usuario se centre en los contenidos mientras las imagenes (que son contenido secundario) cargan al final. Esto lo tiene implementado tu sitio web, según el código fuente que veo.
Prueba sidesactivando el plugin de WP-Optimize se corrige el problema, tambien podrías intentar subiendo la imagen con un tamaño de 1680x996px, finalmente puedes probar agregando el siguiente código al final de tu archivo functions.php desde Apariencia -> Editor de temas:
add_filter( 'wp_lazy_loading_enabled', '__return_false' );
Adicionalmente, te sugiero revisar la siguiente entrada de nuestro blog -> lazy-load-wordpress-mejora-velocidad-web.html
Saludos 🙂
Respondido : 05/11/2020 12:53 pm
Hola Bulmaro,
Muchas gracias por tu amable explicación.
Prubé cambiando la imagen de tamaño y desactivando el Plugging, pero no funcionó.
Ahora voy a añadir el código, sin embargo, no sé cuál archivo elegir de la lista indicada en la imagen. ¿Es en alguno de los archivos indicados en el recuadro rojo donde tengo que agregar la línea de código?
Respondido : 05/11/2020 1:50 pm
Hola Natalia
Justamente en ese archivo que tienes abierto en pantalla, el archivo llamado functions.php del tema hijo WP Facil, agrega el código en la penúltima línea justo antes del "?>", es importante y te sugiero que así lo hagas, mantener el plugin de WP Optimize desactivado al momento de hacer esta última prueba.
Saludos
Respondido : 05/11/2020 1:54 pm
Respondido : 05/11/2020 2:16 pm
Hola Natalia,
Veo que tienes el plugin de Autoptimize, desactívalo tambien, por favor y si el problema persiste te sugiero instalar el plugin de -> https://wordpress.org/plugins/disable-lazy-loading/
Saludos
Respondido : 05/11/2020 2:26 pm
Hola Bulmaro, buenos días,
Desactivé el plugging que me mencionaste e instalé el plugging "Disable lazy load", pero aún el problema persiste.
Respondido : 06/11/2020 9:11 am
Bulmaro,
Activé una animación vertical para la imagen en las configuraciones del modulo de la imagen (la ventana que se abre) y pareciera que eso arregla el problema.
Respondido : 06/11/2020 10:43 am
Hola Natalia, Buenos Días.
Veo que añadimos un modulo en la misma posicion donde tienes la imagen.
Por favor vuelve a dejarlo como estaba paar que podamos revisarlo.
Un saludo
Respondido : 06/11/2020 10:44 am
Hola Natalia.
parece que se cruzaron las respuestas.
Me alegra que lo solucionaras 😆
Podemos cerrar el hilo ?
Un saludo
Respondido : 06/11/2020 10:47 am
Hola Natalia,
Así es, tienes razón.
Vaya lección me has dado, muchas gracias. Todo era mas sencillo de lo que razoné a partir de mi diagnóstico.
Muchas gracias por compartirnos tu solución, por tu colaboración y tu paciencia.
Saludos.
Respondido : 06/11/2020 10:48 am
Pepe me gusta
Sí, parece que se cruzaron!
Sí, podemos cerrar el hilo. Espero que siga funcionando bien! Muchas gracias!
Respondido : 06/11/2020 11:16 am
Página 1 / 2
Siguiente
