0

Cuando abro el sitio con live server funciona perfectamente, pero al momento de abrirlo subido a un host, hay unas imagenes que se muestran en blanco, no entiendo por que, ya que es un template. No encuentro el error, no es un problema de linkeo. Es un carrousel con js.

r: https://agustinsito.github.io/trytrytry1/

Como se deberia de ver

Como se ve

1
  • 1
    Si te fijas en el Dev Tools vas a poder ver que hay recursos que no se cargan porque no estas usando HTTPS, por ejemplo, 'http://fonts.googleapis.com/css?family=Open+Sans:400,300,700,800. Incluilos usando https://
    – Marcos
    Commented el 10 sept. 2022 a las 11:32

1 respuesta 1

0

Intenté buscar solución a tu problema pero es complicado. Tienes muchas cosas mal en ese proyecto.

1- Usa HTTPS para cargar TODO lo necesario en tu sitio. En este caso las fuentes, para ello edita style.css dentro de assets/css. Puedes borrarlas y cargarlas directamente en tu HTML. No solo es mejor, es más rápido usando preload. Así le indicas al nevegador que eso tiene prioridad y que lo descargue en cuanto antes.

Este es el código para la fuente que ocupas:

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;700;800&display=swap" rel="stylesheet">

2- Carga los .css dentro del head y no dupliques las librerías. En tu caso, estás llamando 2 veces a Fontawesome. Una de ellas, dentro del <body> cosa que está incorrecta. Procura cargar siempre los .css y scripts necesarios (por ejemplo google analytics) dentro de la eiqueta <head> y los .js hasta abajo del HTML y antes de cerrar el <body>.

recursos

A simple vista parece insignificante, pero si empiezas a usar buenas prácticas, será mas fácil ayudarte en situaciones como esta. Por ejemplo, podrías estar mezclando códigos que podrían estar haciendo que tu sitio falle. Prueba editando tu pregunta agregando más detalles y haciendo las correcciones. Saludos.

1
  • muchas gracias por el feedback, igualmente como lo mencione arriba es un template, solo edite el texto Commented el 10 sept. 2022 a las 17:28

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.