Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Minha página index.html está carregando pra sempre no live server

Meu site html, apenas na pagina index.html não está carregando, ela aparece a página no navegador com o css e tudo, porém fica carregando para sempre e todas suas funcionalidades não estão funcionando

HTML DO HEAD:

<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <link rel="icon" type="image/x-icon" href="../assets/Outros-Assets/Logomarca-Dagua.ico">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Como corretor de imóveis experiente, estou aqui para ajudá-lo a encontrar a casa dos seus sonhos. Explore nossa ampla seleção de propriedades e comece sua jornada rumo ao lar perfeito agora mesmo!">
    <meta name="keywords" content="corretor de imóveis, imóveis a venda, imóveis para aluguel, casas para comprar, apartamentos para venda, Imobiliária, Consultor Imobiliário, Bens imobiliários, Investimento Imobiliário, propriedades comerciais, Casas de Luxo, Aluguel de imóveis, Vendas de terrenos, Avaliação Imobiliária, Financiamento Imobiliário, consultoria em investimentos, Casa própria, Condomínios à venda, Mercado Imobiliário, Negociação de Propriedades">
    <meta name="robots" content="index, follow">
    <meta property="og:title" content="Casas à Venda em Lauro de Freitas e Salvador">
    <meta property="og:description" content="Explore esta incrível oportunidade de comprar uma casa em Lauro de Freitas e Salvador.">
    <meta property="og:url" content="https://vanderleiamorimcorretor.com.br">
    <meta property="og:type" content="website">
    <meta name="copyright" content="₢ 2023 Vanderlei Amorim">
    <meta name="language" content="pt-br">
    <meta http-equiv="Content-Language" content="pt-br">
    <title>Corretor de Imóveis em Lauro de Freitas e Salvador - Encontre a Casa dos Seus Sonhos!</title>
    <script type="module" src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.esm.js"></script>
    <script nomodule src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.js"></script>
    <link rel="canonical" href="https://vanderleiamorimcorretor.com.br">
    <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=Inter&family=Montserrat&family=Poppins&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css"/>
    <script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
    <link rel="stylesheet" href="style.css">
</head>

CSS style:

@import url("apartamentos.css");
@import url("destaques.css");
@import url("filtro.css");
@import url("footer.css");
@import url("header.css");
@import url("moradaP.css");
@import url("reset.css");

:root {
    --fonte-principal: 'Inter';
    --fonte-secundaria: 'Poppins';
    --fonte-terciaria: 'Montserrat';
    --fonte-quaternaria: 'Helvetica Neue', sans-serif;

    --cor-principal: white;
    --cor-secundaria: #EAD7BB;
    --cor-terciaria: #AE445A;
    --cor-quaternaria: #e2b474;
    --cor-quinaria: #113946;
}

html {
    scroll-behavior: smooth;
    overflow-x: hidden;
}

.header > a > img {
    width: 25%;
}

.button-submit > img {
    animation: anima-loading 1s infinite linear;
}

@media screen and (max-width: 1024px) {

    header {
        overflow-x: hidden;
    }

    .header__opções > a > img {
        width: 80%;
    }
}

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

Caso seja possível alguém poderia me ajudar nisso?

1 resposta
solução!

Olá João, tudo bem?

Isso pode estar acontecendo por diversos motivos, porém, como não tenho acesso a seu projeto completo, deixo abaixo algumas possíveis soluções:

  • Scripts com Erros ou em Loop: Verifique se há algum script JavaScript que possa estar causando um loop infinito ou que contenha algum erro que impeça a página de finalizar o carregamento. Abra as ferramentas de desenvolvedor do seu navegador (geralmente acessíveis com F12) e verifique a aba "Console" para possíveis mensagens de erro.

  • Recursos Externos: Você está carregando recursos externos como fontes do Google e o Swiper via CDN. Se algum desses recursos estiver demorando para responder, isso pode atrasar o carregamento da página. Tente comentar temporariamente esses links para ver se o problema persiste.

  • Caminhos de Arquivos: Verifique se todos os caminhos para os arquivos estão corretos, especialmente os scripts e os links de importação de CSS. Um caminho incorreto pode fazer com que o navegador fique tentando carregar um recurso que não existe.

  • Tamanho dos Arquivos: Se você estiver usando imagens ou outros arquivos grandes, eles podem estar demorando para carregar. Tente otimizar esses arquivos para melhorar o tempo de carregamento.

  • Cache do Navegador: Às vezes, o cache do navegador pode causar problemas. Tente limpar o cache do seu navegador ou abrir a página em modo anônimo para ver se o problema persiste.

  • Extensões do Navegador: Algumas extensões do navegador podem interferir no carregamento de páginas. Tente desativar temporariamente as extensões para ver se isso resolve o problema.

  • Live Server: Se estiver usando uma extensão de Live Server no seu editor de código, tente reiniciá-la ou reinstalá-la.

Experimente essas sugestões e veja se alguma delas resolve o problema. Todavia, vale ressaltar que como não tenho acesso ao cenário completo do projeto outros testes terão de ser feitos a fim de obter o resultado esperado, mas espero que esta resposta seja um bom ponto de partida para a resolução do seu problema.

Espero que dê tudo certo! Abraços e bons estudos!

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓. Bons Estudos!