Skip to content

Header preloads both light and dark theme icons, appearing as unused requests in Network tab #2494

@Bhumikagarggg

Description

@Bhumikagarggg

Description

While inspecting the Network tab on meshery.io, I noticed that both light and dark theme header icons (such as meshery-logo-text.png, mode-toggle-icon-moon.png, and mode-toggle-icon-sun.png) are requested during initial page load.
Even when only one theme (light or dark) is active, assets for the other theme are also fetched. This results in multiple icon requests appearing as unused in DevTools, which can be confusing when debugging or reviewing network performance.
The behavior is consistent across page loads and is visible without interacting with the theme toggle.

Expected Behavior

Ideally, only the icons relevant to the currently active theme should be requested on initial page load, or the behavior should be clarified if preloading both themes is intentional for smoother theme switching.

Screenshots

Image

Environment:

  • OS: Mac
  • Browser: Chrome
  • Version:
  • Device: Desktop

Contributor Guides and Handbook

The meshery.io website uses Jekyll and GitHub Pages. Site content is found under the master branch.

Metadata

Metadata

Assignees

Labels

kind/bugSomething isn't working

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions