Hi. I have a wordpress site at http://biblicomentarios.com . No matter what I do, I can’t remove two javascripts from Cloudflare. I use GTMetrix and I see them in the waterfall tab blocking my site. Those are email-decode.min.js and rocket-loader.min.js. Of course, I’ve already disabled email obfuscation in the Scrape Shield tab and I have Rocket Loader disabled. I purged ALL my caches (Cloudflare cache, Autoptimize cache, SuperCache, even the Cpanel cache). But the js’s are pretty persistent and they insist to appear in GTMetrix waterfall, as blocking js’s and so slowing my site. Also, I can’t add expires headers to them, so I have more than a reason to want them out of my site. Is there any way to remove them as they are already disabled in the Cloudflare panel?
Hi, I was able to find the culprit hidden in the Page Rules. I disabled Security and Performance just to test, and immediately I’ve seen email-decode and rocket-loader go out from the waterfall.
The way GTmetrix reports are laid out it means folks are focusing on the wrong page speed performance metrics - page full load time is important but more important is page visual render time for first paint, first meaningful, first contentful paint and document content loaded times. GTmetrix shows that info under their timings tab section. GTmetrix explains some of the metrics at First Contentful Paint Explained | GTmetrix
Cloudflare rocket loader shows as delaying full page loads but they optimise the pages critical render path to improve those metrics you should be focused on and that is what Google is focused on if you look at their Google PageSpeed Insights origin logging https://developers.google.com/speed/pagespeed/insights/ for First Contentful Pain and Document Content Loaded times. See User-centric performance metrics | Articles | web.dev. You’d want to look at how your web pages html assets are configured to be loaded style wise to optimise for such. Cloudflare Rocket Loader when properly configured and used can help improve your critical render path and as such those user metrics for page speed
Rocket Loader prioritises your website’s content (text, images, fonts etc) by deferring the loading of all of your JavaScript until after rendering. On pages with JavaScript, this results in a much faster loading experience for your users and improves the following performance metrics:
Time to First Paint (TTFP)
Time to First Contentful Paint (TTFCP)
Time to First Meaningful Paint (TTFMP)
Document Load
To learn more about the latest version of Rocket Loader visit our blog:
Best testing tool for that is using webpagetest.org and looking at SpeedIndex score and Google Lighthouse metrics for first meaningful paint and perceived visual speedindex and input latency times.
