combining external CSS File

[Dh42]

Are you not using the built in CCC method in the back office?

[Dr.Nikos]

Hi

 

When combining the External CSS Files to the main css file,  in an attempt to increase site speed,

 

  1) should we copy-paste all the external css files to the main css file?

  2) is there a specific order in which this the External CSS Files must be copied to the main css file?

  3) should the @import url("style.css" rule on those file when pasting be deleted?

  4) where do i find the original css file

 

Thank you

[Dr.Nikos]

Yes in the back office under performance,  the Smart cache for CSS is enabled

 

Using this tool, https://varvy(dot)com/tools/css-delivery/ , there are 5 external css files.

Also using the page speed insights tool.

 

Would combining them and then minimizing the 1css file, help performance?

[Dh42]

It would help speed it up. I would combine them in the order of the top down script. Because of the way that style sheets cascade it is important to keep the same order or you might break some of the layout functionality. 

[Dr.Nikos]

Thank you for the reply.   Just to make sure:

 

1) should we simply copy-paste all the external css files to the main css file in order?

  2) should the @import url("style.css" rule on those file when pasting be deleted?

  3) where do i find the original css file?

  4) its best  not to change the original or external css, but merely name thm differently in odrer to fall back to them if something goes wrong?

   5 )  minimizing after the combinations are complete?

 

Thank you for your assistance

[Dh42]

1, yes, that is what I do.

 

2, I would remove the @import and just combine the files. 

 

3, You can locate the location viewing the source of your website

 

4, its either or. We recommend not doing regular updates to things so we hard code them in the original files a lot.

 

5, I would let prestashop handle the minification.

[Dr.Nikos]

Thank you @Dh42

 

Almost forgot. Also delete the link in the html to those external files     

 

I am very new at this. In the ftp client,there is a file called global.css under the folder css. Is this the main css file?

Plus the html file where in the ftp is it?

 

Please be considered. I am a newbie at this

[Dr.Nikos]

Where can I find the main css file? Having difficulty with this.

 

Plus where in Filezilla can I find the source code? If not mistaken I will have to delete the links to the external links from there?

 

Thank you all

[Dh42]

The css file can be all scattered around to be honest. There are several different ways developers add them to modules and themes. This is going to be tough for you to accomplish without messing something up I feel.