Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 12 of 12
  1. #1
    New Coder
    Join Date
    Apr 2012
    Location
    Nashville, TN
    Posts
    26
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Loading Time Issues

    Hey all. Is there anything I can do to make the site load quicker? I know I am using larger images but it's still taking way too long to load. Any help would be greatly appreciated.

    http://www.test2.trinityviewfarm.com


    Thanks
    Mark
    Last edited by MarkBondi; 01-17-2013 at 08:16 PM.

  • #2
    Senior Coder
    Join Date
    Jan 2011
    Location
    Missouri
    Posts
    4,303
    Thanks
    23
    Thanked 612 Times in 611 Posts
    For starters use the attributes of height="" width="" and give the px dimensions of the image on the page in the <img> tags.
    FYI: did take too awfully long to load.

  • #3
    Regular Coder
    Join Date
    Apr 2012
    Location
    St. Louis, MO
    Posts
    985
    Thanks
    7
    Thanked 101 Times in 101 Posts
    Optimizing the images to 72dpi and the correct dimensions in either .jpg or .gif is a good idea. .png isn't too bad. Avoid .bmp.

    Access is denied by this network, so I can't look at the code to comment.
    ^_^

    If anyone knows of a website that can offer ColdFusion help that isn't controlled by neurotic, pedantic jerks* (stackoverflow.com), please PM me with a link.
    *
    The neurotic, pedantic jerks are not the owners; just the people who are in control of the "popularity contest".

  • #4
    New Coder
    Join Date
    Apr 2012
    Location
    Nashville, TN
    Posts
    26
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by sunfighter View Post
    For starters use the attributes of height="" width="" and give the px dimensions of the image on the page in the <img> tags.
    FYI: did take too awfully long to load.
    man I bought the code from themeforest, as I am not a coder. Can you give me a heads up in more detail of how that'd look?

  • #5
    New Coder
    Join Date
    Apr 2012
    Location
    Nashville, TN
    Posts
    26
    Thanks
    1
    Thanked 0 Times in 0 Posts
    my understanding is that the code makes the images fit the size of the browser used. So if I put in exact dimensions, wouldn't that be too large for an iPad, or laptop?

  • #6
    New Coder
    Join Date
    Nov 2012
    Location
    India
    Posts
    53
    Thanks
    0
    Thanked 3 Times in 3 Posts
    There is lot of aspect require to down loading of the website. The experience web developer require to check the coding structures, any third party API or script integration or not, remove unnecessary CSS and Java Script, Image optimization etc.

  • #7
    New Coder
    Join Date
    Oct 2012
    Posts
    13
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Regarding unnecessary javascript

    Yes, it is true that if you want to minimize downloading time, then remove unnecessary java script, css, images, etc. Also make sure to do perfect coding structure.

  • #8
    Regular Coder Nerevarine's Avatar
    Join Date
    Jan 2013
    Location
    Phendrana Drifts, Tallon IV, W-Class
    Posts
    285
    Thanks
    0
    Thanked 17 Times in 17 Posts
    Blog Entries
    3
    Removing unnecessary code is the crux of making your website load faster. I would suggest changing most JPEGs into PNGs.

    Removal of any unnecessary JavaScript is good as well.

    Check the load time on all browsers.

    And get rid of ANY Iframes.

    And make sure to Validate! Super important!
    Last edited by Nerevarine; 01-18-2013 at 01:17 PM. Reason: validation
    Time kills us in our sleep and we watch it happen in our dreams. -K.K.
    THE END-ALL PROGRAMMING REFERENCE: CLICK HERE (Courtesy of Major Payne)
    My username was previously L0adOpt1c. :: Please read this before posting in the HTML/CSS forum.
    Validate your HTML here and your CSS here. :: Need basic HTML/CSS tutorials? Click here, don't post about it.

  • #9
    Senior Coder jerry62704's Avatar
    Join Date
    Oct 2007
    Location
    Springfield, IL
    Posts
    1,100
    Thanks
    13
    Thanked 87 Times in 87 Posts
    Quote Originally Posted by MarkBondi View Post
    Hey all. Is there anything I can do to make the site load quicker? I know I am using larger images but it's still taking way too long to load. Any help would be greatly appreciated.

    http://www.test2.trinityviewfarm.com


    Thanks
    Mark
    Always validate your page. Here is the results of the markup validation:
    Validation Output: 13 Errors
    Error Line 236, Column 155: The frameborder attribute on the iframe element is obsolete. Use CSS instead.

    …byline=0&amp;portrait=0&amp;badge=0&amp;color=d19302" frameborder="0"></iframe>

    Error Line 245, Column 7: Stray end tag div.

    </div>

    Error Line 296, Column 41: Bad value for attribute src on element img: Must be non-empty.

    <li><a href="#"><img alt="" src="" ></a></li>

    Syntax of IRI reference:
    Any URL. For example: /hello, #canvas, or http://example.org/. Characters should be represented in NFC and spaces should be escaped as %20.

    Error Line 297, Column 41: Bad value for attribute src on element img: Must be non-empty.

    <li><a href="#"><img alt="" src="" ></a></li>

    Syntax of IRI reference:
    Any URL. For example: /hello, #canvas, or http://example.org/. Characters should be represented in NFC and spaces should be escaped as %20.

    Error Line 298, Column 41: Bad value for attribute src on element img: Must be non-empty.

    <li><a href="#"><img alt="" src="" ></a></li>

    Syntax of IRI reference:
    Any URL. For example: /hello, #canvas, or http://example.org/. Characters should be represented in NFC and spaces should be escaped as %20.

    Error Line 299, Column 41: Bad value for attribute src on element img: Must be non-empty.

    <li><a href="#"><img alt="" src="" ></a></li>

    Syntax of IRI reference:
    Any URL. For example: /hello, #canvas, or http://example.org/. Characters should be represented in NFC and spaces should be escaped as %20.

    Error Line 300, Column 41: Bad value for attribute src on element img: Must be non-empty.

    <li><a href="#"><img alt="" src="" ></a></li>

    Syntax of IRI reference:
    Any URL. For example: /hello, #canvas, or http://example.org/. Characters should be represented in NFC and spaces should be escaped as %20.

    Error Line 319, Column 87: Bad value prettyPhoto[gallery1] for attribute rel on element a: Illegal character in path component. The string prettyphoto[gallery1] is not a registered keyword or absolute URL.

    …ref="images/portfolio/JuliannaVenue1.jpg" rel="prettyPhoto[gallery1]" title="">

    Syntax of absolute IRI:
    An absolute URL. For example: http://example.org/hello, but not /hello. Spaces should be escaped as %20.
    Syntax of link type valid for <a> and <area>:
    A whitespace-separated list of link types listed as allowed on <a> and <area> in the HTML specification or listed as an allowed on <a> and <area> on the Microformats wiki without duplicate keywords in the list. You can register link types on the Microformats wiki yourself.

    Error Line 329, Column 91: End tag p seen, but there were open elements.

    …="project-description"><a href="http://www.doerman.com">Doerman Photography</p>

    Error Line 329, Column 68: Unclosed element a.

    …="project-description"><a href="http://www.doerman.com">Doerman Photography</p>

    Error Line 333, Column 107: An a start tag seen but an element of the same type was already open.

    …" rel="prettyPhoto[gallery1]" title=""><img src="images/portfolio/JuliannaVenu…

    Error Line 333, Column 107: End tag a violates nesting rules.

    …" rel="prettyPhoto[gallery1]" title=""><img src="images/portfolio/JuliannaVenu…

    Error Line 333, Column 107: Cannot recover after last error. Any further errors will be ignored.

    …" rel="prettyPhoto[gallery1]" title=""><img src="images/portfolio/JuliannaVenu…
    Some of them are very pretty obvious and some might take a couple of minutes to figure out. But in all cases whoever sold you the code should fix his errors on his dime.

    Here is where you go to check out your page: http://validator.w3.org/check?uri=ht...Inline&group=0

    If you don't know what all that means, the address starts with the HTTP. After the word "check" is a question mark (?). Everything after that is parameters for the web page to work with.
    .
    .
    ...and gladly would he learn and gladly teach

    Visit www.LiberalsWin.com for humor and the unique Bush/Obama Approval Polls

  • #10
    Senior Coder jerry62704's Avatar
    Join Date
    Oct 2007
    Location
    Springfield, IL
    Posts
    1,100
    Thanks
    13
    Thanked 87 Times in 87 Posts
    Quote Originally Posted by MarkBondi View Post
    Hey all. Is there anything I can do to make the site load quicker? I know I am using larger images but it's still taking way too long to load. Any help would be greatly appreciated.

    http://www.test2.trinityviewfarm.com


    Thanks
    Mark
    Another place to go is http://analyze.websiteoptimization.com/wso

    In your case your web page is so large it can't be analyzed. Drop one large image and it will fit.

    BTW, I like how your developer lays out his page. Very clean.
    .
    .
    ...and gladly would he learn and gladly teach

    Visit www.LiberalsWin.com for humor and the unique Bush/Obama Approval Polls

  • #11
    New to the CF scene
    Join Date
    Jan 2013
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Try to not use large images, if it is possible. Visitors prefer to see the site quickly than seeing an good image.

  • #12
    Master Coder felgall's Avatar
    Join Date
    Sep 2005
    Location
    Sydney, Australia
    Posts
    6,642
    Thanks
    0
    Thanked 649 Times in 639 Posts
    That looks like it ought to be at least seven separate pages and not just one.

    Having way over 200 files to download to display the one page is also far too many. Try combining files together - you can even do it with images and then use CSS to display the separate images all out of the one file.

    If you must have huge pages then make sure that they are not pages that people are likely to visit directly and provide a warning about the delays on the page where you put the link. People are more likely to wait for a huge web page to load if they know how big it is before they start to load it.
    Stephen
    Learn Modern JavaScript - http://javascriptexample.net/
    Helping others to solve their computer problem at http://www.felgall.com/

    Don't forget to start your JavaScript code with "use strict"; which makes it easier to find errors in your code.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •