How Come My Website Loads Slow?

Often times, people may contact us and say that the 'web site is running slow' because images load very slowly.

Nowadays, many people upload photos from their digital cameras. As these photos get larger in size, they also become heavier and heavier in file size. Some of these images can even be many megabytes in size.

Many new webmasters are not aware that these large images take quite a long time to download when they are placed on a website. It is a common mistake to simply upload these large files and then use your local web design tool to re-size an image to size it. Even though the image displays smaller, it does not change the file size of the source image.

Here is an example:

Link 1 (Loading Slow) - This is what it looks like when a large image is resized with HTML.

Link 2 (Loading Properly) - And this is what it looks like when the image is resized before being uploaded.

To fix this, you will need to resize your images in a graphics editor (ie. Photoshop Elements, MS Paint, Gimp) before you upload the image.

Here are some links to popular image editing software:

http://www.adobe.com/products/photoshopelwin/ (Photoshop Elements is the slimmed down and easier to use baby brother of the industry standard Photoshop)

http://www.gimp.org/ (GIMP is a free image manipulation tool that is little tougher to use, but has almost the same feature set as Photoshop)

There are also products that come with both Windows and Macintosh computers that will help you resize images.

Did you find this article helpful?

We value your feedback!

Why was this article not helpful? (Check all that apply)
The article is too difficult or too technical to follow.
There is a step or detail missing from the instructions.
The information is incorrect or out-of-date.
It does not resolve the question/problem I have.
How did you find this article?
Please tell us how we can improve this article:
Email Address
Name

new! - Enter your name and email address above and we will post your feedback in the comments on this page!

Like this Article?

Comments

Post a comment
n/a Points
2014-05-10 3:20 pm

Excellent example to show de image Loading Properly

I recommend to leave without the image dimensions of the image in the html tag

‹img src="/support/image1.jpg"› is better for the responsive design

@alexandersilvar  - Venezuela

Post a Comment

Name:
Email Address:
Phone Number:
Comment:
Submit

Please note: Your name and comment will be displayed, but we will not show your email address.

News / Announcements

WordPress wp-login.php brute force attack
Updated 2014-07-17 06:43 pm EST
Hits: 200885

Related Questions

Here are a few questions related to this article that our customers have asked:
Ooops! It looks like there are no questions about this page.
Would you like to ask a question about this page? If so, click the button below!
Ask a Question

Need more Help?

Search

Ask the Community!

Get help with your questions from our community of like-minded hosting users and InMotion Hosting Staff.

Current Customers

Chat: Click to Chat Now E-mail: support@InMotionHosting.com
Call: 888-321-HOST (4678) Ticket: Submit a Support Ticket

Not a Customer?

Get web hosting from a company that is here to help. Sign up today!