Speeding Up a Musician’s Website

Webiste:  tommylock.com

The website we created for Thomas Lock is a one-page WordPress website featuring his headshot, videos and press. It became clear the website speed needed to be improved as it was taking over 10 seconds to load the home page completely.

The website was hosted on WP Engine in Managed WordPress hosting.  So some optimization and caching is already taken care of.  However, the Page Speed numbers did not look good:

PageSpeed Insights:  19 mobile and 21 desktop

Others were better:

Pingdom Tools Score:  A 90

Web Page Tools:  A A A F C ( F for image compression )

Website Changes

The headshot photo was very high resolution, so I dropped that to a 10 or 11 quality measure for jpg.  The plugin autoptimize has worked well with other WP Engine websites.  I installed that and turned on HTML, Javascript and CSS compression in the settings.

WP Engine offers a free CDN ( content delivery network ) and this website is not changing frequently so we also turned CDN on.  We also used Smush to compress all the images on the website.

We saw excellent improvements with Google:

PageSpeed Insights:  68 mobile and 76 desktop.

Pingdom: A 91, Load time 4.43 s.  Much faster for above the fold render.

Web Page Test:  A A A F C

The website is visibly faster loading with the changes completed.

Upcoming Work

All 3 of these speed tools are still listed “image compression” on the “to-do” list.  When we return to this, we could try alternate image compression tools.  Upgrading to Smush PRO is too expensive, as it requires a subscription to the entire WPMU Dev suite.

Page Speed Insights is also still listing “Eliminate render-blocking JavaScript and CSS in above-the-fold content” as a task that must be done.  Right now, this is not work the time involved.

 

 

 

0 Comments

Submit a Comment

Your email address will not be published. Required fields are marked *

Related Posts From The Blog

Update on Best Donation and Payment Plugins

Gravity Forms with Stripe payment is my favorite solution for donations. You configure the form to collect as much or as little information as you wish. You set the notification emails to convey your appreciation. You easily notify as many as you wish about the...

read more

Best Donation and Payment Plugins

Many websites need to collect payments or donations at some point.  For charities and non-profits, I recommend the Give plugin.  The Strong Roots Charitable Foundation was using a basic version of the plugin.  They needed to collect more information, such as whether...

read more

Warning from Google Search Console

It is never good to wake up to a warning from Google.  Here is the text I received: Search Console has identified that your site is affected by 1 AMP issues: Top Errors Errors can prevent your page or feature from appearing in Search results. The following errors were...

read more