L.A.M.F. (nprofile…z0xt) I'm not convinced adding a CSS pre-processor will really help. A bunch of the stylesheets are already modularized and PHP processes variables and concatenates those files on the server side already. That might be why none of the stylesheets I've looked at in Friendica are minified, like maybe it messes up parsing them or something? I'll have to test it on my dev server.
I'm not a fan of CSS pre-processors though. After nearly 30 years of doing web design+dev I don't like to introduce dependencies if I don't need to because I've seen a lot of these things come and go. Next week someone will tell me to rewrite it in PostCSS. 🤷 The only reason I can think to use them now is to support advanced CSS features for old browsers nobody should probably be using anymore. Because modularization, nesting rules, pseudo-selectors, variables, computation, reassigning values at runtime, and color transforms are now all built into vanilla CSS for modern browsers. Bookface is already making use of most of those features, and the PHP pre-processing is taking care of the rest.
So minifying and/or compressing is probably the best bet for optimizing it, but the real solution is probably a major rewrite or replacement of the underlying "Frio" theme itself, which is very, very code-heavy (thanks to legacy code reflecting its age). But that...will be a major undertaking because that theme as a lot of "moving parts."
Pygoscelis Papua /
npub1ad…750k9
2025-03-25 22:53:11
in reply to nevent1q…d72g
Author Public Key
npub1addhlykpfsjyyk0z8urepy5zww9meyfpmv7dpyn8twq0pam5fcsqq750k9Published at
2025-03-25 22:53:11Event JSON
{
"id": "426a5c7abfcfdd846e47bf3aa6ea6165f17d8b3be82453fb1a3a579f38893e3d",
"pubkey": "eb5b7f92c14c244259e23f07909282738bbc9121db3cd092675b80f0f7744e20",
"created_at": 1742943191,
"kind": 1,
"tags": [
[
"p",
"029c1582b0372d72ee436babccc3254238cf768ca016d74fb303e39cacced724",
"wss://relay.mostr.pub"
],
[
"p",
"15b7758904cd6ec9c4d780aed7cca01019b61be45945dea8a68e2d2322a45ecd",
"wss://relay.mostr.pub"
],
[
"p",
"040ac6e6a9932dc05b22d80e986d759293dd8bf3fb0294d09b9118d12bc18c41",
"wss://relay.mostr.pub"
],
[
"p",
"20d50441c1bbbb8a505832b8e835a0501bc89e7b5489b8ed2d79aead3de06a34",
"wss://relay.mostr.pub"
],
[
"p",
"eb5b7f92c14c244259e23f07909282738bbc9121db3cd092675b80f0f7744e20",
"wss://relay.mostr.pub"
],
[
"e",
"fcf6a8c87f84883678cb63b75f982aec505e3b157161db9cdf407da111176de3",
"wss://relay.mostr.pub",
"reply"
],
[
"proxy",
"https://friendica.world/objects/84b6ef2b-4867-e333-d7c0-9a9921289406",
"activitypub"
]
],
"content": "nostr:nprofile1qy2hwumn8ghj7un9d3shjtnddaehgu3wwp6kyqpqq2wptq4sxukh9mjrdw4uese9gguv7a5v5qtdwnanq03eetxw6ujqtgz0xt I'm not convinced adding a CSS pre-processor will really help. A bunch of the stylesheets are already modularized and PHP processes variables and concatenates those files on the server side already. That might be why none of the stylesheets I've looked at in Friendica are minified, like maybe it messes up parsing them or something? I'll have to test it on my dev server.\n\nI'm not a fan of CSS pre-processors though. After nearly 30 years of doing web design+dev I don't like to introduce dependencies if I don't need to because I've seen a lot of these things come and go. Next week someone will tell me to rewrite it in PostCSS. 🤷 The only reason I can think to use them now is to support advanced CSS features for old browsers nobody should probably be using anymore. Because modularization, nesting rules, pseudo-selectors, variables, computation, reassigning values at runtime, and color transforms are now all built into vanilla CSS for modern browsers. Bookface is already making use of most of those features, and the PHP pre-processing is taking care of the rest.\n\nSo minifying and/or compressing is probably the best bet for optimizing it, but the real solution is probably a major rewrite or replacement of the underlying \"Frio\" theme itself, which is very, very code-heavy (thanks to legacy code reflecting its age). But that...will be a major undertaking because that theme as a lot of \"moving parts.\"",
"sig": "2e5fa3cdb5f01981a8592f21f316222fe4a95121ba9a9343b79159258818cff19f5d7d125887ec292d45420462ea4259c75e4669efde474236b8f9bb90e01c6c"
}