Ghost - properly size images, next-gen formats, remove unused js

Developer help
1

Hello team,

hosting Ghost 4 via Digital Ocean.

So, I tested it in lighthouse via Measure page quality

The main performance issues are these:

  • properly size images
  • serve images in next-gen formats
  • remove unused js

The main problem is with ghost publication cover in Casper theme https://static.ghost.org/v3.0.0/images/publication-cover.png

You can check the issue here https://lighthouse-dot-webdotdevsite.appspot.com//lh/html?url=https%3A%2F%2Fonlinehikes.com

Any update how to serve publication cover in next-gen format and the best way to properly size it?

Thank you!

2

Same Q :slightly_frowning_face:

@andrii — were you able to find a fix for these?

3

When images are hosted externally, they can’t be responsively optimized. For peak performance :racing_car: , I’d download the image and upload a local copy. Then, I’d ensure that my theme is using the responsive image configuration as detailed here: