v1.6-v1.7 Critical Path CSS Manager V 1.1.0

[JohnnyP]

DEMO:

Critical Path CSS Manager

Defers render blocking CSS and inserts above-the-fold (critical path) CSS in the header. For home-, product- and category pages seperately.The critical path CSS can be obtained from an internal scanner and has to be pasted into the module.

addons.prestashop.com

Features
Critical Path (above-the-fold) CSS manager.
Defers render-blocking CSS if Critical Path management is activated.
Options to activate or disable for home page, product pages and category pages separately.
Get your above-the-fold CSS from the reliable internal scanner, paste it into the manager, save and you are done.

Remove unused CSS.
As a bonus you receive the option to use clean css from unused CSS rules.
Here also you can choose to do home-, category- or product pages separately.
If on a page the critical path CSS is used, you can choose an option to replace the regualr CSS by cleaned CSS (Uncss). This saves up to 80% in file size, Especially in Bootstrap-based themes.
Please note: This option however should be used with care. On heavily styled sites this option is considered a high risk to break the lay-out.
Recommendation
For Prestashop 1.6 sites this only works when Javascript is moved to the bottom.
What's New in Version 1.1.0(05/06/2021)

• Added scanners
• Revamped defer mechanism to work with http/2 servers

 

[Mantas23]

Thank you very much for this module!

 

[darksabi]

Thanks alot nice modul and nice share.

 

[scoopsat]

Thank you very much! It is very good module!

 

[hxcode]

thx bro for sharing. very useful.

 

[vivozivo]

Thank you for this post, I will test it

 

[moonfire]

Awesome! I'm looking forward to test this module and see how well the remove unused css-function works.
Thanks, mate!

 

[pccc12]

DEMO:

Critical Path CSS Manager

Defers render blocking CSS and inserts above-the-fold (critical path) CSS in the header. For home-, product- and category pages seperately.The critical path CSS can be obtained from an internal scanner and has to be pasted into the module.

addons.prestashop.com

Features
Critical Path (above-the-fold) CSS manager.
Defers render-blocking CSS if Critical Path management is activated.
Options to activate or disable for home page, product pages and category pages separately.
Get your above-the-fold CSS from the reliable internal scanner, paste it into the manager, save and you are done.

Remove unused CSS.
As a bonus you receive the option to use clean css from unused CSS rules.
Here also you can choose to do home-, category- or product pages separately.
If on a page the critical path CSS is used, you can choose an option to replace the regualr CSS by cleaned CSS (Uncss). This saves up to 80% in file size, Especially in Bootstrap-based themes.
Please note: This option however should be used with care. On heavily styled sites this option is considered a high risk to break the lay-out.
Recommendation
For Prestashop 1.6 sites this only works when Javascript is moved to the bottom.
What's New in Version 1.1.0(05/06/2021)

• Added scanners
• Revamped defer mechanism to work with http/2 servers

Hi bro, This module is fantastics! Very thanks for sharing with our!

 

[potatoinsideoutpiano]

Thank you bro for sharing with us!

 

[esamos]

Thank you bro for sharing with us!

 

[luffy48]

This module is fantastics! Very thanks for sharing with our!

 

[weavy]

thank you very musch for the sharing module

 

[Jan Doe]

Thank you very much for sharing this module.

 

[tarso_w]

Thank you very much for this module

 

[erunion]

gracias por compartir este módulo gracias

 

[Sillumin]

Thank you very much! It can be useful module!

 

[m3442a]

thanks fo that great modul i will use on some project

 

[Extinctman]

Thank you very much for sharing this module.

 

[Speedcrash]

thanks for sharing this module. it's well done.

 

[markoo]

thanks for sharing this module, i will use on some project