Today I spent some time doing some performance testing on my embeddable JS widget. It’s a single JS file that my company serves through Cloudflare. When I compare our response times to a competitor, who is also using Cloudflare, the numbers don’t quite add up for me. Hoping someone can help.
My file size is 30KB, and have cache and argo enabled. Also, confirmed the Cloudflare cache is being HIT.
A competitors file size is 60KB, but are getting significantly faster response times despite both of us using Cloudflare and their file being twice the size.
In the chart, the grey is my file, the colored is the competitors file.
I would assume that since my file is smaller, it should have a quicker response (faster download), but this isn’t the case.
Are there any settings I should look at to try to improve this, or any other factors that may be causing this difference? I am happy to provide more info if necessary!
Your above charts don’t show the breakdown of the connection profile for your greyed bars so harder to see where your page load times are falling behind i.e. dns, tls handshake times etc. But your 2nd separate charts sort of do - webpagetest.org will allow you more accurate comparisons though.