Hello Team,
Now i use big grid flex 1 to show 4 images at the same row, works fine and it keeps the aspect ratio of the image without cropping.
The problem with big grid flex 1 or any other block is making my LCP (large Content Paint ) very high ( 3 seconds), this is because of the code base of the block ( specially the <span> tag ).
Now i tried different elements like image box, single image, title over image and so on, the lcp is 580ms but the problem is non of them maintained the aspect ratio of the image meaning the images are cropped when i tried to resize using chrome dev tool.
Please advise.
Thank you
Hi,
You can try to use Flex Block 1 -> https://i.imgur.com/NYEtlDG.jpg The elements that you tried don’t show posts.
Thank you!
Hello Anamaria,
Thank you for your response, i tried the flex block 1 as well and the image ratio is fine but the LCP still very high.
Please advise
Thank you
Hello,
There are many optimization guides provided by our users here in the forum, some made by us; you could check some of them
– https://forum.tagdiv.com/cache-plugin-install-and-configure/
– https://forum.tagdiv.com/how-to-make-the-site-faster/
– https://forum.tagdiv.com/topic/high-number-of-ajax-request/
– https://www.infophilic.com/get-almost-100-pagespeed-newspaper-theme/
– https://forum.tagdiv.com/topic/score-100100-pagespeed-with-newspaper-wordpress-theme/
– https://www.andraware.com/wp-rocket-for-newspaper-theme/
– https://spraythemes.com/newspaper-theme/how-to-speed-up-the-newspaper-wordpress-theme-using-wp-rocket/
– https://forum.tagdiv.com/topic/page-speed-guide-for-2023-beginners-and-advanced/
– https://forum.tagdiv.com/topic/newspaper-theme-speedify-your-website/
– https://forum.tagdiv.com/topic/tutorial-chriss-custom-optimizations-for-functions-php-etc/
– https://forum.tagdiv.com/cloudflare-cdn/
– https://forum.tagdiv.com/topic/theme-causing-high-cpu-usage-2/
– https://forum.tagdiv.com/topic/sql-querys-high-cpu/
– https://forum.tagdiv.com/topic/newspaper-theme-slow-to-respond/
– https://premium.wpmudev.org/blog/optimizing-your-wordpress-database-a-complete-guide/
– https://underconstructionpage.com/optimize-wordpress-database/
– https://crunchify.com/better-optimize-wordpress-database-all-in-one-guide/
Also, pagespeed is not covered by support -> https://forum.tagdiv.com/newspaper-theme-support/
If you use Wp Rocket, you can try to exclude the following files
/jquery-?[0-9.](.*)(.min|.slim|.slim.min)?.js
/jquery-migrate(.min)?.js
/wp-content/plugins/td-composer/legacy/Newspaper/js/tagdiv_theme.min.js
tdBlocksArray
To be able to optimize and to remove CLS and LCP please check these guide => https://developers.google.com/web/tools/lighthouse/ -> https://www.sqlpac.com/en/documents/google-pagespeeds-lighthouse-6-new-features-lcp-cls.html -> https://web.dev/lighthouse-whats-new-6.0/ -> https://web.dev/lcp/ -> https://web.dev/cls/
Thank you!
