I read in one of the other posts that v6 will come with a 'package generator'. How will that work exactly?
Will it strip out unnecessary / unused CSS rules from files when you generate a package?
2 replies · opened May 17, 2020
I read in one of the other posts that v6 will come with a 'package generator'. How will that work exactly?
Will it strip out unnecessary / unused CSS rules from files when you generate a package?
Hello,
The Package Generator will be available as a File Sorter initially. Once you choose One or Multiple HTML Files you need for your Project, our crawler will go through the Package and download only the Images/CSS/JS/PHP Files needed specifically for those HTML Files. This will specifically be useful for Niche Demos or who need only 5-10 HTML Files for their Website. This would help in minimizing the time required to arrange the Files/Folders from the Huge Package downloaded directly from ThemeForest. The CSS Generator will be available separately at a later date. And we have restructured the JS Files that will load the JS Codes on demand depending on the JS Elements available on the Page. Suppose, if .counter Element is available on the Page, an external JS File will be requested on the Page to run its functions (just like async loading), else no extra JS Codes. This way we were able to decrease the js/functions.js File Size by almost 50% and have completely removed the js/plugins.js File. We will introduce more features to optimize performance with future updates.
Hope this Helps!
Let us know if we can help you with anything else or if you find any further issues.
I'm interested in the CSS Generator. On all the sites I have Canvas, CSS bloat is the top problem in page speed tests and I have struggled to find a way to remove unused CSS quickly end effectively.
Chrome did have a bug in it's DevTools Coverage checker a few years ago where it recorded coverage across pages but they fixed it but the bug was very useful for going through a site and getting a quick coverage report which could then be used to remove unnecessary CSS with a script.
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