Hi guys.
Google Pagespeed identifies this as the LCP of my blogposts:
div.vc_column > div.wpb_wrapper > div.td_block_wrap > div.tdb-featured-image-bg
<div class=”tdb-featured-image-bg”>
I am trying using ” <link rel=”preload”> ” for that asset across my website.
I tried
<link rel=”preload” class=”tdb-featured-image-bg” as=”image”>
but not shure it’s working and where to use it.
Can you help me or show alternative methods (on mobile, desktop works fine without preload)
I adopted every other optimization I know, but some optimization prevent the page to load images.
Thank you
Blogpost I’ve tried to optimize: https://www.massimobasso.com/aprire-un-blog-di-viaggi-da-zero/
Hi maxonline,
If I understand correctly the problem is on posts.
What you can do to get a better pagespeed is to remove google fonts -> https://i.imgur.com/gP28V6X.png and use custom fonts, remove the infinite loading from posts, set for images the width and height.
Other starting points to improve your website page speed are here:
– https://forum.tagdiv.com/how-to-make-the-site-faster/
– https://forum.tagdiv.com/topic/score-100100-pagespeed-with-newspaper-wordpress-theme/
– https://www.infophilic.com/get-almost-100-pagespeed-newspaper-theme/
– https://developers.google.com/speed/docs/insights/v5/about
– https://www.youtube.com/watch?v=tnkVapqhIHc
– https://www.andraware.com/wp-rocket-for-newspaper-theme/
Thank you!
Hi
Thank you for all your useful links, but that was not my question.
I’m just trying to prioritize the loading of my post featured image on mobile (I’m using different templates for desktop and mobile)
This is my first goal.
Just to approach one optimization at a time.
Every optimization need to be thoroughly tested because sometimes it results in broken layout, sometimes on mobile, sometimes on desktop, sometimes on both.
So for now I need to solve this. Can you please help me?
Thank you for your precious time.
Massimo
Hi maxonline,
I understand. What I can suggest is to replace the background featured element(Single Post BG Featured Image) with “Single Post Featured Image” this element has more elements optimized and should provide better results. Also the code for rel=”preload” class=”tdb_single_featured_image img” as=”image” should work now, before (Single Post BG Featured Image) the image was set using css and not static html. Also you can try it using class=”entry-thumb”
I hope this will help you!
