How can I use PurifyCSS to clean WordPress style.css?

Optimizing the CSS for WordPress is a time consuming job. You will have to consider all pages (404, archive, search, etc) as well as every possible element that you can think of, such as images, ordered lists, un-ordered lists, quotes, galleries, etc.

Not to mention that your theme might use some sort of AJAX or modal that could be loaded only on special events, such as errors or notification.

Still there might be some classes hidden from purifyCSS.

In my experience, I think it’s better to first cover the WordPress generated classes and then browse the theme for classes, finding them and storing them in a separate CSS file, until you finish reviewing the theme.

Also you might want to look into functions.php file for possible shortcode and AJAX handlers, outputting HTML content.

As i mentioned, it’s a really easy but time consuming task to accomplish, since the automated apps can’t extract it all (at least on the front-side).

Related Posts:

  1. How to solve ‘Eliminate render-blocking JavaScript and CSS in above-the-fold’ content for multiple files?
  2. Using uncss or similar with WordPress?
  3. WordPress problematic caching
  4. How do I minify ‘@import’ css files with wp-minify?
  5. What can cause JavaScript and CSS files to be minified?
  6. Is there a CSS parent selector?
  7. How can I vertically center a “div” element for all browsers using CSS?
  8. How do I hide the bullets on my list for the sidebar?
  9. CSS display: inline vs inline-block
  10. How to center HTML5 Videos?
  11. Text border using css (border around text)
  12. U8Qtu
  13. Center a position:fixed element
  14. How to change the background colour’s opacity in CSS
  15. difference between css height : 100% vs height : auto
  16. Using margin / padding to space span tag from the rest of the p tag
  17. Could the WP script/style loader be used to concatenate and gzip scripts and styles in the front-end?
  18. Style something only on the home page
  19. How do I register/enqueue a custom CSS file?
  20. Why isn’t my theme processing SASS?
  21. PageLines theme: how to change the background color of the main content vs. entire page?
  22. Trying to load a responsive CSS media query using Custom Taxonmy
  23. Changing CSS in Twenty Eleven to change font size of body text
  24. Deregister CSS style link ‘open-sans-css’
  25. When using https, wordpress doesn’t use https for CSS and JS, and admin doesn’t work. How do I fix this?
  26. I want to change my post titles from h2 to H1
  27. Change logo on specific page id using css
  28. Write text below a specific part of a sentence
  29. Style classic editor buttons
  30. Remove id attribute from stylesheet link
  31. Layer post title on top of image WordPress featured thumbnail image
  32. Twig + wordpress – how to get filemtime for style.css
  33. How To Load Different CSS Style, Based On Language When Using QtranslateX [closed]
  34. Where Do I Find The Astra Default Font Family That All Text Elements Are Inheriting From? [closed]
  35. Getting page output HTML without request (for CriticalCSS, PurgeCSS)
  36. How to organize priority of plugins CSS files?
  37. Responsive Images Warping
  38. Remove margin from CSS gradient color code
  39. Unable to remove space between header and slider section in wordpress website
  40. How do I apply/target CSS to a specific user role or roles?
  41. Why is this jquery / java script code not working in mobile / in devices?
  42. Seperate functions.php for part of site
  43. Internet Explorer ignore my css
  44. How can I remove the ::after CSS selector which is automaticaly appended to the_content()?
  45. Hover colour spreading out beyond submit button
  46. Some Text of website page on Iphone Safari become invisible
  47. post_class not working with css
  48. Adding CSS to Blog Posts?
  49. Where do I go to change the position of the style.css?
  50. Using PHP Increment and Conditional Statement to Alternate Loop Background
  51. wp_enqueue_media is not loading styles
  52. Remove a Style Tag from WP Theme
  53. Simple way to add custom class and ids to individual Gutenberg blocks
  54. child theme appears again when I put the header with parent name.
  55. Namespacing theme CSS
  56. cookie free subdomain and @font-face
  57. How to change the standard navigation menu color when using genesis [closed]
  58. How to add class to an html output element in tinyMCE paragraph drop down menu
  59. Add classes + taxonomy terms to wp_list_pages() output
  60. CSS isn’t rendered on a post but just posted as text [closed]
  61. How would I create the same popup in css and javascript as the one in contact button on the site https://www.sublimotionibiza.com/es/main.html [closed]
  62. Customizing the Post/Page Editor in Classic Editor
  63. How to use css only H2 Tag? Site is considering website title also H2 tag and changing its style as well
  64. How to edit CSS style sheet after migrating from local
  65. WordPress footer always at the bottom of the screen-page
  66. Dequeing Parent Fontawesome Deques Parent Styles
  67. WordPress childtheme not loading any CSS/SCSS
  68. Why can’t blocks be hidden with jQuery?
  69. CSS: Appearance/Customise display different to actual display
  70. Border around menu button [closed]
  71. Correct use of !important
  72. How to change hover link colour for blog post (body) text only
  73. Problems styling a Custom Link in a Menu
  74. Font .woff files loaded don’t correspond to the displayed styles [closed]
  75. Help locating old custom_css in PHP MyAdmin
  76. I would like to achieve a two column checkout page
  77. CSS transition from 0px width to 100% width
  78. Custom CSS rule overridden in theme
  79. Twenty Fourteen: Shrinking header while scrolling down
  80. CSS ?ver=4.7.3 not found
  81. Custom CSS rules only apply to home page
  82. Sticky Button not working WP. But does it JS Fiddle
  83. How to enqueue google fonts if we use directly in style.css
  84. Trouble with adding preloader to my home page index.html and index.js
  85. How to change in css with a custom theme?
  86. How to change menu hover color to white on my theme? [closed]
  87. How to make CSS load live based on options clicked in the theme customizer?
  88. How can a left and right margin be added to the admin bar without access to “…wp-includes/admin-bar.php”?
  89. Inserting a DIV Block Into a Listing of Excerpts?
  90. WordPress Custom Superfish CSS Problem [closed]
  91. Browser stacks different versions of style.css
  92. Do you use css reset in your child theme [closed]
  93. Is it possible to make invisible a div only on certain pages using CSS?
  94. What CSS selectors to know for WordPress? [closed]
  95. How to add css to wp_head depending on the user role?
  96. Narrow paragraph block aligned to left of “wrapper”
  97. Transparent Overlay for Gravity Forms Ajax Spinner
  98. Remove the main title, but only from the main page
  99. aos properties ‘invalid’ and not recognised when included as a css class [closed]
  100. ACF Extended : Disable styles in front [closed]