Google PageSpeed Issues - "Render-blocking Javascript and CSS"
Hi
I'm getting some issues with Google's PageSpeed Insights, and I'm not sure how I would go about correcting them. It's giving me some red flags, stating that I should:
"Eliminate render-blocking JavaScript and CSS in above-the-fold content"
Remove render-blocking JavaScript:
1. /jquery.js
2. /jquery-migrate.min.js
3. query.themepunch.tools.min.js
4. themepunch.revolution.min.js
Optimize CSS Delivery of the following:
01. contact-form-7/includes/css/styles.css
02. themes/betheme-child/style.css
03. themes/betheme/css/base.css
04. betheme/css/buttons.css
05. betheme/fonts/mfn-icons.css
06. betheme/css/grid.css
07. betheme/css/layout.css
08. betheme/css/shortcodes.css
09. betheme/css/variables.css
10. betheme/css/style-simple.css
11. animations/animations.min.css
12. assets/ui/jquery.ui.all.css
13. prettyPhoto/prettyPhoto.css
14. betheme/css/responsive-1240.css
15. betheme/css/responsive.css
16 - 19. fonts.googleapis.com/css?family=Roboto , PT Serif, Lato, Patua One
20. betheme/css/custom.css
21. betheme-child/style.css
It's saying my website load time should experience a significant speed increase if I fix this issue, so how would I go about handling this?
Thank you for looking into this, and for any help or advice you're able to provide.
I'm getting some issues with Google's PageSpeed Insights, and I'm not sure how I would go about correcting them. It's giving me some red flags, stating that I should:
"Eliminate render-blocking JavaScript and CSS in above-the-fold content"
Remove render-blocking JavaScript:
1. /jquery.js
2. /jquery-migrate.min.js
3. query.themepunch.tools.min.js
4. themepunch.revolution.min.js
Optimize CSS Delivery of the following:
01. contact-form-7/includes/css/styles.css
02. themes/betheme-child/style.css
03. themes/betheme/css/base.css
04. betheme/css/buttons.css
05. betheme/fonts/mfn-icons.css
06. betheme/css/grid.css
07. betheme/css/layout.css
08. betheme/css/shortcodes.css
09. betheme/css/variables.css
10. betheme/css/style-simple.css
11. animations/animations.min.css
12. assets/ui/jquery.ui.all.css
13. prettyPhoto/prettyPhoto.css
14. betheme/css/responsive-1240.css
15. betheme/css/responsive.css
16 - 19. fonts.googleapis.com/css?family=Roboto , PT Serif, Lato, Patua One
20. betheme/css/custom.css
21. betheme-child/style.css
It's saying my website load time should experience a significant speed increase if I fix this issue, so how would I go about handling this?
Thank you for looking into this, and for any help or advice you're able to provide.
Comments
Eliminate render-blocking JavaScript and CSS in above-the-fold content
we are sorry but we do not have any solution to eliminate these scripts. We may suggest only W3 Total Cache plugin but using it requires some skills and server knowledge.
Thanks for understanding!