Skip to main content

Forums

  • This topic is empty.
Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #184678
    bearhead
    Participant

    Hi I’m posting this question here because it doesn’t seem to fit within the css, js or php forums.

    The website I’m working on has a fairly slow load speed and I’m trying to figure out ways to improve it. I checked it with google page speed insights and it advised several things, among those were:

    optimize images
    enable compression
    minify css/html
    eliminate render-blocking js/css

    I can cut out about 200 kbs if I do the top three things, but I can’t imagine 200k having that big of an impact on the speed…

    I feel like the js/css is what is creating the delay, but there isn’t much I can do there… I need the js for functinality, and i’m not about to inline all my css o.O

    I do have a script that is used to fade the page in on document.ready, so that could go…but the slowness was there before I added that, so just removing that script won’t
    (by itself) fix the issue.

    link to site

    Is the speed of the page even an issue?
    any recommendations on how to improve it?

    #184680
    TheDoc
    Moderator

    This reply has been reported for inappropriate content.

    It appears to be a server problem to me. Are you connecting to a DB to display the content?

    #184719
    bearhead
    Participant

    This reply has been reported for inappropriate content.

    We’re not using a database, but the website is hosted on a shared server, so I guess that could contribute to slow server response time?

    #184720
    chrisburton
    Participant

    and i’m not about to inline all my css o.O

    minify and inline are two separate things. What you can do is create a style.min.cssand place your minified css into that. Use the minified file in production.

    As far as the speed, it seems there is a pause for pre-loading content. I would bet the issue is coming from Javascript.

    #184722
    Paulie_D
    Moderator

    There are a couple of error in the Console logs which you could look at too.

    Also look at the ‘Audits’ in Web Inspector for Chrome…some issues there.

    #184751
    burr
    Participant

    Article by the filament group

    Also I thought This was a great article and has a nice snippet on deferred font loading.

    #184810
    Ed
    Participant

    It looks to be a server problem. Chrome Dev Tools’ Network panel shows that the biggest slow-down is the home_test.php page, which on my computer took 5 seconds (proof) from a cacheless refresh until the DOMContentLoaded event was fired.

    If I were you, I’d take the index.html page and its assets (on a Mac, you can save everything by pressing Cmd+S), then upload that lot to another server or put it all on GitHub temporarily if you don’t have another server spare.

    This will tell you definitively if there’s a problem with the server, or your JS and stuff. It doesn’t seem to be anything front-end, though…

    #184816
    bearhead
    Participant

    This reply has been reported for inappropriate content.

    Thank you very much for the suggestions. I’ve corrected a few of the issues that the Audits in google chrome picked up and I’ve also tried to optimize my css. I also have removed (for now) the fade-in, fade-out script. However the issue still persists, so as Ed and the Doc have suggested, I think it must be a server issue.

    Oddly, every so often the page will load very promptly on a cacheless refresh, though this happens only 1 out every 10 times or so.

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.
icon-link icon-logo-star icon-search icon-star