after.js: Unloaded CSS on initial load causing non-styled site to be displayed momentarily.
Bug, Feature, or Question?
Bug.
Current Behavior
When the site is loaded, the site shows as unstyled momentarily, until the CSS is loaded in and all is fine. I have tested this in both development and production modes and although the ‘flicker’ is quicker in production, it is still noticeable.
This is occurring with the code from blank setup of the project with no other changes to the setup.
Video demo of the problem attached:
Desired Behavior
Website should load without CSS flicker and show a fully loaded site to the user.
Suggested Solutions
Additional Information
Code installed using create-after-app installation script and no other changes to the code have been made.
- After.js Version: 0.8.2
- Razzle Version: ^3.0.0
- React Version: ^16.13.1
- TypeScript Version:
- OS: Mac OS Catalina
- Node Version: 13.6
- Package Manager and Version:
- Demo Repo or Link:
About this issue
- Original URL
- State: closed
- Created 4 years ago
- Comments: 16
@pixel-mattp let’s do it right now 😃
ok so before we go for the version 2 just use Google Page Insight to check your website performance and then after you switched to version 2 check again 😃
we need to measure things and see if we are going forward or backward since this version focused on performance …
😄 I need some motivation 😃 can you guys give me possessive energy every day? In that case, I can finish #296 and we can release version 2
(if it’s very urgent, I can help you to setup version 2. it’s stable and tested on 5 sites)
I’d love to try version 2! This bug at the moment is the only reason why we cannot switch from using NextJS. AfterJS is much better so we are desperate to make the switch. 😃