Textpattern CMS support forum
You are not logged in. Register | Login | Help
- Topics: Active | Unanswered
Upgrade causes Firefox to blink non-css before final render
After upgrading Textpattern from 4.5.7 to 4.6.2, I see a new behaviour with Firefox. Chromium doesn’t have the issue. What happens is that I see a flash of the page as if there were no CSS at all, just a text rendering. Then the final rendering appears. This happens every time a load a page from my site (skewray.com). Is this a known issue?
ps…The website also renders with no CSS in both browsers if I use https://.
Last edited by skewray (2017-05-29 16:10:45)
Offline
Re: Upgrade causes Firefox to blink non-css before final render
I just tried Firefox, Chrome and Edge. I didn’t see any FOUC.
Offline
Re: Upgrade causes Firefox to blink non-css before final render
I suppose it could be my Firefox. I still get no CSS for https:// with both browsers, though.
Offline
Re: Upgrade causes Firefox to blink non-css before final render
No blinking on my side either (Safari, Firefox).
For the https:// problem, that is a site/server configuration issue.
Safari’s console tells me:
[Warning] [blocked] The page at https://www.skewray.com/ was not allowed to run insecure content from http://www.skewray.com/css.php?n=default.Firefox would have a similar message in its error console.
Where is that emoji for a solar powered submarine when you need it ?
Sand space – admin theme for Textpattern
Offline
#5 2017-05-30 11:46:15
- uli
- Moderator
- From: Cologne
- Registered: 2006-08-15
- Posts: 4,304
Re: Upgrade causes Firefox to blink non-css before final render
My FF blinks, I’ve quite a truckload of extensions, though (Chromium has none to load and didn’t blink). Instead of storing the CSS inside the DB, try serving it from a file.
In bad weather I never leave home without wet_plugout, smd_where_used and adi_form_links
Offline
Re: Upgrade causes Firefox to blink non-css before final render
I get the same error message in Firefox. I also get one for images. Is Textpattern adding references to http://?
Offline
Re: Upgrade causes Firefox to blink non-css before final render
No blink here on my work computer – Firefox and IE on Windows 7.
Offline
Re: Upgrade causes Firefox to blink non-css before final render
skewray wrote #305801:
I get the same error message in Firefox. I also get one for images.
Sure, Safari gives one for image(s) as well.
Is Textpattern adding references to http://?
No, not really, what do you have on the Preferences Panel > Site sub-tab ? Or do you have anything in your config.php ?
Where is that emoji for a solar powered submarine when you need it ?
Sand space – admin theme for Textpattern
Offline
Re: Upgrade causes Firefox to blink non-css before final render
If you are using HTTPS protocol to access your site, the assets (CSS, JavaScript, images, etc) will all have to be using HTTPS domain URLs – otherwise you get a mixed content error and the assets will be blocked. See here for explanation.
That would not cause a FOUC though, since the assets would be denied load.
Offline
Re: Upgrade causes Firefox to blink non-css before final render
phiw13 wrote #305804:
…what do you have on the Preferences Panel > Site sub-tab ? Or do you have anything in your
config.php?
I’ve just got “skewray.com” in the site URL. I didn’t add anything to config.php that is relevant.
I was assuming that if someone used https to enter the site, that textpattern would be smart enough to serve https for the sub-content. Am I completely wrong on this? I got an SSL cert because why not, but I get the feeling that either I use it all the time, or not at all.
Offline
Re: Upgrade causes Firefox to blink non-css before final render
skewray wrote #305808:
I’ve just got “skewray.com” in the site URL. I didn’t add anything to config.php that is relevant.
Ok, normal setup, matches my set up for various sites. The problem is not there then.
I was assuming that if someone used https to enter the site, that textpattern would be smart enough to serve https for the sub-content.
Yes that is what Textpattern should do (and does for most people). But in your case, something at the server configuration level doesn’t play nice. I look at the source of your page and I see a https:// URL for the stylesheet:
<link rel="stylesheet" href="https://skewray.com/css.php?n=default" />When I copy that URL and paste it in a separate tab, it is redirected to a http:// URL. So you have, at the server level somewhere, one or two problems: stylesheet redirects (and images) and some middle restrictive Content-Security-Policy that prevents the loading of the said resource (stylesheet at least). The latter is of course good. Check your .htaccess file or higher level server config files. Or talk to your host…
(edit)
PS – that redirect might the reason why Firefox show some blinking on load. Maybe.
Last edited by phiw13 (2017-05-31 01:36:00)
Where is that emoji for a solar powered submarine when you need it ?
Sand space – admin theme for Textpattern
Offline
Re: Upgrade causes Firefox to blink non-css before final render
i would dump the hosting company.
…. texted postive
Offline