Are all the themes in your site library fast loading?

Hi there,

i ran a Pagespeed Insights test on your home page to see what was going on.
Quick breakdown of the issue i see:

Eliminate Render Blocking resources
Top of that list is a Static Cached file that looks to be all the sites CSS in one combined, 117kb file, which is a problem. Not sure what caching your site is running but that combined file is not good. You should isolate what is causing that.

Reduce unused JavaScript,
This points to some advert scripts and they are always going to slow down a site. You should look to defer the loading of 3rd party javscripts. Plugins like Flying Scripts can do that for you. This will mean they get loaded after the page has been displayed.

This will also help reduce the Diagnostics for Minimize main-thread work and Reduce JavaScript execution time.

Further down under Diagnostics

Avoid enormous network payloads - top of that list is a 1.2mb image which is the birds background picture. You should look at optimizing that image so something much smaller.

Then from general observations on the front page.

You're using some Post list blocks that are showing a row of 5 posts, then a list of 17 or so posts. Each post you display adds to the server queries and creates additional request for the feautured image. Minimising the number of posts displayed on initial load will improve loading.

Hopefully that should give some starter points to make improvements

Thanks, David.

I am able to see to all the points except for the first one as not fully understand what it means!

Also, is there a way to customise the blog pages so they appear like the latest post list that’s on the homepage? I have tried Appearance-Layout-Blog but there isn’t an option there to make a post list

Hi Sadiqua,

I am able to see to all the points except for the first one as not fully understand what it means!

The combination of the CSS file on your site is huge, David suggest to find one which plugin or what is generates one or multiple huge CSS files. You can try disable your cache plugin and run a lighthouse test again, the new result should indicate the biggest CSS files on your site, then you can look into them to see the possibility to reduce the CSS size.

, is there a way to customize the blog pages so they appear like the latest post list that’s on the homepage

Yes, you can use a block element - content template: https://docs.generatepress.com/article/block-element-content-template/

The video should give you a good idea of how to build a content template.

Hope it's helpful :)

Thank you!

About the block element, I have followed the instructions exactly (just used one of your pre templates instead of creating my own) and it hasn’t seemed to work :(

https://insidemynest.com/category/embroidery-craft/

Are you using a block element - content template?

It doesn't seem to be applying on the blog/archive, what's the settings of the below fields:

1. Location
2. Element type

Yes that’s correct, just as it showed in the video.

1. Location in the Appearance-Layout only has a drop-down list with the options of above title, below title, above content area

2. Element type is Content template

Thanks!

1. Location in the Appearance-Layout only has a drop-down list with the options of above title, below title, above content area

Doesn't sound right, I mean the location in the block element:
https://www.screencast.com/t/mSKq8XaS2Lk

Oh yes, sorry, selected blog for that !

So blog means the default blog page, in your case add All Archives to it.

Yes that has worked! Thank you!

Appreciate the quick responses too! :)

You are welcome :)

Glad to help!