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

[ToxiiK]

really cool module... Thanks a lot...

 

[club3m]

Thanks alot nice modul and nice share.

 

[arreglatelo]

Thank you very much! It can be useful module!

 

[jmch]

thanks lets go to test it, looks awesome!

 

[andy123899]

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

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

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

One of the best module for these issues.

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

Is it compatible with version ps 1.7

 

[andy123900]

Thanks. I hope this module help me.

Post automatically merged: Oct 26, 2022

Thank you!

 

[moonfire]

Is it compatible with version ps 1.7

Yes, it is compatible with PS 1.7.

 

[Coccinelle]

Thanks for sharing this mod Buddy

 

[unique]

thanks for last v
What's New in Version 1.1.0(05/06/2021)

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

 

[andy123900]

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

How it works this module. I generated critical css ,but no any results.

 

[deighvtisss]

thx bro for sharing. very useful.

 

[Prester]

Thank you very much for sharing this module.

 

[ToxiiK]

thx bro update this module. very useful.

 

[Vadimuch]

Thank you very much for this module!

 

[partiid]

Let's see if it actually does anything. Thank you for sharing

 

[samsam0606]

thx bro for sharing. very useful.

 

[trakr]

i was searching this awesome module, thank you

 

[aupatleti]

Thank you very much for this module

 

[presta54]

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

 

[pop00]

Thank you for this post, I will test it