unusedCSS | Find unused CSS selector on your web application | Browser Plugin library
kandi X-RAY | unusedCSS Summary
kandi X-RAY | unusedCSS Summary
Find the unused CSS rules in a WebApp during the life cycle of a WebApp. You can move around, click, the extension will update detect these changes and try to see if new selector are used. ToDos === - improve style - auto explore, following every anchor tag - Think about selector modifier :after, :hover, … - Save results automatically and provide option to see them again - Integrate into the developper tools, instead of using a browser popup.
Support
Quality
Security
License
Reuse
Top functions reviewed by kandi - BETA
Currently covering the most popular Java, JavaScript and Python libraries. See a Sample of unusedCSS
unusedCSS Key Features
unusedCSS Examples and Code Snippets
Community Discussions
Trending Discussions on unusedCSS
QUESTION
Recently I got struck with a major issue of page load time with one of my projects developed using Yii2. The issue is regarding assets management. I have site.css, bootstrap.css, and other css from extensions used, along with site.js, bootstrap.js and js files from extensions used being loaded with each page. I know by using different AppAsset i can manage them a bit but still there remains a lot of unused css and js. I have researched over the internet and found great deal of ways to manage css and js file. Like minify, unusedcss, etc.
But I am looking for another way for it.
I want to know if there is any tool or any pattern that can be used to organise my CSS (both external and internal) and JS files (both external and internal) in such a manner that I can manage them on per page basis. And then only css/js which is used in page is added in the file (i.e. file is created on the fly) and send over to browser.
For example, suppose i have some custom css file with 500 css rules in one file named site.css and a bootstrap css file. My homepage uses about only 100 css rules from site.css, along with table and row classes only from bootstrap.css. What I want is that when a request is made for my website homepage then the css gets complied (or say wrapped) with only the used rules and send over with the response. And same goes of all the pages in my website. Each page having it's uniquely generated css file being sent over to browser. Also I want the same scenario with my JS code.
Has any one tried to achieve something like this? And if yes, then please share...
Thanks in advance
...ANSWER
Answered 2020-Jun-06 at 19:37I use this trick. And source directory structure is the same as public directory.
Community Discussions, Code Snippets contain sources that include Stack Exchange Network
Vulnerabilities
No vulnerabilities reported
Install unusedCSS
Support
Reuse Trending Solutions
Find, review, and download reusable Libraries, Code Snippets, Cloud APIs from over 650 million Knowledge Items
Find more librariesStay Updated
Subscribe to our newsletter for trending solutions and developer bootcamps
Share this Page