Hi guys,
The LCP on my site is bad and I got an answer from a friend programmer:
these are not normal image tags so the browser does not realize the images are to be fetched. instead the tagdiv JS (https://serpositivo.com/wp-content/plugins/td-composer/legacy/Newspaper/js/tagdiv_theme.min.js) had to be loaded and executed and that will look for image containers in the HTML and load the images.
2 problems with that approach; JS is loaded late (deferred, to ensure it is not render-blocking) and as the browser is unaware the image is not loaded with high priority.
the best solution would be to (ask tagdiv support if) use normal image tags for those main thumbnails to ensure the browser loads those with high priority. typically (from a performance point of view) you would indeed want your entire above-the-fold part of the page to render without the need for extra CSS/ JS to be downloaded & applied/ executed.
Alternatively we could exclude Newspaper/js/tagdiv_theme.min.js from being deferred (so it would run faster, but would become render-blocking) and we could (manually) add the relevant URL to the “LCP image” in the “autoptimize this page” metabox on the “edit” view of your homepage, but these approaches are far from ideal really ..
Is there anyway to improve the LCP according to these issues?
Hello @cjr !
Disable Jetpack CDN and try to improve server response time.
Check those guides : https://web.dev/lcp/ – > https://www.sqlpac.com/en/documents/google-pagespeeds-lighthouse-6-new-features-lcp-cls.html
Please note that page speed or optimization is not covered by the support team: https://forum.tagdiv.com/newspaper-theme-support/
Thank you!
