Thursday, July 29, 2010

Clean up your css



In our writing style, when the CSS page in the experience of several versions of the changes, there may be some patterns have been less than, perhaps, changed its name to a certain style but forgot to remove the original short, there are some pages may be useless style. Some of these useless waste of server space and bandwidth consumption, will increase our maintenance costs. Is there a way to clean up some of the style of those useless then? Today let us look at some of the more useful tools.

Dust-Me selectors

Dust-Me is a very useful also very good with the Firefox plugin, it can analyze your page to call all of those CSS files and have not been used in the page.

Support local and remote style file, including the use of tags, processing instructions, @ import statements, etc. into the style files; (but do not support the page


IE conditional comments support the introduction of the style files;

Can check a page, you can check the website;

Support CSS1 selector, most of CSS2 and CSS3 selectors;

Understanding of common CSS hack, such as "* html # fuck-ie" would be considered "html # fuck-ie";

Support for Firefox 3.5 and Firefox 3.0, in fact thanks to FF 3.5 the js engine improvements, FF 3.5 FF 3.0 in the performance higher than 50%.



Install: https: / / addons.mozilla.org/en-US/firefox/downloads/latest/5392/addon-5392-latest.xpi "target = _blank> Click here. At the same time, you can download the project source code, learn more, visit the official page Dust-Me selector.

Page Speed

Page Speed is Google providing a front-end performance analysis tool, somewhat similar to YSlow, but offers some of the more personalized and useful tools, such as Remove unused CSS:



Page Speed and YSlow as dependent on Firebug, and installation details, please visit here.

CSS Redundancy Checker

CSS Redundancy Checker is a free online application, you can check all the files using a CSS style of useless pages. Can also check a particular style in the use of multiple pages. Although the tool is less than one can check the number of HTML pages, but you can only check a CSS file, but also manually enter:



IntelliJ IDEA

IntelliJ IDEA is a rather powerful IDE, like DreamWeaver, but not much use in the country. The software includes a real-time code analysis tool (On-the-fly Code Analysis), can analyze the CSS file is not used in class and id.

Expression Web

Microsoft Expression Web as a new generation of Web development tools, there are still many people use their CSS Report function can check that need to be removed without CSS (I do not use EW worked on site, hoping to use the software, children's shoes can be help confirm this.)

Conclusion

Of course, there may be some other tools not mentioned here, if you understand, you can share with you.

In addition, we will usually write the style of the entire site to one or more style files, and then all the calls in the page or sub-module is called, then the style of a CSS file in a page may be used but does not Other pages are used, so use these tools to detect extra files CSS styles when the need to maintain a certain degree of caution, clear style may affect the other page, so page speed test results provided only applies to a single page not suitable for the entire site, and use the Dust-Me or CSS Redundancy Checker can be a time when the entire site or multiple pages while the site inspection, it might be able to avoid foolproof.









Recommended links:



"Plant Zombie War" snow vehicle off easily over France



Teach you to manually remove Angola variants



Simple Components And Libraries



"Abnormal" Jason Jiang: year one is moral Derailment



Convert Mpeg To Avi



CLP Guangtong proceedings to recover 200 million loan of China Cable



Who in the "high absorption charge phone" incident lying



Jinshan listing delayed two days by the profitability of the Hong Kong question diverted



video Formats



Runners Grab The East Home



Convert Mpg To Mov



Simple Network Monitoring



Easy Gallery And Cataloging TOOLS



psp video converter



Outlet, a "money map" it?



Pocket Baidu claims 10 million downloads have been pushed Android version has expired



No comments:

Post a Comment