My website needs much time to load and still doesn't display


#1

Anyone could help me please?

My website is: http://www.chloechannel.com and it’s loading and loading over time.

I don’t know how to fix it…

Many thanks.


#3

Hi, the issue is in your index.html file on line 37.

<div class='preloader'><div class='loaded'>&nbsp;</div></div>

If you remove that code, the page loads instantly. However, you sacrifice the preloading gif in removing that code.

It looks to me like you purchased or downloaded this template. If that’s the case, I suggest you contact the original owner of the template and ask what can be done. I tried replacing the code with a simple jQuery script, and also with a piece of code that is supposed to only display the gif for a couple second, but neither of those worked.

Maybe another staff member (@ckhawand, @hexa, @teodor)


#4

Hey @ChloeNguyen!

I have fixed your issue. I used some javascript to show the loader for about 2-3 seconds. I hope this is sufficient for you. I added id=“preloader” into your template and then added the JS to the bottom of the HTML. If you’d like the loader to be shown for a longer period of time, or less, you can simply change the time of the code.

Hope that helps! :slight_smile:


#5

Let’s make it disappear when page loads completely.
Replace the body tags with

<body onload="remove()">

Then, at the bottom of the page, use this javascript script

remove(){
  document.getElementById('preloader').style.display = 'none';
}

#6

Many thanks to all of you guys :heart:

More than supporting me, you taught me about code and how to fix the same problem.

Thank you and have a good day :heart::heart::heart:


#7