How to combine multiple CSS files and concatenate JavaScripts if WordPress recommends enqueuing them?

WordPress doesn’t really offer this functionality. You basically grab the array of enqueued scripts + styles and minify & concatenating them before they are output (using 3rd party script), of course you would want to cache this as well. This is quite complicated so I suggest instead:

  1. There are several plugins on wordpress.org that do this, just search for “minify”.
  2. Do this on the server side with something like mod_pagespeed
  3. Do this on your side with something like YUI

Related Posts:

  1. Relative path instead of absolute for wp_enqueue_script
  2. How to insert html/css/javascript code to wordpress plugin
  3. enqueing Javascript and CSS
  4. Bootstrap 4 Optimization
  5. Could the WP script/style loader be used to concatenate and gzip scripts and styles in the front-end?
  6. wp_enqueue_scripts, wp_register_scripts, wp_print_scripts: i’m confused
  7. Use wp_enqueue_scripts, not wp_print_styles?
  8. Custom Admin CSS styles to style media uploader?
  9. How to integrate my HTML and javascript into my child theme
  10. Child theme stylesheet not always overriding “index”
  11. Custom Plugin – CSS works, JS doesn’t
  12. How can I force Dynamic CSS via ACF values to update on page load?
  13. functions.php – inject inline css from file
  14. Load custom CSS before admin CSS
  15. Theme JS is available but theme CSS isn’t
  16. Including CSS files in HEAD based on page content
  17. Dequeue styles with query doesn’t work
  18. Bootstrap Integtration
  19. Enqueue CSS and Script only if needeed
  20. plugin not loading my css and js
  21. How can I get a list of all enqueued scripts and styles?
  22. How to enqueue style before style.css
  23. How to add stylesheets only to pages with specific shortcode?
  24. What is the correct way to enqueue multiple CSS files?
  25. Remove wp_add_inline_style
  26. How can I dequeue a Plugin Stylesheet?
  27. Adding style sheet to specific page
  28. How do I load custom scripts and styles for a page?
  29. WordPress Displaying Thumbnails Vertically
  30. Enqueued Stylesheets Effecting Admin Styles
  31. wp_enqueue_script + how to load JS or CSS in one URL merge call?
  32. Prevent CSS/JS loading when plugin is not used
  33. Changing Font-Size based on specific Font thru javascript
  34. Is it possible to change the path of a css file that is registered through wp_enqueue_style()?
  35. get_stylesheet_uri returns wrong path
  36. Relative path in wp_register_style not working
  37. Deregistering a script in WordPress seems impossible
  38. Write text below a specific part of a sentence
  39. How the Css File is Linked without calling it in header.php?
  40. Loading different stylesheet on WordPress pages?
  41. WordPress on localhost working, when sharing IP to connect receive err_connection_refused on .js and .css files
  42. why enqueued styles in header.php shows in footer?
  43. Show enqueued CSS and Script in custom header
  44. Different ways to load child theme css
  45. How to override Bootstrap css with my child theme css in wordpress?
  46. Enqueue styles in new site editor in WordPress 5.9
  47. Older isotope portfolio rows shifting downward by 1 pixel on hover
  48. Shrink Header Image on Scroll
  49. How to create fa-bars animated menu
  50. Does costum code in the root folder get lost when wordpress is updated?
  51. CSS Minification
  52. Why is this jquery / java script code not working in mobile / in devices?
  53. Is the wp_enqueue method efficient?
  54. Enqueuing a script before anything else
  55. How can I get the search form to be selected automatically?
  56. Faster fonts on mobile
  57. Ordering stylesheet above using functions.php
  58. Display Something in the Header After All Styles are Loaded
  59. How to change “““ to “““?
  60. My CSS suddenly doesn’t load anymore [closed]
  61. get_template_directory_uri() generates wrong path
  62. How can I move my custom css to the very bottom of the head section?
  63. Remove CSS & JS from
  64. How to Add a Read-only Textbox With Text in it That Has a Button to Copy it?
  65. How would one set or override a Fallback font for characters in second language?
  66. First element/selector of enqueued CSS file breaks
  67. I want to set global directory locations for my CSS and JS locations. How?
  68. Including Styles and JS files to work ON my plugin interface
  69. Plugins not showing up for custom template
  70. Equal height sections in custom Headway Theme
  71. W3TotalCache and Javascript — what should go where, when?
  72. Dynamically add Js
  73. Button doesn’t work in the profile panel
  74. Invert porfolio item order
  75. Embed widget from external source (Zendesk)
  76. Hide Tab Titles from Tabs Block
  77. Advanced method to control cache of enqueued style/script
  78. How can I hide this custom slider while Elementor editing window is open?
  79. Save custom option in CSS file
  80. broken internal JavaScript and CSS files
  81. Getting and setting CSS variables with JQuery in WordPress backend fails
  82. Add inline CSS to login page with wp_add_inline_style
  83. Change the version of default style.css in wordpress
  84. Font size decreases when child theme is created from parent theme?
  85. How do I dequeue a Stylesheet, stored in an ‘Assets’ folder?
  86. How to display javascript banner in website header?
  87. How would I add this code to a single WordPress page?
  88. Import HTML code that loads css and javascript into specific page
  89. Controling css order
  90. custom post with loading script per single post
  91. Why are my parent styles loading after my child styles?
  92. How to make CSS load live based on options clicked in the theme customizer?
  93. Replacing parent theme’s IE-specific CSS
  94. Change Login CSS – Include instead of echo
  95. How to implement a JavaScript and CSS file for my WordPress homepage?
  96. Move main menu to top of screen
  97. How to remove audio player styles added by mediaelement.js JavaScript?
  98. Interactive maps in wordpress
  99. Can I upload my HTML/CSS/Javascript game onto a WordPress page?
  100. Enqueue MCE Editor CSS in admin page

Leave a Comment