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

[elise-alba]

Thank you very much! It is very good module!

Post automatically merged: Sep 9, 2023

only for PS 1.7.1 and higher
$this->ps_versions_compliancy = array('min' => '1.7.1', 'max' => _PS_VERSION_);

 

[Butuemi]

thank you for sharing.
have a good day!!! Good Work!

 

[CoolT Toy]

Thanks, bro / Wright now i need some like this.
I'm recommend too using Chrome ext "Used CSS" to separate critical css rules.

 

[volverine]

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

seems useful, thanks a lot for this

 

[lextor]

Your gift really made me smile. I'll think of you every time I use your gift.

 

[lucamar]

Let's see if with this module I can improve the LCP metric on the google speed page. thanks!

 

[Vladimir12]

thanks for sharing I'm gonna give it a try on my demo website

 

[byjerem]

Thank you very much for it!
Best regards!

 

[blumd]

Muchs gracias lo estaba buscando!!

 

[gatla2]

Thank you very much! It is very good module!

 

[MisterSpoty]

thanks for this module---------------- ------------------ ------------- --------

 

[goldenskies]

thank you for sharing.
have a good day!!! Good Work!

 

[user_name]

Thank you very much for sharing - it's appreciated!