Remove extraneous backdrop-blurs across partials #1128
Merged
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
This should mostly fix #994 and partially address #907.
backdrop-blur
with no apparent visual impact (I only kept it on menu-wrapper, menu-blur, nested-menu, background-blur, and search-wrapper)header = "fixed"
andlayoutBackgroundBlur = false
by ~200 times, drastically improving scrolling performanceheader = "basic"
andlayoutBackgroundBlur = true
by ~50%In my earlier testing, I had simply disabled
.backdrop-blur
,.backdrop-blur-sm
, and.backdrop-blur-2xl
on every element except for the search widget, but this is a more proper solution. The inclusion of thebackdrop-filter
on every article link was incredibly intensive and seemingly included as an oversight as it doesn't appear to have any visual effect. That said, please review and check if any of them were actually intended.Probably more could be done with a better CSS implementation since I did find a lot of documentation saying to avoid these blur filters entirely as they are extremely intensive and often do not perform well on mobile.
The draw call statistics above are from a local build of your website, https://github.com/nunocoracao/n9o.xyz.