The site needs serious optimization:
Too much JavaScript – needs to be deferred. Screenshot: https://prnt.sc/ACCbGsnathL3
Fonts should be preloaded.
CSS needs optimization.
Many third-party requests should be deferred. Screenshot: https://prnt.sc/Yi662H8uUVWl
Cloudflare settings might not be optimized properly—I couldn’t verify them.
also, adjust the image resolution in the Tagdiv composer
use a better Cache plugin.
-
This reply was modified 1 year by
nilasisx.
Did you solve the search issue while using unused css?
I also have the same issue.
3) URLs Coming with /category/india Instead of /india
Fix: If you using Yoast SEO then turn off this: https://prnt.sc/D1Fe-QcM2mdE
it’s working for me, tried with different browsers.
Try to clear the cache of the browser, and try again.
done. i send the mail.
Mam. i tried I have tried tweaking major options like adding lazyload, css class, php code but I failed.
Also i tweaks on lightbox setting in Gutenberg editor, still i don’t get any solution.
yes. but disabling cache is not possible.
Also i saw When WP Rocket is enabled, the gallery images show an SVG placeholder code in the lightbox (as seen in the inspect tool), resulting in “Image Cannot Be Loaded” errors. This problem only occurs with the gallery block; individual images work perfectly with LazyLoad and lightbox functionality.
code looks like this: https://prnt.sc/Gqa4l-1alfaB
it might casus because of WP Rocket. when i used ?no-rocket after the url, it works fine. But cache is important. and i tried many steps i can do, but i was unable to fix the issue.
Yes. Thank you.
After disabling Lazyload from the theme panel, the site functions correctly. However, SVGs only appear when interacted with by scrolling or touching.
i used a custom code that solve the issue for me. is there any issue if i used the code?
And is it possible to fix the issue without using that code?
function switch_to_wp_rocket_lazy_load() {
// Deregister any existing jQuery-based lazy load scripts
wp_dequeue_script('jquery-lazyload');
wp_deregister_script('jquery-lazyload');
// Ensure WP Rocket's lazyload script is enqueued
wp_enqueue_script('lazyload', plugins_url('/wp-rocket/assets/js/lazyload/17.8.3/lazyload.min.js'), array(), null, true);
}
add_action('wp_enqueue_scripts', 'switch_to_wp_rocket_lazy_load');
Okey ☺
Yes. it works. but I compared it with my other site but has differences as shown in the video. The amount I scroll on both sites, both scroll has different, especially on mobile devices. The newspaper’s Progress bar does not go with scrolling. it takes little time to adjust. I’m talking about this latency. Where the other site’s progress bar goes according to the scroll, doesn’t matter how much or how fast users scroll. And that latency feels that the web page jitter.
here is a better example video (screen recording): https://1drv.ms/f/s!Av5FAKsItry3nE4LQlxz5oc7JK_t?e=06SSeh
Thank you.
Here is a screen recording for better understanding. how the width changes on scrolling.
I uploaded the screen recording to OneDrive. Here is the link: https://1drv.ms/u/s!Av5FAKsItry3nE240dlRg7OzXh-G?e=XMrKgi