3 replies · opened Apr 27, 2019
Does anyone know any ways to remove the unused css and other files? Uploading these huge files when only parts of them are needed seems a little strange. It's too much to go through manually however on google audit a big chuck of performance is lost because of unused css. Any tips? suggestions?
Hello,
As a Template Package, all the CSS/JS are provided collectively for easier understanding and usage. It is then upon the User to customize the Files according to their requirements. You will need to optimize your Website heavily in order to pass the Google Audits as a Template Package is provided for the User to make Customization depending on what they want for their website. Please consider using the css/imports Folder and the style-import.css File to include/exclude the CSS according to your usage requirements.
You can also consider using this Tool: https://github.com/raspberryrippl3/Chrome-Devtools-Code-Coverage-Parser as provide by One of Our Valuable Users: https://themeforest.net/item/canvas-the-multipurpose-html5-template/9228123/comments?page=217&filter=all#comment_21968057 .
Hope this Helps. Thanks for your Patience.
Do let us know if we can help you with anything else or if you find any further issues with Canvas.
Hi,
Thanks for your response.
Do you mind explaining what the import files are for? I've had a look at them but I'm not really sure of their purpose?
Thanks Jordan
Hello,
The CSS Files in css/imports Folder are the mirror copies of the style.css but broken into parts so that you can simply use only the CSS Styles you actually need for your Website. Start with the style-import.css File and remove the @import references for the Elements Styles you do not need for your Website.
Hope this Helps!
Let us know if we can help you with anything else or if you find any further issues.
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