On the Casper theme now.Lighthouse speed tests show painfully slow on mobile and continuing to drop. Reached out to Ghost support and they recommend I edit and use a custom theme going forward.
So…..I don’t want to invest in a custom theme yet. I”m still on the month to month plan with ghost as I’m not 100% sold that this is the right platform for me.
Is there a free or paid theme anyone would recommend for someone who has a blend of both blog posts and podcasts? (this was actually why I chose Casper originally - it can do both) I did see some posts related to this topic on the forum but they are at least 5 years old, so I’m looking for current advice. Many thanks in advance.
What specifically is LIghthouse flagging? Performance of Casper shouldn’t be poor…
Reducing image load times and LCP. The Largest Contentful Paint is also what support recommend I customize to address.
If you share your address, maybe we can suggest something to improve.
1 Like
Happy to goldskis.com appreciate any insight
CLS looks to be mostly the cookie banner - https://pagespeed.web.dev/analysis/https-goldskis-com/n7njb4e1pn?form_factor=mobile
The image setup is pretty poor. A better srcset that reflects the layout that you’re using and passing in the desired image format (unless you always pre-compress) would help quite a bit.
If you’re comfortable unzipping the theme and editing with a text editor (notepad or similar is fine), it’s a 10 minute fix. You’d need to edit partials/post-card.hbs to change lines 11-20 to:
`<img class="post-card-image"`
srcset="{{img_url feature_image size="s" format="webp"}} 300w,
{{img_url feature_image size="m" format="webp"}} 600w,
{{img_url feature_image size="l" format="webp"}} 1000w,
{{img_url feature_image size="xl" format="webp"}} 2000w"
sizes=“(max-width: 991px) calc(100vw - max(40px, 8vmin)), 375px”
src="{{img_url feature_image size="m" format="webp"}}"
alt="{{#if feature_image_alt}}{{feature_image_alt}}{{else}}{{title}}{{/if}}"
loading="lazy"
/>
The example above fixes the sizes line, AND adds format=”webp”, BUT, if you’re going to upload well-compressed jpgs consistently, can skip that change and just do the sizes line. (If you upload pngs or a random assortment of image formats without thinking about it, format=”webp” will help a lot with the pngs, but may make the jpgs marginally worse, depending on how much you’re compressing them.)
1 Like
Super Helpful. I”ll try this. Thank you.
1 Like