In an effort to increase website page speed/performance on a mobile device, I since decided to take a stab at getting rid of several render blocking css files based upon Google Pagespeed recommendations/results whereby I ended up using Sitelocity's free online critical path css generator to create a critical css file for rendering above the fold content only. While this appears to have dramatically increased the overall pagespeed of my website pages by as much as 4s with speeds as low as .8s in using a mobile device, it has also resulted in a FOUC (flash of unstyled content) for a split second whenever a page is first loaded from the server (as opposed to a cached copy). Although my pages load extremely fast on a desktop or laptop PC, and while this particular behavior occurs within a blink of an eye, being the perfectionist that I am, I still find this FOUC to be annoying whereby others who visit my site may also feel the same way and leave as fast as they came. I am also beginning to wonder if the FOUC represents a trade-off for the page speed increase provided whereby the original css files are no longer loaded in the head or above the fold of content on each page. Any suggestions regarding this subject matter in how it may be addressed/corrected are appreciated. Oh, I should also add that I have been using coffeecup editor (paid edition) since I first designed my website over ten years ago as well as when I recently decided to redesign/update to a responsive website in October, 2018. For those interested, my website address is: https://www.inspectabuilding.com
Thank you ahead of time.
Update: BTW, I forgot to add that ironically the FOUC described above only occurs in viewing my website in Google Chrome and FF but not in my least favorite and seldom used browser MS Edge. I also do not experience this behavior on my mobile phone. Figure?