Viewing 15 replies - 1 through 15 (of 19 total)
  • The very first thing you need to do is to make the filesize of your background image smaller.

    It is currently 4.9MB which is massive and makes the whole site very very slow to load.

    Thread Starter Matthew

    (@kidsguide)

    I just made it a little smaller. If I make it too small then it doesn’t completely cover the background of the website.

    Any other suggestions?

    Sorry Matthew, you misunderstand what I meant. I didn’t mean to make the image smaller in terms of size, but to reduce the file size.

    Currently you are using a png file which could be massively reduced in file size.

    I have just opened the image file in an image editor, exported it as a .jpg and then used smush.it (an image compression service) and I have reduced the file size from 4.9MB to 633KB, which is just over 8 times smaller.

    You could do the same thing, or if you would like then I can email you the reduced size file if you let me know where to send it.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    I know you’re both cool people but we can’t do email on these forums. Thanks.

    The slider transitions are very laggy, suppose that`s because of the large bg picture. Like JohnPope said, you should decrease the image file size, there are plenty of image compression tools online.

    Thread Starter Matthew

    (@kidsguide)

    @andrew: good to note.

    @johnpope: I will try that out and get back to you once I am done doing it. Thanks!

    @spitza23: That is most likely a problem with the background. I will get that fixed.

    Thread Starter Matthew

    (@kidsguide)

    Just changed the image to make it way smaller. Have a look.

    One thing I would suggest is use CSS to make the background image take up 100% of your browser. Currently, it gets cut off on a cinema display.

    Thread Starter Matthew

    (@kidsguide)

    What sort of CSS code would I use?

    background-size:cover applied on the body tag

    Thread Starter Matthew

    (@kidsguide)

    Like this?

    body {
    background-size: cover;
    }
    Thread Starter Matthew

    (@kidsguide)

    Just tried that code above and it worked. Thanks

    Why there is another Tab for Home just above slider?

    Thread Starter Matthew

    (@kidsguide)

    I should remove that title above it on the home page. Will do.

    Thread Starter Matthew

    (@kidsguide)

    Just removed the title using the Hide Title plugin.

    Anything else?

Viewing 15 replies - 1 through 15 (of 19 total)
  • The topic ‘Website Review’ is closed to new replies.