☠️ Blogger & Cloudflare : Site Issues

If you follow the article about moving blogger to Cloudflare, it seems like you’ve done the job however, on closer inspection, it would appear functionality of my website was broken, mainly clicking on the menu bar, and clicking on the search option now seems to have broken.

This is not fantastic because now people cannot search for articles and manually need to go through pages of entries, this needs fixing.

To diagnose the problem, using the development tools in chrome with F12, visit your website with it broken and capture the network trace which will be saved as a HAR file.

Once you have this file with it, broken, from your Cloudflare administration portal, put the site affected in development mode, 

Start a new trace and then try to visit the website again, This time the website will work, because your bypassing some security and optimization settings.

Then you need to compare the two files to see where the problem is, for me, the problem was not obvious the HAR files looked the same to me, so i tried a trace on the root URL with this to check the cache control values, this command will get the headers and SSL negotiation:

curl -svo /dev/null https://www.a6n.co.uk --connect-to ::216.239.32.21

This them returned this and the cache control is in bold, unfortunately no issues here either:

< HTTP/2 200
< content-type: text/html; charset=UTF-8
< expires: Sun, 01 Oct 2023 17:16:12 GMT
< date: Sun, 01 Oct 2023 17:16:12 GMT
< cache-control: private, max-age=0
< last-modified: Sun, 01 Oct 2023 17:16:07 GMT
< x-content-type-options: nosniff
< x-xss-protection: 1; mode=block
< server: GSE
< accept-ranges: none
< vary: Accept-Encoding

Then I came across this article, talking about Rocket Loader breaking menus - which is my exact issue....

https://community.cloudflare.com/t/menu-not-working-rocket-loader/438683

That means would the culrpit be Rocket Loader 🚀 breaking the JavaScript, lets see by simply disabling this feature, unpon turning this off the site immediately returned back to working as normal.

Previous Post Next Post

نموذج الاتصال