Core web vitals issue

Posted in: Newspaper
Post count: 73

Hello, we have the following problem with our site:
vitals1

and additionally:
vitals2

I understand that a lot of the style rules are used for other devices and for that are deemed unnecessary by the google report (when checked in pc).

But, is there a way to better the score? A simple suggestion from them, for example, is to not have a media=”all” attribute since it is considered render-blocking (for the report). So, could this be done or would it affect anything? And if yes, from where? Could it be removed or changed to media=”screen” maybe?

And could there be any additional suggestions/fixes that we could implement? Thank you!

Kind regards,

Post count: 21065

Hello!

Unfortunately, no.
Please note that page speed is not covered by the support team: https://forum.tagdiv.com/newspaper-theme-support/
I can offer some suggestion regarding the core web vitals issue:
1. Optimize Your Images
Images are often the biggest contributors to slow page loading times. To improve Core Web Vitals, especially Largest Contentful Paint (LCP), follow these best practices:
-> Use WebP Format: Convert your images to the modern WebP format, which is smaller in size than JPEG/PNG.
-> Lazy Load Images: Delay the loading of images that are not immediately visible on the screen. WordPress has native lazy loading, but you can also use plugins like Lazy Load by WP Rocket.
-> Image Compression: Use plugins like Smush or Imagify to automatically compress your images.
2. Minimize JavaScript and CSS
Heavy JavaScript (JS) and CSS files can delay the First Input Delay (FID) and Cumulative Layout Shift (CLS). To reduce this impact:
-> Defer Non-Essential JS: Defer loading non-essential JavaScript files using plugins like WP Rocket or Perfmatters.
-> Minify CSS and JS: Use plugins like Autoptimize or W3 Total Cache to minify CSS and JS files, reducing their size and improving loading times.
-> Remove Unused CSS and JS: Some themes and plugins load unnecessary assets on every page. Use tools like Asset CleanUp or Perfmatters to disable scripts/styles on specific pages.
3. Use Server-Side Optimization
Sometimes the problem lies with the server. Consider these server-side improvements:
-> Upgrade Your Hosting Plan: If you are on shared hosting, upgrading to a more powerful hosting plan (like managed WordPress hosting) can reduce server response times.
-> Use PHP 8+: Ensure your WordPress site is running on PHP 8 or higher for better performance.

Thank you for understanding!

Post count: 73

OK, thank you for the answer!

I understand that this issue is not covered in general, but regarding the media attribute when loading the file?
Could we change it to screen? If yes and there are no complications (I can’t think of any), from where? Thank you!

Kind regards,

Post count: 27744

Hello,

Please provide the link to your website.
Also, please use this option https://prnt.sc/MpNQZvAk0EnZ

Thank you!

Viewing 4 posts - 1 through 4 (of 4 total)
You must be logged in to reply to this topic.