1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Fast loading time for photo portfolio?

Discussion in 'White Hat SEO' started by Warboy16, Nov 10, 2016.

  1. Warboy16

    Warboy16 Newbie

    Joined:
    Apr 24, 2016
    Messages:
    12
    Likes Received:
    1
    Hello BHW members,

    So I'm currently working on a website for a family friend who is a photographer. I know that pages should be under 1mb for optimal loading times.

    My issue is that even with 80% photo compression, the portfolio page is still well over 5-10MB. I have about 30 pictures on the page.

    I'm wondering if there is anything else I can do to decrease photo size or at the very least, increase page loading time.

    Any input would be greatly appreciated!

    Warboy
     
  2. validseo

    validseo Jr. VIP Jr. VIP Premium Member

    Joined:
    Jul 17, 2013
    Messages:
    906
    Likes Received:
    521
    Occupation:
    Professional SEO
    Location:
    Seattle, Wa
    • Lazy load the images... don't load the big images until they are actually being viewed.
    • If you make the gallery using AMP then it will be cached on Google's CDN and will be fast for mobile.
    • Make mobile images sized for mobile screens.
    • Do you really need full resolution for a website... can you drop them to 1200 pixels at 72 DPI because website visitors are only supposed to look at them... not print or edit them.
     
  3. Monsterer

    Monsterer Jr. VIP Jr. VIP

    Joined:
    Nov 26, 2015
    Messages:
    1,241
    Likes Received:
    225
    Gender:
    Male
    Yes Image optimization is much important for page loading speed.
    You have to try good optimizer tool to give good images in your site.
    Because for your site, images are more important to attract the visitors.
     
  4. azurous

    azurous Jr. VIP Jr. VIP

    Joined:
    Jan 30, 2015
    Messages:
    339
    Likes Received:
    70
    Gender:
    Male
    Occupation:
    Fat Cat
    Location:
    New York
    Home Page:
  5. Warboy16

    Warboy16 Newbie

    Joined:
    Apr 24, 2016
    Messages:
    12
    Likes Received:
    1
    These are excellent suggestions, thank you! The lazy image load method seems especially useful. Would decreasing the DPI negatively affect the quality of the photo?

    If it's of any importance, I'm using a WordPress with the Themify Ultra theme.
     
  6. Warboy16

    Warboy16 Newbie

    Joined:
    Apr 24, 2016
    Messages:
    12
    Likes Received:
    1
    I am using thumbnails, though I'm not sure if the page is loading the full size image as well. Considering the long loading time, that would seem likely.
     
  7. azurous

    azurous Jr. VIP Jr. VIP

    Joined:
    Jan 30, 2015
    Messages:
    339
    Likes Received:
    70
    Gender:
    Male
    Occupation:
    Fat Cat
    Location:
    New York
    Home Page:
    in chrome , go to inspect - > network, you'll see what files are being loaded and how long they take to load. Are you sure you're not just linking to the full size images?
     
    • Thanks Thanks x 1
  8. validseo

    validseo Jr. VIP Jr. VIP Premium Member

    Joined:
    Jul 17, 2013
    Messages:
    906
    Likes Received:
    521
    Occupation:
    Professional SEO
    Location:
    Seattle, Wa
    Web images are drawn at 72 DPI for classic monitors and 144DPI for retina displays. Just don't use the raw full resolution photos. Those are huge... find the smallest resolution and dimensions that looks nice on the website.
     
    • Thanks Thanks x 1
  9. Warboy16

    Warboy16 Newbie

    Joined:
    Apr 24, 2016
    Messages:
    12
    Likes Received:
    1
    Understood, thank you for your help!
     
  10. Trinity Smith

    Trinity Smith Regular Member

    Joined:
    Aug 26, 2016
    Messages:
    440
    Likes Received:
    76
    Gender:
    Female
  11. nonin

    nonin Power Member

    Joined:
    Apr 26, 2010
    Messages:
    732
    Likes Received:
    501
    Gender:
    Male
    Location:
    I connect dots..
    Home Page:
    morning, I would say it is all about the server and the cms you use - for photography websites there are very specific platforms. I have a hobby photography project artforweb.couk (CC0 photos) and I use free cms called piwigo (lots of photographers do use it as well).

    let me know if you need some help to play with it (I'm not an expert though) - hit me up a dm.

    as for the server - I have a €145/month dedicated server in Netherlands (the original price was much higher).

    be well,
    H
     
    • Thanks Thanks x 1
  12. Inlisted

    Inlisted Newbie

    Joined:
    Nov 2, 2016
    Messages:
    47
    Likes Received:
    2
    Gender:
    Female
    You can also use scripts for quality change of images.
     
    • Thanks Thanks x 1
  13. Jeter62

    Jeter62 Registered Member

    Joined:
    Mar 10, 2015
    Messages:
    55
    Likes Received:
    11
    Keep the images in cloud (like Amazon S3). It will significantly improve the image load speed and the page load speed, too.
     
    • Thanks Thanks x 1
  14. Warboy16

    Warboy16 Newbie

    Joined:
    Apr 24, 2016
    Messages:
    12
    Likes Received:
    1
    These are all excellent suggestions, thank you everyone for your input!
     
  15. nonin

    nonin Power Member

    Joined:
    Apr 26, 2010
    Messages:
    732
    Likes Received:
    501
    Gender:
    Male
    Location:
    I connect dots..
    Home Page:
    s3 for images?? :D :D and what will be the bill when he hits huge traffic spike? .. oh man.. :(
     
    • Thanks Thanks x 1