Avoid loading unnecessary css, js, plugins etc

2 replies · opened Oct 15, 2021

SsuppenhuhnOct 15, 2021

Hi!
i'm builing a site where i will only use certain features of canvas:

  • header with menu

  • floating contact

  • show modals triggered by menu-items

  • responsive layout header / page

The page content will be a fullpage 3D scene. So there's no page content to scroll down, no footer etc.

So my question is:
As i'm using only a very, very tiny fraction of canvas features & possibilities, how do i reduce the required CSS, JS, Plugins etc. to a minimum ?

Thanks in advance for every hint

SSemicolon WebSTAFFOct 16, 2021

Hello,

CSS:
You can use the style-import.css File to import the CSS that is being used on your Website, and if any CSS Element is not required you can simply remove those import lines.

JS:
Simply delete the js/plugins.min.js JS File Linking from the Page and only the JS Files that are required on the Page will load using AJAX Lazy Loading Technique. Check more about this here: http://docs.semicolonweb.com/docs/getting-started/javascript/ .

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

SsuppenhuhnOct 16, 2021

Thanks, awesome!

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard