evylang / todo

0 stars 0 forks source link

Split CSS into smaller files #44

Closed juliaogris closed 5 months ago

juliaogris commented 6 months ago

Similar to #todo/41 - make use of http2's ability to download many files in parallel. Place several self-contained CSS files in <head>, e.g.: css/resets.css css/root.css css/sidebar.css etc.

The strategy has been inspired by DHH's #nobuild push:

https://world.hey.com/dhh/you-can-t-get-faster-than-no-build-7a44131c https://world.hey.com/dhh/once-1-is-entirely-nobuild-for-the-front-end-ce56f6d7

Live sites to take inspiration from (use view-source):

https://37signals.com/ https://once.com/

Eventually we want to follow up with content hash in filename and long hashing strategy.

juliaogris commented 5 months ago

Initial step: https://github.com/evylang/evy/pull/232

juliaogris commented 5 months ago

We have now split of rests.css, fonts.css, elements.css and primary.css as needed in the landing page. A further bigger step will hopefully be achieved by making the editor embedded with the docs.

To a big part addressed by finally merging evylang/evy#213 .