junk: Check build sizes for lazy loading widgets

Author: rschristian

src/components/widgets.js

@@ -1,14 +1,22 @@
+import { lazy } from 'preact-iso';
+
 import Jumbotron from './jumbotron';
-import GithubRepos from './github-repos';
-import TodoList from './todo-list';
 import Logo from './logo';
 import Toc from './table-of-contents';
-import BlogOverview from './blog-overview';
 import Sponsors from './sponsors';
-import WeAreUsing from './we-are-using';
-import Branding from './branding';
 import TabGroup from './tab-group';
 
+// Hoist the CSS to avoid FOUC
+import './branding/style.module.css';
+import './blog-overview/style.module.css';
+import './we-are-using/style.module.css';
+
+const Branding = lazy(() => import('./branding'));
+const BlogOverview = lazy(() => import('./blog-overview'));
+const GithubRepos = lazy(() => import('./github-repos'));
+const TodoList = lazy(() => import('./todo-list'));
+const WeAreUsing = lazy(() => import('./we-are-using'));
+
 export default {
 	Toc,
 	BlogOverview,