Google PageSpeed Insights

EverythingEverywhereEverythingEverywhere Extreme TravelerPosts: 85Registered Users Big grins

I recently ran my portfolio site through the Google PageSpeed Insights tool and the results were.....not impressive.

It scored a 59 on mobile and a 54 on the desktop. I tested several other sites of Smugmug users that I know and the results were similar. Anywhere from 62 to 27.

Much of the problem had to do with how javascript and CSS are handled, which is beyond anything individual Smugmug users can control.

Obviously, getting a 100 wouldn't be necessary, but it seems there might be some low hanging fruit that could be fixed to improve everyone's score. I'm guessing at least a few of these fixes could be done quickly and impact everyone's site.

2014 Travel Photographer of the Year, Society of American Travel Writers
2013 & 2015 Travel Photographer of the Year, North American Travel Journalists Association

Facebook | Travel Blog | Travel Photography | Instagram | Google+

Comments

  • leftquarkleftquark SmugMug Product Team Posts: 3,097Administrators, Vanilla Admin, SmugMug Product Team SmugMug Employee
    edited April 13, 2018

    Those Google (and other company) tests can often be quite misleading, mostly because they're just purely testing speed and completely ignore user experience. A page with photos, inherantly, is going to score lower than generic webpages which are more text heavy.

    In general, SmugMug sites load very fast. We do all sorts of optimizations so that the page loads fast and images appear instantly to you and your visitors when browsing photos. Our ops and engineer teams are constantly pushing improvements to make load times quicker and more performant. An example of this speed battle is one of the reasons why we continue to serve your photos through photos.smugmug.com instead of your custom domain (skipping the CDN would slow down load times and make the results on that test even worse).

    Some things that can slow down those page load times include the fact that after the content of the page has loaded we start pre-loading the next/previous images so that when you or your users browse other photos, they load instantly. We could improve the test results by not loading those extra images, but then your users might see a lag when going to the next or previous photos. That's a bad experience that we'd like to avoid.

    Another factor that I've seen the Google speed tests ding SmugMug for is image quality. They say things like "compress your images further to reduce load times." One of the reasons why SmugMug has stood out, and our customers constantly tell us is important to them, is that your photos look great on your SmugMug site. We've performed extensive testing to determine the level of compression we apply to the display photos so that the compression is unnoticeable. If we compressed photos to speed up the results, your photos would look worse. If we hear that you and our other customers would prefer faster load times at the expense of quality, we'd consider compressing photos further.

    Also, in the past Googlebot couldn't handle websites with Javascript, which SmugMug is built on, and their bot was unable to render SM sites. We do some things to allow Googlebot to see how your sites render properly, but those speed tests never like that (they say things like "eliminate Javascript blocking scripts"). This has absolutely nothing to do with your load times and is just a generic message because they do some odd things. We are looking into whether Googlebot can now properly render our javascript and, if they can, would stop the extra controls we added and instead just serve them the regular SmugMug page.

    SmugMug Director of Product / dGrin Afficionado
    aaron AT aaronmphotography DOT com
    Website: http://www.aaronmphotography.com
    My SmugMug CSS Customizations website: http://www.aaronmphotography.com/Customizations
  • AllenAllen "tweak 'til it squeaks" St. Louis, MoPosts: 9,342Registered Users Major grins

    I quite offer click to old galleries and it takes about 30 seconds for any photos to show. The page loads real fast and waits for ph0tos.
    This happened quite often when going gallery to gallery. I timed it many times.

    Al - Just a volunteer here having fun
    My Website | My Blog
  • EverythingEverywhereEverythingEverywhere Extreme Traveler Posts: 85Registered Users Big grins

    I'd like an option to compress images further.

    I understand that for some customers, compression isn't much of an issue. If you are just showing a portfolio of wedding photos to a client, compression doesn't really matter.

    I use Smugmug for image hosting on my website. In my case, increased image compression would come in handy, at least for some images. I have a lot of images stored on Smugmug, and not all of them have to be compressed, but many that I serve on my site could use extra compression.

    2014 Travel Photographer of the Year, Society of American Travel Writers
    2013 & 2015 Travel Photographer of the Year, North American Travel Journalists Association

    Facebook | Travel Blog | Travel Photography | Instagram | Google+
  • leftquarkleftquark SmugMug Product Team Posts: 3,097Administrators, Vanilla Admin, SmugMug Product Team SmugMug Employee

    @EverythingEverywhere said:
    I'd like an option to compress images further.

    I understand that for some customers, compression isn't much of an issue. If you are just showing a portfolio of wedding photos to a client, compression doesn't really matter.

    I use Smugmug for image hosting on my website. In my case, increased image compression would come in handy, at least for some images. I have a lot of images stored on Smugmug, and not all of them have to be compressed, but many that I serve on my site could use extra compression.

    You could always compress them yourself before uploading them to SmugMug. If you're using the Lightroom Plugin to publish your photos it would be super easy to toggle the compression before you send them up.

    SmugMug Director of Product / dGrin Afficionado
    aaron AT aaronmphotography DOT com
    Website: http://www.aaronmphotography.com
    My SmugMug CSS Customizations website: http://www.aaronmphotography.com/Customizations
  • EverythingEverywhereEverythingEverywhere Extreme Traveler Posts: 85Registered Users Big grins

    I know.

    I'd rather not have 2 versions of the same photo.

    Just like I upload 1 file and display several different size images, I'd like to be able to upload 1 high-quality file but display a compressed or non-compressed version.

    2014 Travel Photographer of the Year, Society of American Travel Writers
    2013 & 2015 Travel Photographer of the Year, North American Travel Journalists Association

    Facebook | Travel Blog | Travel Photography | Instagram | Google+
  • leftquarkleftquark SmugMug Product Team Posts: 3,097Administrators, Vanilla Admin, SmugMug Product Team SmugMug Employee

    @EverythingEverywhere said:
    I'd rather not have 2 versions of the same photo.

    Just like I upload 1 file and display several different size images, I'd like to be able to upload 1 high-quality file but display a compressed or non-compressed version.

    Could you tell me a little more about how you’d want this to work? What would cause you to display the compressed vs. Uncompressed version? You’re using these to embed in your blog/website, right? Are there certain sizes you use frequently (for example many blogs are fixed-width constrained to <1600px). Do you want to account for the influx of retina displays that require higher resolution?

    (Figured if we were to offer this solution, I’d want to get additional insight from all of you, so we might as well start gathering that insight now).

    SmugMug Director of Product / dGrin Afficionado
    aaron AT aaronmphotography DOT com
    Website: http://www.aaronmphotography.com
    My SmugMug CSS Customizations website: http://www.aaronmphotography.com/Customizations
Sign In or Register to comment.