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

250 views
Skip to first unread message

Maurice Tadros

unread,
Mar 13, 2017, 10:33:04 PM3/13/17
to ngx-pagespeed-discuss
For Site: doober.devbrs.com

When I use pagespeed insights: 

https://developers.google.com/speed/pagespeed/insights/?url=doober.devbrs.com

I get the "Should Fix Message"

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

Your page has 1 blocking script resources and 3 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.
Optimize CSS Delivery of the following:

My pagespeed.conf file is:

pagespeed on;

pagespeed FileCachePath /var/cache/pagespeed;


# Ensure requests for pagespeed optimized resources go to the pagespeed

# handler and no extraneous headers get set.

location ~ "\.pagespeed\.([a-z]\.)?[a-z]{2}\.[^.]{10}\.[^.]+" { add_header "" ""; }

location ~ "^/ngx_pagespeed_static/" { }

location ~ "^/ngx_pagespeed_beacon$" { }

location /ngx_pagespeed_statistics { deny all; }

location /ngx_pagespeed_global_statistics { deny all; }

location /ngx_pagespeed_message { deny all; }

location /pagespeed_console { deny all; }



#Custom Settings

pagespeed EnableFilters inline_css;

pagespeed CssInlineMaxBytes  24000;

pagespeed EnableFilters inline_css;

pagespeed EnableFilters combine_css,combine_javascript;

pagespeed EnableFilters prioritize_critical_css;

pagespeed EnableFilters rewrite_css;

pagespeed EnableFilters defer_javascript;

pagespeed EnableFilters convert_gif_to_png;

pagespeed EnableFilters convert_jpeg_to_progressive;

pagespeed EnableFilters convert_jpeg_to_webp;

pagespeed EnableFilters remove_comments;


Any Suggestions?

Thanks
Reply all
Reply to author
Forward
0 new messages