Search code examples
javascriptjqueryhtmlperformancepageload

Endless "loading" of the page due to JQuery script. How to solve it?


My page stays in an endless loading state due to my "emoji.js" script (Google Chrome testing). The endless loading disables the "emoji" smileys from appearing and you see them in their text code. But when I hit the "stop" cross button in Chrome...they appear!

It seems to be a dumb issue but I can't figure out how to solve it! All my others JQuery scrips works fine, don't understand...

My page: http://raphaelmartin.olympe.in/pc/music.html


Solution

  • You have livereload, on a specific port, at the end of the page.

    It is injecting code at the end of your page to load this script file:

    view-source:raphaelmartin.olympe.in:35729/livereload.js?snipver=1
    

    If you try to access that file directly you will get the same loading forever problem.

    Start by removing it until you sort it out :)

    If you view the network traffic of your page, e.g. in Chrome's F12 debugging tools, there is a red entry for this JS file, that has a status of:

    (failed)
    net::ERR_CONNECTION_TIMED_OUT