[Support request] Eliminate render-blocking JavaScript and CSS in above-the-fold content

[Jeffrey]

Google page speed indicates errors with my theme. How do I get these fixed? My page speed results for mobile indicate poor and desktop needs works.

I read several posting https://generatepress.com/fastest-wordpress-theme/
I installed Autoptimize and Query Strings Remover. The results WERE worse than not having those plugins installed.

I have disabled all of the plugins based upon Googles recommendations to see if it a plugin causing any issues. After disabling the plugins, I ran the test again. The results are below.

Your page has 2 blocking script resources and 15 blocking CSS resources. This causes a delay in rendering your page.
None of the above-the-fold content on your page could be rendered without waiting for the following resources to load. Try to defer or asynchronously load blocking resources, or inline the critical portions of those resources directly in the HTML.
Remove render-blocking JavaScript:
http://unlimitedearnings.siterubix.com/…-includes/js/jquery/jquery.js?ver=1.12.4
http://unlimitedearnings.siterubix.com/…s/jquery/jquery-migrate.min.js?ver=1.4.1
Optimize CSS Delivery of the following:
http://fonts.googleapis.com/…00,600italic,700,700italic,800,800italic
http://unlimitedearnings.siterubix.com/…t-form-7/includes/css/styles.css?ver=4.8
http://unlimitedearnings.siterubix.com/…s/css/unsemantic-grid.min.css?ver=1.3.48
http://unlimitedearnings.siterubix.com/…hemes/generatepress/style.css?ver=1.3.48
http://unlimitedearnings.siterubix.com/…eratepress/css/mobile.min.css?ver=1.3.48
http://unlimitedearnings.siterubix.com/…tepress/css/font-awesome.min.css?ver=4.7
http://unlimitedearnings.siterubix.com/…le-lightbox/client/css/app.css?ver=2.6.0
http://unlimitedearnings.siterubix.com/…ns/css/elementor-icons.min.css?ver=1.5.5
http://unlimitedearnings.siterubix.com/…esome/css/font-awesome.min.css?ver=4.7.0
http://unlimitedearnings.siterubix.com/…/assets/css/animations.min.css?ver=1.5.5
http://unlimitedearnings.siterubix.com/…or/assets/css/frontend.min.css?ver=1.5.5
http://unlimitedearnings.siterubix.com/…/elementor/css/global.css?ver=1500584712
http://unlimitedearnings.siterubix.com/…/elementor/css/post-5.css?ver=1500671825
http://unlimitedearnings.siterubix.com/…og/functions/css/style-min.css?ver=1.3.1
https://fonts.googleapis.com/…00,700italic,800,800italic,900,900italic

Leverage browser caching
Setting an expiry date or a maximum age in the HTTP headers for static resources instructs the browser to load previously downloaded resources from local disk rather than over the network.
Leverage browser caching for the following cacheable resources:
https://static.doubleclick.net/instream/ad_status.js (15 minutes)

Minify CSS
Show how to fix
Minify JavaScript

[Tom]

Hi there,

The instructions here should help a lot: https://generatepress.com/fastest-wordpress-theme/

[Jeffrey]

Did you see the link I posted at the beginning of my post? I already did this. The results were worse after completing the changes.

Recall, I disabled all the plugins and testing only the theme and pics that are compressed.

Any other ideas? I switched to your theme because it was suppose to be light and fast!

[Tom]

Can you apply those changes again, and then let me know the URL so I can run some tests and see where the problem is?

Thanks!

[Jeffrey]

Here is a clean install w/o any plugins or photos. (my site that i’m building is at the bottom). I wanted to show you a no build site score verses a site that is almost completed.

http://423.afe.myftpupload.com/

Before plugins installed
Test Results
78 mobile
91 Desktop
After Autoptimize and Query string remover installed
72 mobile
89 desktop

This page is missing some common performance optimizations that may result in a slow user experience. Please investigate the recommendations below.

Your page has 2 blocking script resources and 5 blocking CSS resources. This causes a delay in rendering your page.
None of the above-the-fold content on your page could be rendered without waiting for the following resources to load. Try to defer or asynchronously load blocking resources, or inline the critical portions of those resources directly in the HTML.

Remove render-blocking JavaScript:
http://423.afe.myftpupload.com/…-includes/js/jquery/jquery.js?ver=1.12.4
http://423.afe.myftpupload.com/…s/jquery/jquery-migrate.min.js?ver=1.4.1

Optimize CSS Delivery of the following:
http://fonts.googleapis.com/…00,600italic,700,700italic,800,800italic
http://423.afe.myftpupload.com/…s/css/unsemantic-grid.min.css?ver=1.3.48
http://423.afe.myftpupload.com/…hemes/generatepress/style.css?ver=1.3.48
http://423.afe.myftpupload.com/…eratepress/css/mobile.min.css?ver=1.3.48
http://423.afe.myftpupload.com/…tepress/css/font-awesome.min.css?ver=4.7

Leverage browser caching
Setting an expiry date or a maximum age in the HTTP headers for static resources instructs the browser to load previously downloaded resources from local disk rather than over the network.
Leverage browser caching for the following cacheable resources:
http://423.afe.myftpupload.com/…tepress/css/font-awesome.min.css?ver=4.7 (24 hours)
http://423.afe.myftpupload.com/…eratepress/css/mobile.min.css?ver=1.3.48 (24 hours)
http://423.afe.myftpupload.com/…s/css/unsemantic-grid.min.css?ver=1.3.48 (24 hours)
http://423.afe.myftpupload.com/…hemes/generatepress/style.css?ver=1.3.48 (24 hours)

Minify CSS
Compacting CSS code can save many bytes of data and speed up download and parse times.
Minify CSS for the following resources to reduce their size by 1KiB (16% reduction).
Minifying http://423.afe.myftpupload.com/…hemes/generatepress/style.css?ver=1.3.48 could save 1KiB (16% reduction) after compression.

Here is my current site that I’m building
http://unlimitedearnings.siterubix.com/

Test Score:
Mobile 58
Desktop 68

[Tom]

Google Page Speed is one of the less reliable tools for testing page speed/performance (https://wp-rocket.me/blog/the-truth-about-google-pagespeed-insights/).

Let’s take a look at GTmetrix: https://gtmetrix.com/reports/unlimitedearnings.siterubix.com/zLD7JD7m

The two main issues here are server related: Enable Keep-Alive and Leverage Browser Caching

If you’re on shared hosting, you might consider using a plugin like WP Rocket to enable these kinds of caching methods on your website.

Otherwise, you may need to talk with your hosting about enabling these features/upgrading your server.

Let me know if you need more info 🙂

[Author]

Posts