Increase Speed

Discussion in 'Websites' started by AarAwan, Sep 3, 2013.

  1. #1
    Hello guys,

    I have website designdeckr[dot]com. Its speed its too slow. This website is made in php codeigniter.
    I need you suggestion that how I can improve its loading speed. any suggestion will be highly appreciated.

    Thanks in advance.
     
    AarAwan, Sep 3, 2013 IP
  2. competent123

    competent123 Notable Member

    Messages:
    1,752
    Likes Received:
    71
    Best Answers:
    6
    Trophy Points:
    255
    #2
    put javascript at bottom, you are loading them in header, and try to load jquery from google, they will be much faster, and free up your server load.
    you have a lot of javascript, 650+ kb, try to reduce size of it.


    i dont' recall the script from my head, but there is a script that progressivly loads the images from server, loading whats in front only, so site looks much much faster than it actually is.

    try to offload some files to cdn like amazon s3 ( if you can afford a few bucks) or there are many free ones on the net.

    force server to gzip the content, almost 70% size conservation.


    tell server to add expire headers to static files, so they are not loaded again and again

    these are basic suggestions, but they will at least get you started and thinking.
     
    competent123, Sep 3, 2013 IP
  3. deathshadow

    deathshadow Acclaimed Member

    Messages:
    9,732
    Likes Received:
    1,999
    Best Answers:
    253
    Trophy Points:
    515
    #3
    As much as I'd like to blame the fat bloated codeignitor framework and it's shoe-horning of MVC into the wrong type of language to even HAVE MVC, a simple view of the waterfall here shows around a second to generate the main markup -- while that IS excessively long for the first file request in the chain, it's really not where your delay is coming from.

    One of the scripts -- I don't know which one -- is making it hemmorage unhandled 404 errors... to the point where the page spends > 20 seconds here trying to grab files that don't exist. It seems to be trying to access /notfound which doesn't exist. I went through the handful of non-standard scripts and couldn't find what's causing that.

    competant123 is quite correct though, you've got way too much scripting; but that's just the tip of the iceberg of things that to be frank, I wouldn't put on a website in the first place since I actually care about accessibility, memory use, bandwidth use and just plain sustainability. It's why as a rule, I don't advocate the use of frameworks server side OR client side. Steaming piles of manure like jQuery mated to half-assed garbage like bootstrap is just begging for a slow, bug-ridden pile of filth as the result! ESPECIALLY if you want a site that's fast loading and accessible. Figure in 'gee ain't it neat' nonsense like the script animated scrolling caused by the noodle-doodle 'pageloads are evil' paranoia, resulting in a complete lack of graceful degradation, and it's hardly a shock it's slow and likely useless to a lot of visitors.

    Even just the design concept of multiple boxes of unequal sizes slapped in the page any old way makes it confusing as to where each article even begins and ends, no matter how much newspapers might try to convince you otherwise.

    With 14.6k of markup, 153k of CSS in 5 separate files, and 697k of javascript in 9 separate files all to deliver a mere 2.43k of plaintext and a dozen and a half content images, it very quickly becomes a laundry list of how NOT to build a website! (given that to deliver the same content I'd probable have around two-thirds the markup, 16 to 24k the CSS in just one file and NO scripting... Oh noes, people would have to click on pagination, NOT THAT!)

    Even the markup in use is rubbish, from the HTML 5 for nothing bloat, dumbass polyfills to try and make the HTML 5 crap work on older browsers, (can you tell I'm a fan) and nothing REMOTELY resembling semantic markup with complete gibberish use of numbered headings (just what are all those h2 subsections OF?!?), run-on inline-level elements, endless pointless DIV for nothing, endless pointless classes for nothing, presentational images in the markup, attributes like TARGET that have no business in any HTML written after 1997, elements that should only be present when scripting is working and as such have no business in the markup, and of course the complete lack of scripting off graceful degradation -- as I just said, it's a laundry list of how NOT to make websites.

    As I tell a lot of people, throw it out and start over from scratch, there's nothing of value I'd even TRY to salvage from that mess. It is a poster child for everything wrong with the practice of slapping together off the shelf components, proving just what garbage these 'frameworks' really are -- be they PHP, JS or CSS.
     
    deathshadow, Sep 3, 2013 IP