6 {{ upvoteCount | shortNum }}
6 {{ upvoteCount | shortNum }}

Faster Loading Images

by Steve Wells
5 replies
I am looking for sometime of script or code or suggestions to have the images load faster on my web pages.

I know that reduces image file size works BUT that also reduces web page grpahics quality.

Any suggestions with some code or scripting that will work?

If I could just get the header to load first that would be probably the best ideal.
#faster #images #loading
  • Profile picture of the author Aronya
    Double-posting threads is frowned on in forums.
    {{ DiscussionBoard.errors[1511272].message }}
    • Profile picture of the author Steve Wells
      Originally Posted by Aronya View Post

      Double-posting threads is frowned on in forums.
      Just looking for a quick answer sorry!
      Signature
      Need Custom Graphics Work? - Message Me For A Design Quote!
      {{ DiscussionBoard.errors[1511715].message }}
  • Profile picture of the author Mr. Enthusiastic
    Originally Posted by EWGQDD View Post

    I am looking for sometime of script or code or suggestions to have the images load faster on my web pages.
    What are you doing so far? Here are a few tips:

    Trim the image so that what shows up is 100% of the image. For example, if you show the image at 400x200 pixels, make sure the original image is 400x200 pixels rather than having the browser resize it.

    Use jpg to compress the image as much as you can while retaining satisfactory image quality.

    Make the web page static html. If you are using a content management system such as wordpress, use a cache such as wp super cache to capture the html generated by the CMS and redeliver it, rather than running the script and database access again.

    Consider hosting the pictures on a third party content distribution service such as amazon s3.

    If you're already doing all of these, then we could look for some deeper reasons for image slowness.

    It's a shame that png and svg format support isn't widespread enough to be virtually guaranteed. With your graphics, delivering them in vector format would cut way down on the amount of data to be delivered. And the png format includes built-in compression for bitmaps.

    I wonder if you might do well offering a pdf brochure showing more of your graphics, with all of their coolness, outside the limitations of a web page.

    Chris
    {{ DiscussionBoard.errors[1512062].message }}
    • Profile picture of the author chaos69
      Originally Posted by Mr. Enthusiastic View Post

      Use jpg to compress the image as much as you can while retaining satisfactory image quality.
      Dont use JPG.... use PNG unless you need to display photograph quality images.

      This will probably give you some pointers into using images on your website and their loading time.

      Minimize payload size
      Signature
      Best Ways To Make Money Online

      Eight bytes walk into a bar. The bartender asks, “Can I get you anything?”
      “Yeah,” reply the bytes. “Make us a double.”
      {{ DiscussionBoard.errors[1513848].message }}
  • Profile picture of the author windaaja
    Mr. Enthusiastic
    Thank good solutions.
    {{ DiscussionBoard.errors[1514947].message }}

Trending Topics