TheRiddler1982

Hi again,

funny thing: I can reproduce the following:

1.) visit ziin.de in Firefox -> no clipping
2.) visit ziin.de/?ao_noptimize=1 -> clipping works
3.) reload page ziin.de (no cache cleaning) -> clipping works

I have no idea why this works. Maybe a CSS priority thing? Because the files are already in the cache? On the other side, when I reload the page from clean cache, the clipping doesn’t work either.

Thanks again
Sven

Hi Frank,

wow, thanks again for your fast response.

I took the github commit, downloaded it as ZIP, extracted it on my webserver, removed the old files in the plugins/autoptimize and inserted the new ones (with updated permissions).

Sorry to tell you that the fix didn’t resolve the clipping problem. In the inline CSS the domain has vanished, i.e.

clip-path:url("#clipPolygonTop")}section.clipped.clippedBottom{clip-path:url("#clipPolygonBottom")}

If you view the start page in Firefox, the diagonal clipping masks are not rendered.

The old post you referred to from me :-), works on my subpages. But all of the clipping paths which uses diagonal elements (which you can see in Chrome), are ignored. No idea why.

Do you have any idea? Do I still have to exclude a class in the plugin settings?

Thanks,
Sven

Hi Frank,

sorry to bother you again, Do you have any idea about the the clipping issues in Firefox?

Thanks,
Sven

I have several diagonal clipping masks on my start page

Hi Frank,

Thanks for your feedback. Could you have another look at the Firefox CSS styles when autooptimize is enabled?

Please have a look at the following screenshots:
https://ziin.de/Enabled.jpg
shows horizontal lines (ignoring the clipping)

https://ziin.de/Disabled.jpg
shows the correct clipping path.

Do you know which css class I have exclude from optimization?

Thanks again!

Bye,
Sven

btw: what option do you use in the url to keep the css optimization active but only disable js? ao_noptimize=1 does both, doesn’t it?

Thanks!

Hi Frank,

wow, that’s the reason. I’ve identified the Javascript, excluded it from optimization and now it works. ??

I’ve uploaded the file to https://ziin.de/video.js in an unminimized version. Do you have any idea what is causing the trouble? Any hint would be great!

One funny thing is: once it’s excluded, some other stylesheets are now working fine in Firefox which haven’t before.

Thanks again,
Sven

Hi Frank,

wow, thanks for your fast reply. I’ve uploaded two screenshots from Chrome 44 (OS X 10.10.5):

When called with https://ziin.de/?ao_noptimize=1:
https://ziin.de/Chrome-Disabled.jpg
Menu is hidden, slider is hidden, control buttons are visible

When called with https://ziin.de/:
https://ziin.de/Chrome-Enabled.jpg
Menu is visible, Slider is visible and the control buttons are invisible

Thanks again,
Sven

Solved!

Wow, thanks! That worked :-). I never thought about that as the box ist just mentioning css files and not classes as well :-). Do you have an idea why this is necessary? The main page works but others don’t. So I am just curious ??

Thanks again!
Sven

Hi Frank,

I found a workaround. I mistreated WordPress and disabled the default style.css in the theme folder and linked my ziin.style directly in the header after the inline CSS.

Now its working with “optimize CSS”!

BTW, your plugin rulez!!! I got now 91/100 pagespeed index for ziin.de.

Thanks!

Currently, Optimize CSS is disabled.

Hi Frank,

thanks for your fast reply. I think it is the last stylesheet included in the header. There is only some inline CSS after that. To confirm on your site you can have a look at the source code of

ziin.de

and put in unminify.com

In your plugin configuration only the defaults are entered for exclusion, i.e. admin-bar.min.css, dashicons.min.css. There is no other inline CSS besides the one mentioned above and that one has nothing todo with the video-js.css file. Both my stylesheet and the video-js.css are not inlined but included with href (see sourcecode).

I am not quite firm with CSS and its priorities. Neither know the wordpress codex in detail.
So I am not sure if I made myself clear enough.

Is there any other way that you can understand what’s going on?

Thanks,
Sven

I know it’s just perfection. But at the other points I’ve reached the end, too! I am afraid I have to live with that pagespeed point.

Thanks anyway ??