Go Back   CodingForums.com > :: Client side development > HTML & CSS

Before you post, read our: Rules & Posting Guidelines

Reply
 
Thread Tools Rate Thread
Enjoy an ad free experience by logging in. Not a member yet? Register.
Old 01-17-2013, 07:35 PM   PM User | #1
MarkBondi
New Coder

 
Join Date: Apr 2012
Location: Nashville, TN
Posts: 24
Thanks: 1
Thanked 0 Times in 0 Posts
MarkBondi is an unknown quantity at this point
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..
MarkBondi is offline   Reply With Quote
Old 01-17-2013, 08:20 PM   PM User | #2
sunfighter
Senior Coder

 
Join Date: Jan 2011
Location: Missouri
Posts: 2,395
Thanks: 18
Thanked 351 Times in 350 Posts
sunfighter is on a distinguished road
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.
sunfighter is offline   Reply With Quote
Old 01-17-2013, 09:01 PM   PM User | #3
WolfShade
Regular Coder

 
Join Date: Apr 2012
Location: St. Louis, MO, USA
Posts: 952
Thanks: 7
Thanked 98 Times in 98 Posts
WolfShade is an unknown quantity at this point
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".
WolfShade is offline   Reply With Quote
Old 01-17-2013, 11:37 PM   PM User | #4
MarkBondi
New Coder

 
Join Date: Apr 2012
Location: Nashville, TN
Posts: 24
Thanks: 1
Thanked 0 Times in 0 Posts
MarkBondi is an unknown quantity at this point
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?
MarkBondi is offline   Reply With Quote
Old 01-17-2013, 11:38 PM   PM User | #5
MarkBondi
New Coder

 
Join Date: Apr 2012
Location: Nashville, TN
Posts: 24
Thanks: 1
Thanked 0 Times in 0 Posts
MarkBondi is an unknown quantity at this point
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?
MarkBondi is offline   Reply With Quote
Old 01-18-2013, 06:33 AM   PM User | #6
webdevs
New Coder

 
Join Date: Nov 2012
Location: India
Posts: 52
Thanks: 0
Thanked 3 Times in 3 Posts
webdevs is an unknown quantity at this point
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.
webdevs is offline   Reply With Quote
Old 01-18-2013, 11:41 AM   PM User | #7
paulinetaylor85
New Coder

 
Join Date: Oct 2012
Posts: 13
Thanks: 0
Thanked 0 Times in 0 Posts
paulinetaylor85 is an unknown quantity at this point
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.
paulinetaylor85 is offline   Reply With Quote
Old 01-18-2013, 01:17 PM   PM User | #8
L0adOpt1c
New Coder

 
L0adOpt1c's Avatar
 
Join Date: Jan 2013
Location: <bed />
Posts: 87
Thanks: 0
Thanked 6 Times in 6 Posts
L0adOpt1c is an unknown quantity at this point
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!
__________________
Validate, early and often. | Use W3Schools! |
Search for your answer before posting.
For the love of everything electronic, VALIDATE
Zdravstyvutye. Zdarova Chuvok?

Last edited by L0adOpt1c; 01-18-2013 at 01:17 PM.. Reason: validation
L0adOpt1c is offline   Reply With Quote
Old 01-18-2013, 03:07 PM   PM User | #9
jerry62704
Senior Coder

 
jerry62704's Avatar
 
Join Date: Oct 2007
Location: Springfield, IL
Posts: 1,049
Thanks: 9
Thanked 82 Times in 82 Posts
jerry62704 is on a distinguished road
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
Quote:
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
jerry62704 is offline   Reply With Quote
Old 01-18-2013, 03:13 PM   PM User | #10
jerry62704
Senior Coder

 
jerry62704's Avatar
 
Join Date: Oct 2007
Location: Springfield, IL
Posts: 1,049
Thanks: 9
Thanked 82 Times in 82 Posts
jerry62704 is on a distinguished road
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
jerry62704 is offline   Reply With Quote
Old 01-19-2013, 03:59 AM   PM User | #11
fantasticode
New to the CF scene

 
Join Date: Jan 2013
Posts: 5
Thanks: 0
Thanked 0 Times in 0 Posts
fantasticode is an unknown quantity at this point
Try to not use large images, if it is possible. Visitors prefer to see the site quickly than seeing an good image.
fantasticode is offline   Reply With Quote
Old 01-19-2013, 04:53 AM   PM User | #12
felgall
Master Coder

 
felgall's Avatar
 
Join Date: Sep 2005
Location: Sydney, Australia
Posts: 5,465
Thanks: 0
Thanked 499 Times in 491 Posts
felgall is a jewel in the roughfelgall is a jewel in the roughfelgall is a jewel in the rough
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/
felgall is offline   Reply With Quote
Reply

Bookmarks

Jump To Top of Thread


Thread Tools
Rate This Thread
Rate This Thread:

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT +1. The time now is 08:29 AM.


Advertisement
Log in to turn off these ads.