Eliminate render-blocking JavaScript and CSS in above-the-fold content

In most cases this won’t actually increase your speed by much but will make your site design “flash” in and look bad. If your site is fast then ignore this notice (search engines care about actual speed not “scores”) and most websites do not defer the CSS because it makes the site render not as nicely and as long as you aren’t loading JS from 3rd party API’s it won’t make much difference anyway (themes should be loading scrips from WP core or the theme so usually it’s fine).

Of course if you really want to there are plugins for that or you can use custom code. Here is a good tutorial – http://matthewhorne.me/defer-async-wordpress-scripts/ – just be careful because some themes and plugins purposely add JS to the header because it’s needed early on.

Related Posts:

  1. Could the WP script/style loader be used to concatenate and gzip scripts and styles in the front-end?
  2. wp_enqueue_scripts, wp_register_scripts, wp_print_scripts: i’m confused
  3. How to combine multiple CSS files and concatenate JavaScripts if WordPress recommends enqueuing them?
  4. How to solve ‘Eliminate render-blocking JavaScript and CSS in above-the-fold’ content for multiple files?
  5. WordPress Displaying Thumbnails Vertically
  6. Changing Font-Size based on specific Font thru javascript
  7. Collapsible button inside a ul list does work in jsfiddle but not in WP
  8. Relative path instead of absolute for wp_enqueue_script
  9. Handling URLs in WordPress application
  10. Can “ and “ tags be used in the HTML editor?
  11. JavaScript added as link/stylesheet
  12. Write text below a specific part of a sentence
  13. WordPress on localhost working, when sharing IP to connect receive err_connection_refused on .js and .css files
  14. Show enqueued CSS and Script in custom header
  15. How to insert html/css/javascript code to wordpress plugin
  16. Older isotope portfolio rows shifting downward by 1 pixel on hover
  17. How to integrate my HTML and javascript into my child theme
  18. Shrink Header Image on Scroll
  19. How to create fa-bars animated menu
  20. Does costum code in the root folder get lost when wordpress is updated?
  21. CSS Minification
  22. Why is this jquery / java script code not working in mobile / in devices?
  23. Seperate functions.php for part of site
  24. How can I get the search form to be selected automatically?
  25. Implementing a simple slider in code?
  26. Cannot set property ‘className’ of null at setThemeFromCookie
  27. How to change “““ to “““?
  28. Conditionally enqueue a stylesheet based off of a javascript click event
  29. get_template_directory_uri() generates wrong path
  30. Remove CSS & JS from
  31. enqueing Javascript and CSS
  32. How to Add a Read-only Textbox With Text in it That Has a Button to Copy it?
  33. ACF Pro with SlickJS [closed]
  34. Show/Hide Div for Login Mask
  35. prevent HTML output if custom field is empty [closed]
  36. Plugins not showing up for custom template
  37. Equal height sections in custom Headway Theme
  38. W3TotalCache and Javascript — what should go where, when?
  39. 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]
  40. Combine CSS Files without plugin
  41. Button doesn’t work in the profile panel
  42. WordPress Rest Api access the header and extract stylesheets URL
  43. Invert porfolio item order
  44. How to make a function to play only on the home page?
  45. Embed widget from external source (Zendesk)
  46. Hide Tab Titles from Tabs Block
  47. How can I hide this custom slider while Elementor editing window is open?
  48. broken internal JavaScript and CSS files
  49. Getting and setting CSS variables with JQuery in WordPress backend fails
  50. Unable to use Datepicker in a table when inserting a row
  51. How to properly hide the div of an inline collapsible button?
  52. Change the version of default style.css in wordpress
  53. Web Developer Console: “Slow network is detected.” with fonts
  54. Enqueue CSS and Script only if needeed
  55. How to display javascript banner in website header?
  56. How would I add this code to a single WordPress page?
  57. The placeholder text doesnt disappear
  58. Trouble with adding preloader to my home page index.html and index.js
  59. Import HTML code that loads css and javascript into specific page
  60. Content alignment in Twenty Fourteen Theme
  61. How to implement a JavaScript and CSS file for my WordPress homepage?
  62. What can cause JavaScript and CSS files to be minified?
  63. Bootstrap 4 Optimization
  64. Move main menu to top of screen
  65. How to remove audio player styles added by mediaelement.js JavaScript?
  66. Interactive maps in wordpress
  67. Can I upload my HTML/CSS/Javascript game onto a WordPress page?
  68. How do I add JS and CSS to WP (Flatsome)
  69. “Plate” theme broken after update
  70. Change color of PNG image via CSS?
  71. How to completely remove borders from HTML table
  72. Overflow Scroll css is not working in the div
  73. Mixed Content Page: requested an insecure stylesheet error
  74. What does the “~” (tilde/squiggle/twiddle) CSS selector mean?
  75. How to add a class to ul tags created by the WordPress editor Tinymce?
  76. Using theme options to change link colours
  77. How do you use JavaScript to detect the homepage
  78. Is there a default style.css
  79. How to get a value for admin css color either gray or blue
  80. Adding external stylesheet after ALL other styles
  81. How can I use PurifyCSS to clean WordPress style.css?
  82. Dynamic sidebar nav with current page highlighting
  83. how to setup content on a static frontpage with css and xhtml
  84. Move Sidebar from Above Content To Below When Responsive [closed]
  85. Understanding how the class family `inner-container` works
  86. How to deal with logo color on dark mode?
  87. Custom Plugin – CSS works, JS doesn’t
  88. Add second background-image on hover
  89. Common page width? [closed]
  90. Login validation on wordpress
  91. How can customized CSS on WordPress highlight the blog title in white when it’s not intended?
  92. Are there any CSS classes for the wordpress colours?
  93. Set different css stylesheet for specific pages [duplicate]
  94. Desktop is class List and Mobile is class Grid
  95. header background color changed after drop & import database in phpmyadmin
  96. Css style removed but still showing via CDN even after clearing browser cache and purging all caches for site
  97. Managing large CSS files [closed]
  98. background changed after WordPress update
  99. Hiding site title for Twentyfifteen sidebar on (responsive) desktop display size
  100. Why is the image in div not displayed in full-size?