SitePoint Sponsor

User Tag List

Results 1 to 17 of 17

Thread: Page Load Time

Hybrid View

  1. #1
    SitePoint Enthusiast
    Join Date
    Jun 2010
    Posts
    70
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Page Load Time

    Hey Good Folks,

    Images probably account for at least 80% of of my site's data.

    According to Google Analytics my page load times actually seem good (under 2 seconds) - except for one (18+ seconds), and it's the page that draws most of my visitors.

    My thumnbails average around 15kb, but there are lots of them. Are they too big or just too many?

    Maybe it'll help if I relate my image-editing process using GIMP.

    I begin with an image of 3000px by 4000px that amount to 4.5MB - 6MB, and I crop as much as I can. I then scale these down so that the greater dimension will be 1100px. These are the images my thumbnails point to, and when I save them I reduce the quality to 85. I then scale these down again so that the greater dimension will be 300px, and further reduce the quality to 65. These are my thumbnails, and, as I've said, they amount to about 15kb.

    Thanks for any help you can offer,
    jcmcobra

  2. #2
    Mouse catcher silver trophy Stevie D's Avatar
    Join Date
    Mar 2006
    Location
    Yorkshire, UK
    Posts
    5,892
    Mentioned
    123 Post(s)
    Tagged
    1 Thread(s)
    Quote Originally Posted by jcmcobra View Post
    According to Google Analytics my page load times actually seem good (under 2 seconds) - except for one (18+ seconds), and it's the page that draws most of my visitors.

    My thumnbails average around 15kb, but there are lots of them. Are they too big or just too many?
    I would say that 10-20KB is pretty standard for thumbnails, so the problem is more likely to be that you do just have too many of them. Just how many have you got, if it's taking nearly 20 seconds to load? Is there any way that you can thin them out, or maybe split them over multiple pages? Another option, for people using Javascript, is to only load the first few of them to start with and then progressively load more as the user scrolls through the page.

    You say that this is the most popular page – is it likely to be the first page that people land on? If so then speed is an issue, and you don't want a slow page to be the first one that greets people. On the other hand, if they typically land at a different page (which loads quickly) and then come through to this one, they're already invested in the site so they are more likely to be patient and stick around while it loads.

  3. #3
    SitePoint Enthusiast
    Join Date
    Jun 2010
    Posts
    70
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by Stevie D View Post
    I would say that 10-20KB is pretty standard for thumbnails, so the problem is more likely to be that you do just have too many of them. Just how many have you got, if it's taking nearly 20 seconds to load? Is there any way that you can thin them out, or maybe split them over multiple pages? Another option, for people using Javascript, is to only load the first few of them to start with and then progressively load more as the user scrolls through the page.
    Yea, I was thinking of breaking the page up into several, more focused pages. With about 120 thumbnails (and sure to grow indefinitely), it could easily be done. The thing is, I'm pretty sure that'll hurt my page ranking - at least in the short run. One reason it's the most visited page is that it ranks second only to my index.

    Quote Originally Posted by Stevie D View Post
    You say that this is the most popular page is it likely to be the first page that people land on? If so then speed is an issue, and you don't want a slow page to be the first one that greets people. On the other hand, if they typically land at a different page (which loads quickly) and then come through to this one, they're already invested in the site so they are more likely to be patient and stick around while it loads.
    Good question. It is easily the most likely landing page, so I'm in a bit of a conundrum. I would actually like to add content and make it even more appealing to both man and machine, but that would be pointless if visitors leave in disgust.

    I'm open to suggestions.

    By the way, http://drumdr.com/drum-repair-histories.html is the page in question.

    jcmcobra

  4. #4
    SitePoint Member
    Join Date
    Feb 2013
    Location
    Warrenville, Illinois, United States
    Posts
    13
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    If I can add my 2 cents here. I think you should make each repair a separate well SEO'd page about that specific drum. While most of your traffic is hitting this page now, I think you'll find that by splitting the pages up, you'll actually deliver the desired content to the user much more quickly. I see that you have Google Analytics installed already, so what I may suggest is taking a look at the way people are currently getting to your site (are they typing in a specific drum type and the word repair for example) and split those main keywords off into separate optimized pages. When you've got that all done, you can simply put ONE thumbnail of each drum type on this page and let them navigate to the content...

    Again, just a suggestion...most people don't really like the long-scroll and this could expedite them to the correct content.

  5. #5
    SitePoint Enthusiast
    Join Date
    Jun 2010
    Posts
    70
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by Ryan McIntyre View Post
    If I can add my 2 cents here. I think you should make each repair a separate well SEO'd page about that specific drum. While most of your traffic is hitting this page now, I think you'll find that by splitting the pages up, you'll actually deliver the desired content to the user much more quickly. I see that you have Google Analytics installed already, so what I may suggest is taking a look at the way people are currently getting to your site (are they typing in a specific drum type and the word repair for example) and split those main keywords off into separate optimized pages. When you've got that all done, you can simply put ONE thumbnail of each drum type on this page and let them navigate to the content...
    I already have a page for Djembe Repair and Tabla Repair (the two most popular drums I'm likely to repair). I'm definitely thinking of moving the histories specific to these drums from my Drum Repair Histories page to their relative Repair pages. I would then add a Doumbek Repair and a Frame Drum Repair (the two next most popular drums I'm likely to repair) page to which I would migrate the appropriate content from the Histories page. Hopefully, the traffic to my Histories page I would lose would be picked up by the Repair pages.

    This is just a thought for now.

    In the mean time, I've taken a closer look at Google Analytics and have come to realize that the 18+ second page load time is an AVERAGE and was due to ONE really lousy day. The average has now dropped to 9+ seconds.

    I've also discovered Google's PageSpeed Insights, which analyzes your pages and offers extremely specific suggestions for improvement. Thanks to this tool, I've learned that I can reduce my thumbnails' file size by 50% or more without reducing their quality. That's huge! This is what I'm currently working on, and I intend to follow up on all appropriate suggestions.

    Quote Originally Posted by Ryan McIntyre View Post
    Again, just a suggestion...most people don't really like the long-scroll and this could expedite them to the correct content.
    I agree. Personally, you have to get me to swallow the hook to get me to keep scrolling and scrolling. For this reason, I'm sure that eventually I will probably break this page down eventually, even if the efforts I mention above work to perfection.

    Your feedback is very much appreciated.

    jcmcombra

  6. #6
    Non-Member
    Join Date
    Jun 2012
    Posts
    160
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by jcmcobra View Post
    Hey Good Folks,

    Images probably account for at least 80% of of my site's data.

    According to Google Analytics my page load times actually seem good (under 2 seconds) - except for one (18+ seconds), and it's the page that draws most of my visitors.

    My thumnbails average around 15kb, but there are lots of them. Are they too big or just too many?

    Maybe it'll help if I relate my image-editing process using GIMP.

    I begin with an image of 3000px by 4000px that amount to 4.5MB - 6MB, and I crop as much as I can. I then scale these down so that the greater dimension will be 1100px. These are the images my thumbnails point to, and when I save them I reduce the quality to 85. I then scale these down again so that the greater dimension will be 300px, and further reduce the quality to 65. These are my thumbnails, and, as I've said, they amount to about 15kb.

    Thanks for any help you can offer,
    jcmcobra
    15kb for a thumbnail seems fine to me. I think it is just the issue of having too many accumulating. That is what causes the site to load slower.
    I wouldn't go much lower and risk losing quality.

  7. #7
    SitePoint Enthusiast
    Join Date
    Jun 2010
    Posts
    70
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by shanshan View Post
    15kb for a thumbnail seems fine to me. I think it is just the issue of having too many accumulating. That is what causes the site to load slower.
    I wouldn't go much lower and risk losing quality.
    You're probably right - there's just too many thumbnails. The thing is that Google's PageSpeed Insights specifically singles out all my thumbnails as the culprits of much of my page's poor performance AND it suggests that I scale them down. That's what I'm currently doing (a little at a time - lots of thumbnails), and I haven't noticed a loss in quality.

    I'tll be a while, but once I'm done implementing all of PSI's suggestions I'll report the results.

    Your feedback really is appreciated.

    jcmcobra

  8. #8
    SitePoint Enthusiast
    Join Date
    Jun 2010
    Posts
    70
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    So I've scaled all my thumbnails down to about half their former size (without apparent loss in quality) AND I've compressed them. According to Google's PageSpeed Insights, the page load time has been fluctuating from about 5 secs to just under 10 secs. Better, but not what I'm shooting for.

    The thing is, I don't know how much credit to give Google on this. I've put my website through other page speed analyzers (Pingdom, for example) and get much better results. Any thoughts on this?

    Any way, I've begun to add my repair histories on their respective pages (doumbek repairs on my Doumbek Repair page), rather than continuing to bloat the Repair Histories page. It's a shame because it's my most visited page and ranks well in the serps.

    jcmcobra

  9. #9
    #titanic {float:none} silver trophy
    molona's Avatar
    Join Date
    Feb 2005
    Location
    from Madrid to Heaven
    Posts
    8,264
    Mentioned
    246 Post(s)
    Tagged
    1 Thread(s)
    To be honest, for the amount of thumbnails you got, I'm suprised that you got any lower figure!

  10. #10
    SitePoint Mentor bronze trophy
    John_Betong's Avatar
    Join Date
    Aug 2005
    Location
    City of Angels
    Posts
    1,888
    Mentioned
    74 Post(s)
    Tagged
    6 Thread(s)
    Try these points:

    1. Validate your page:

    http://validator.w3.org/check?uri=ht...Inline&group=0

    2. Analyse usig Pingdom:

    http://tools.pingdom.com/fpt/?testur...histories.html

    3. Create a subdomain for your images "Parallelize downloads across hostnames"
    Learn how to be ready for The New Move to Discourse

    How to make Make Money Now with a *NEW* look

    Be sure to congratulate Wolfshade on earning Member of the Month for August 2014


Bookmarks

Posting Permissions

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