Pagespeed static css static-style.css

amtenbrink · December 2019

Hi,

i am trying to activate static css, but i can not follow your explanation in the documentation.

I can not open style.php and style-colors.php in any browser (safari, firefox, chrome).

so i did copy all(!) content via text editor from bothe files in the static-style.css and uploaded it via ftp.

after that, my layout is not the same and is completely wrong. So it seems that i din't integrate it right.

In the documentation you showed an Update since version 9.6, that all style is in the header an i should copy it there.

i'm not sure, but where do i copy what exactly? could you give a little more detailed explanation?

Thank you!

amtenbrink · December 2019

of course i activated the static css button in theme options after uploading static-style.css...

Pablo · December 2019

Hello,

Style.php and style-colors.php are really old way to achieve that and it's not longer working.

So if you want to activate static styles, you need to copy the styles
directly from the header from the page source. (on the screenshot below we present where this
code is located) into the style-static.css file (through the FTP).

https://themes.muffingroup.com/betheme/documentation/doc-images/header-styles.png

Then, go to Theme Options >
Global
> Advanced

And turn ON the Static CSS button. That’s it, you successfully set up the Static CSS, your website should be loaded quicker

Thanks

amtenbrink · December 2019

hi,

thank you so far for your answer.

sorry, but i'm not sure to get the right code (css styles) to copy.

In your screenshot there is the red frame above the spot, i think i need to know...

maybe im just missing something?

or maybe i'm searching in the wrong place? I opend the startpage in firefox and inspected the page with 'inspect element'. is that korrekt?

Thank you!!!

Pablo · December 2019

CTRL + U, it will open the whole source code of your website.

You should be able to find this large amount of your CSS code.

Thanks

amtenbrink · December 2019

Hey,

thank you. i found the source but not the amount of css code you are showing in your picture,

of course there is a lot of css, but not particular to colors or the two files you are mentoning in the documentation ...

am i really the only one who doesn't get this? :-$

could you maybe have a look on the site and tell me the line?

https://c-h-s.adgermany.de/

thank you

Pablo · December 2019

Please disable all of the minify/cache plugins, it's necessary to not to use this kind of plugins while using the static css method.

Thanks

amtenbrink · December 2019

ahhhhh... thank you! :-)

vhanh · January 2020

Hi , i have the same issue with css header code. I'am using lightspeed cache plugin, should i turn off the plugin or only disable the css minify in the plugin?

My site https://igocanada.ca/vi

Thanks

Pablo · January 2020

vhanh

You should turn off all of the plugins which desire is to 'speed up' your page.

They are usually minfiying the code on the theme.

Then, you will be able to use the static-css method correctly.

Thanks

Pagespeed static css static-style.css

Comments