Actually, the essence of the problem in the question (it breaks down when all the slides are displayed down), here is the work using the slick slider (responsive) build of gulp. How to get around this or overcome? I tried to change the order of loading files, asynchronous loading, all useless. Google but did not find the right advice.

Closed due to the fact that off-topic participants Grundy , aleksandr barakin , sercxjo , VenZell , Pavel Mayorov 4 May '16 at 11:23 .

It seems that this question does not correspond to the subject of the site. Those who voted to close it indicated the following reason:

  • “Questions asking for help with debugging (“ why does this code not work? ”) Should include the desired behavior, a specific problem or error, and a minimum code for playing it right in the question . Questions without an explicit description of the problem are useless for other visitors. See How to create minimal, self-sufficient and reproducible example . " - Grundy, aleksandr barakin, sercxjo, VenZell, Pavel Mayorov
If the question can be reformulated according to the rules set out in the certificate , edit it .

    1 answer 1

    Update

    Slides for a second are lined up in full size, and then cropped and packed into a slider. The menu on the left is also shown expanded for a second, and then it collapses its submenus.

    I believe that the scripts do not have time to prepare the page for the show.

    Proposition 1. The http://martynuk.esy.es/js/script.js script first picks up the fonts, and then adjusts the slider. I suggest that you remove the fonts from the script and pick them up otherwise.

    $("head").append("<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,700|Open+Sans+Condensed:700|Ubuntu:400,300|Roboto+Condensed:400,300' rel='stylesheet' type='text/css'>"); $("head").append("<link rel='stylesheet' type='text/css' href='https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css' />");

    Proposition 2. Try to move the script with the slider from the page's tail to the header.

     <script src="js/vendor.js"></script> <script src="js/script.js"></script>
    • @zorro Tell me what happens next. If it's about fonts, then everything is clear. And if you had to transfer scripts to the header, then you can’t stop, PageSpeed ​​Insights does not order. The slider script and from the tail of the page must cope with the work. - Gleb Kemarsky