Images and icons paths change on auto minify

Hello @wpyash

I am sorry about the issue you are experiencing and I am happy to assist you with this.
Can you please disable the settings in Performance>Minify one by one (start with HTML minify if enabled and then JS and CSS minify), save all settings and purge the cache after each setting is disabled and see which setting might be causing the issue.
Thank you!

Hi Marko,

It works fine with the manual settings, but not with the auto minfy settings, the image path changes
Form
https://2020-01.bostonpads.com/wp-content/themes/wp-bostonpads/images/heart.png
To
https://2020-01.bostonpads.com/wp-content/cache/minify/cs/wp-content/themes/wp-bostonpads/images/heart.png

What can be the problem?

Hello @wpyash

Thank you for the information.
Can you please check the wp-content/cache/minify/cs/ if it exists?
Thank you!

Hi Marko,

No there is no such folder there, and interestingly there are no other minify files as well in that folder that we see in the source code, just .htaccess and index.html in it.

• This reply was modified 5 years, 1 month ago by Yash Chopra.

Hello @wpyash

there is a possibility that you have some other CSS minify or those CSS files simply need to be excluded from being minified if they are causing issues as you mentioned before.
Manual Minify is to a solution here. Os you need to add JS and CSS files manually and in proper order.
Can you please share which options you have enabled in Performance>Minify when Auto minify is enabled?
Thank you!

Hi Marko,

I am not using any other cache plugin to minify css, it is only this plugin, I understand that some css files might me causing issue that I will have to fix, but why are all the images and icons paths changing when I enable auto minify? Isn’t that strange?

When auto minify is enabled, default settings are selected.

Thank you!

• This reply was modified 5 years, 1 month ago by Yash Chopra.
• This reply was modified 5 years, 1 month ago by Yash Chopra.

Hello @wpyash

Thank you for the information. It appears that in your case that CSS is not agreeing wit being minified.
We cannot determine why as this is specific for your environment.
As I recommended before, YOu should find and exclude that CSS from being minified or use Manual minify and add the CSS files manually and in order.
Thank you!

Hello Marko,

Thanks for your reply, the css appears to be minified, but the paths are changed in minified files, it is not assuming the relative paths in the css files and it is not doing that for one file, it is doing for all.

eg
Unminified file :background-image:url(../images/heart.png);
Minified file :background-image:url(cs/wp-content/themes/theme_name/images/heart.png);

I hope you understand the issue and find the root cause for this.

Thank you!

Hello @wpyash

You are linking to the image files from your stylesheet using a relative path. If the CSS files are minified, the path leads to another directory. You should be using absolute paths (starting with a slash) and test that until it works with minify disabled. When that works, you can enable minify again and see it’s still working.
Thak you