Extract Full CSS doesnt do Download

The Full dignostic report from siteground.com who are the hosts of this website is:

Hello Bhagawad,

Thank you for contacting our Help Desk.

I was able to login to your Dashboard and recreate the issue you reported, when selecting Download under “Extract Full CSS” I am redirected to https://www.bhagawadgeeta.com/?extract-css=cfd55c688b438b9d7a3aacc9cbe91f43&output=download.

Indeed all caching layers were disabled in cPanel > SuperCacher in order to avoid this being the reason behind the issue. I have alo used my local computer’s hosts file to point your domain name directly to our server making sure that CloudFlare is not the fault. The issue however persisted.

I have reviewed the Apache and the PHP error logs which do not have any entries regarding the issue.

I also tailed the access logs while performing the steps and this also did not present any issue with the communication between the browser and the server, hence all requests reached the server and were responded to with a 200 OK:

Code:
87.118.135.129 – – [05/Jan/2018:16:49:47 +0800] “GET /?extract-css=cfd55c688b438b9d7a3aacc9cbe91f43&output=download HTTP/1.0” 200 27805 “https://www.bhagawadgeeta.com/wp-admin/admin.php?page=pagespeed-criticalcss” “Mozilla/5.0 (Macintosh; Intel Mac OS X 10.11; rv:57.0) Gecko/20100101 Firefox/57.0”
87.118.135.129 – – [05/Jan/2018:16:49:47 +0800] “GET /?extract-css=cfd55c688b438b9d7a3aacc9cbe91f43&output=download HTTP/1.0” 200 27805 “https://www.bhagawadgeeta.com/wp-admin/admin.php?page=pagespeed-criticalcss” “Mozilla/5.0 (Macintosh; Intel Mac OS X 10.11; rv:57.0) Gecko/20100101 Firefox/57.0”
87.118.135.129 – – [05/Jan/2018:16:49:50 +0800] “GET /?extract-css=cfd55c688b438b9d7a3aacc9cbe91f43&output=download HTTP/1.0” 200 27805 “https://www.bhagawadgeeta.com/?extract-css=cfd55c688b438b9d7a3aacc9cbe91f43&output=download” “Mozilla/5.0 (Macintosh; Intel Mac OS X 10.11; rv:57.0) Gecko/20100101 Firefox/57.0”
87.118.135.129 – – [05/Jan/2018:16:49:50 +0800] “GET /?extract-css=cfd55c688b438b9d7a3aacc9cbe91f43&output=download HTTP/1.0” 200 27805 “https://www.bhagawadgeeta.com/?extract-css=cfd55c688b438b9d7a3aacc9cbe91f43&output=download” “Mozilla/5.0 (Macintosh; Intel Mac OS X 10.11; rv:57.0) Gecko/20100101 Firefox/57.0”
87.118.135.129 – – [05/Jan/2018:16:49:50 +0800] “GET /abtf-pwa.js?path=%2F HTTP/1.0” 200 4489 “-” “Mozilla/5.0 (Macintosh; Intel Mac OS X 10.11; rv:57.0) Gecko/20100101 Firefox/57.0”
87.118.135.129 – – [05/Jan/2018:16:49:50 +0800] “GET /abtf-pwa.js?path=%2F HTTP/1.0” 200 4489 “-” “Mozilla/5.0 (Macintosh; Intel Mac OS X 10.11; rv:57.0) Gecko/20100101 Firefox/57.0”
87.118.135.129 – – [05/Jan/2018:16:49:51 +0800] “GET /wp-admin/admin-ajax.php?action=codevz_counter&id=517&key=plays HTTP/1.0” 200 – “https://www.bhagawadgeeta.com/?extract-css=cfd55c688b438b9d7a3aacc9cbe91f43&output=download” “Mozilla/5.0 (Macintosh; Intel Mac OS X 10.11; rv:57.0) Gecko/20100101 Firefox/57.0”
87.118.135.129 – – [05/Jan/2018:16:49:51 +0800] “GET /wp-admin/admin-ajax.php?action=codevz_counter&id=517&key=plays HTTP/1.0” 200 – “https://www.bhagawadgeeta.com/?extract-css=cfd55c688b438b9d7a3aacc9cbe91f43&output=download” “Mozilla/5.0 (Macintosh; Intel Mac OS X 10.11; rv:57.0) Gecko/20100101 Firefox/57.0”

This appears to be an application related issue, it could be a conflict of this plugin with another plugin,theme or the WordPress core version. Please note that the Above The Fold Optimization plugin was last updated 4 months ago and is tested up to WordPress 4.8.4, this can be seen in the official plugin documentation:

https://www.ads-software.com/plugins/above-the-fold-optimization/

Your WordPress core version however is the latest 4.9.1:

Code:
bhagawad@sgp48 [~/public_html]# wp core version
4.9.1

If you would like using this plugin it would be best to contact the plugin’s developer and make sure the plugin is compatible with the latest WordPress core version you are using.

If you need any further assistance, do not hesitate to contact us again.

Kind Regards,

Tsvetana Georgieva
Technical Support Team

Hi bhagawadkrishna,

Thank you for reporting the issue and for providing extensive details!

Regrettably, we did not receive a similar report before.

It appears that the plugin is not loaded on your home page which is why it doesn’t output CSS. It may also be possible that a different plugin overtakes the PHP output buffer.

An option is to copy and paste the query string (?extract-css=cfd55c688b438b9d7a3aacc9cbe91f43&output=download) on a different URL / page to see if the plugin is loaded. The issue may be restricted to your front page.

If you are unable to find a direct cause, it may be best to find an alternative solution to extract the full CSS.

We are developing a new plugin that will provide a robust method for extracting CSS. It will take several months however until it is ready.

I found the following in Google, it may provide a solution:

https://krasimirtsonev.com/blog/article/csssteal-chrome-extension-that-extracts-css

Considering the lack of options, we will try to publish a new solution faster.

Hi bhagawadkrishna,

We have added a new method for extracting the full CSS of a page. You find a new option in the PageSpeed admin bar menu under Critical CSS > Extract Full CSS (JS widget).

The solution is javascript based so it should work on any page.

Alternatively, you can simply copy and past the javascript widget code in the browser console and call window.extractFullCSS();.

Original (without dependencies): https://github.com/optimalisatie/above-the-fold-optimization/blob/master/trunk/admin/js/css-extract-widget.js

Minified: https://github.com/optimalisatie/above-the-fold-optimization/blob/master/trunk/admin/js/css-extract-widget.min.js

• This reply was modified 7 years, 1 month ago by optimalisatie.