Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • September 3, 2023 at 11:25 am #1417942
    Xiscoj

    Good morning,

    After trying to solve it on my own with optimization plugins I have not found a solution for my full-screen slider loading slow. If you see it in live or in some speed test the full screen slider on the top is loading some seconds after the rest of the page, which is obviously not giving a good sign.

    I do not know if you are able to help me with this, but I would prefer to stick with this feature rather than install one slider plugin not so integrated.

    Thank you.

    September 3, 2023 at 8:30 pm #1417973
    Mike

    Hey Xiscoj,
    Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field to add a background image to the slider while your images are loading.

    #top .avia-fullscreen-slider {
  background-repeat: no-repeat;
  background-image: url(https://leukosarchitecture.es/wp-content/uploads/2023/06/reforma-integral-vivienda-los-alcazares-murcia-2-1-1500x1000.jpg);
  background-position: 50% 55%;
  background-size: cover;
}

    Best regards,
    Mike

    September 4, 2023 at 8:31 am #1418006
    Xiscoj

    Hey Mike,

    Included that but it did not work, i am seeing it the same way and the tests as well.

    September 4, 2023 at 9:11 am #1418012
    Xiscoj

    Hey again Mike,

    I am trying to discover the issue while loading and there are two html petitions that are slowing everything down 3,6 seconds in total.

    One of them related with fontello (see screenshot 1), other with a petition that i can not identify (screenshot 2), so the waterfall is still giving problems with the slider (see screenshot 3).

    I am no expert, i just discovered that these issues are not happening in other pages of my website.

    Thank you and sorry for the inconveniences

    September 4, 2023 at 5:06 pm #1418087
    Mike

    Hi,
    It looks like the css I provided is working well, a image is shown on page load instead of a white space where the slider is, you don’t see this?
    In the screenshot it looks like a custom 404 page is being called because the font file is not found on cloudflare.
    Are you using cloudflare? Try disabling it to see if you get the same error for the missing font, I believe your site is blocking “hot linking” on the server if so try disabling this.
    If you don’t get the error with cloudflare disabled then you will need to get cloudflare to also serve your font, but I don’t use cloudflare so I’m not sure how to do that. But test without cloudflare first.
    Try changing your custom 404 page to not redirect, use the option Display selected page without redirect, it will work the same way and you won’t see /?avia_forced_reroute in the address bar.

    Best regards,
    Mike

    September 4, 2023 at 8:10 pm #1418107
    Xiscoj

    Hi Mike,

    Yes, the initial code for the image worked. As did the changing of custom 404.

    I did try disabling Cloudfare and the error with entypo-fontello.woff2 did not disapear. I do not know why it is only appearing in home, in two languages but not in the rest of the pages.

    I looked to load the font from Cloudfare and it is too much code for me, definitely. :/

    Thank you very very much for all your help, it is very appreciated!

    • This reply was modified 1 year, 2 months ago by Xiscoj.
    September 5, 2023 at 6:19 pm #1418192
    Mike

    Hi,
    I think the font that is a 404 is from a custom icon font, did you install a custom icon font?
    If you did please check the zip file that you got from fontello to see if it contained fontello.woff2, if it did then manually add it to the directory via ftp
    /wp-content/uploads/avia_fonts/fontello/fontello.woff2
    if not try downloading it again from fontello and manually add it to the directory via ftp, I don’t recommend installing it again unless you fist uninstall it.

    Best regards,
    Mike

    September 6, 2023 at 8:47 am #1418245
    Xiscoj

    Hi Mike,

    You did identified the issue. You were right, I uploaded the icon to the directory and deleted the other fonts, now it is not giving problem and loading very fast.

    Issue totally solved, thank you very very very very much!

    You can close the thread.

    September 6, 2023 at 5:21 pm #1418284
    Mike

    Hi,
    Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Full screen slider loading slow’ is closed to new replies.