Google told me to put this blog on a diet

The screen real estate around these words should look a little neater now–not much thanks to my own editing instincts. Instead, I needed a scolding from Google.

That came from its PageSpeed Insights tool, a page you can use to check the performance of your own site or any other. It’s been around for years, but I didn’t think to use it until after I finally connected this site to Google’s Search Console webmaster tool last May (yes, even though I’ve been blogging here since 2011 and am supposed to be a professional tech journalist) and saw a prompt to try PageSpeed Insights in my results.

The results were not flattering: a mobile performance score of 47 out of 100, with desktop performance better but still subpar at 89. Scrolling down revealed a variety of flaws in this blog, some that I could correct with the limited tools of a free WordPress.com account and some that I could not.

I started with the first obviously fixable thing, image sizes. Google suggested that I convert such frequently-downloaded elements as the background image to “next-gen formats” like WebP or JPEG 2000. But instead of switching to files that Apple’s Safari browser can’t display, I opened the original photo for the background (a view of the Blue Ridge from a bike century ride in 2006) in my Mac’s GraphicConverter app and exported it with a lower image-quality setting that cut its size by a third at no visible cost.

That did not impress PageSpeed–my mobile score actually dropped to 44–so I moved on to the third-party code that Google reported had been getting in the way of my own content. It listed Facebook as a major offender, accounting for 207 milliseconds of delay. Removing the Facebook widget that you formerly saw in the right-hand sidebar boosted my mobile score to 53, with the desktop score essentially unchanged at 87.

(PageSpeed Insights scores fluctuate up and down with each test, so don’t get bent out of shape if yours drops by five for no apparent reason, at least not until you run the test again.)

Then I removed the Facebook and Twitter share buttons and elected to toss all of the share buttons except the tool to e-mail a link to the page. That edged the mobile score up to 58 and pushed the desktop score up to 96.

This pruning got me to look again at all the ads you see around here–and think about how low-rent so many of them are. I turned off the three “additional ad placement” options that had been salting each post with extra banners. That may cut into my ad revenue, but it’s already so thin I’d rather that my professional presence online not look quite so janky.

Having spun myself up fully into Marie Kondo mode, I returned to the sidebar and removed the Twitter widget (PageSpeed Insights had blamed Twitter code for 119 ms of delay) and some non-interactive links that only cluttered that part of the page.

The results of all this effort as calculated by PageSpeed Insights just now: scores of 76 on mobile and 99 on desktop. I hope you notice this blog loading a little quicker–and I trust you appreciate how this exercise has also rid my blog of Facebook’s tracking.

Advertisement

Thematic tension

Since yesterday afternoon, this blog hasn’t quite looked the same: After over five years of my sticking with the same themeTwenty Eleven, as in the year I started this blog–I finally changed that out for something newer.

I’m blaming my work for that change: Researching today’s Yahoo Finance post about Google’s Accelerated Mobile Pages project led me to realize that although WordPress had added AMP support in February, my own blog’s settings had no mention that mobile-friendly option.

wordpress-themes-chooserI figured it was time for a change, opened the theme browser and activated the Twenty Sixteen theme, the closest thing to a current default.

After some customizing of the theme, I’m not sure I made a good choice. The font selection bugs me–there’s nothing close to the clean look of the Helvetica (or the Helvetica look-alike) that Twenty Eleven used. I’m also not a fan of how the simple list of links to my static pages (About, Contact, Disclosures, Portfolio) at the top right gets swapped out for an oversized menu link in mobile browsers.

On the upside, this makeover has forced me to look at the list of widgets that graces the right side of this page for the first time in years. I had no idea that the old Twitter widget was on its way out; now there’s one that displays images I’ve shared and lets you scroll through more tweets. I was also overdue to rearrange the order of those widgets–considering how badly I’ve neglected Flickr, I shouldn’t have had that listed above the link to my Facebook page.

At some point, I should poke around the theme showcase to see if I can’t do better. But seeing as I’m typing this at 5:30 on a Saturday, now is not that time. So I’ll just ask: What’s your assessment of the current decor around here? Got any suggestions on what theme should replace it?

And if you usually read this on a phone, has it loaded any faster since Friday afternoon?

Update, 11/13: As some of you may have noticed a week or so ago, I decided to revert back to the Twenty Eleven theme–and I see that the settings for it now include an AMP category.