Sport & health copywriter, Melbourne

MOVE.
MOTIVATE.
MAKE A MARK.


Let’s connect: he@harrietedmund.com.au

dev
Hit a brick wall with your writing? Just ask an award-winning freelance journalist and copywriter to help with your article, blog, web copy or release.
Freelance journalist, copywriter, web content writer, Freelance journalist Melbourne, copywriter Melbourne, web copy, content writing
16936
page-template-default,page,page-id-16936,bridge-core-2.4.3,ajax_fade,page_not_loaded,,side_menu_slide_with_content,width_470,qode-child-theme-ver-2.0.0,qode-theme-ver-22.8,qode-theme-bridge,disabled_footer_bottom,wpb-js-composer js-comp-ver-6.3.0,vc_responsive
 

dev

Site Speed Review

 

We ran the site through a speed tester, and found that the only real issue is image size. You can see the results here:

https://gtmetrix.com/reports/www.harrietedmund.com.au/3Ex8Pohy

This shows up some code-related issues as well as the image things. The code issues are just a consequence of WordPress and the Bridge theme. If you look at the load of those files on hosting, it’s actually quite small though, just not as tiny as the most optimised sites.

We discussed the slowness with our wholesale hosting provider and they also said it was just a site content issue (in your specific case that means the images are too large). They ran a test on the actual computer your site is hosted from and did not find any issues.

Solution

You need to optimise all the images on the site, as outlined below.

We will then check the configuration of the Cloudflare CDN. This doesn’t seem to be giving you the best results right now, and it can be set to get better code performance too, which we will do.

I think that fixing these things has a good chance of fixing the pages not loading issue. But we’ll wait and see.

We have now updated WordPress and the Bridge theme and deleted the unused plugins. Doing these things has fixed some small bugs and reduced the amount of code which loads with the site.

 

Image Optimisation

File format

I found that most of the images on your site are in the PNG file format. PNG is great for images with transparency, or in mono, or where you’re going to be opening and saving the image files a lot.

However, it makes larger files than JPG, and Photoshop does not output PNGs at a small file size.

Solution

Either use JPG with quality around 50% or if you must use PNG, then run the file through tinypng.com to make the file size smaller before you upload.

Different images will look better or be smaller saved as PNG or JPG. As a rule, images with less colours and less texture will be smaller and better as PNG, and any other kind of image as JPG. So the common way to go is to make everything JPG but if anything looks bad, save the JPG at a higher %, or as a PNG.

Image size

Most of your images are around 200% the size they need to be for most screens right now. This is not unusual though, because of newer higher res, 4k, 5k etc. screens which will be more and more popular in the next couple of years. Currently, these displays are common on phones and tablets, but the smaller physical size of those devices tends to mean you don’t strictly need 200%, but it’s still considered good practice to use that size.

Anyway, I recommend keeping the images at their current 200% sizing. If page load is still slow, then try out smaller image file pixel dimensions for background images, which is again pretty common.

Examples

This is a sample image as you currently have it.

PNG 808KB

This is the same image but run through tinypng.com.

PNG 200KB (75% smaller!)

Freelance-journalist-Melbourne-Turia-Pitt-p2_new

This is the same image saved as a JPG at 50% quality.

JPG 178KB (10% less again)

Freelance-journalist-Melbourne-Turia-Pitt-p2