Performance

i finally did thing I wanted – just added custom css file with css I need to my template.

Code in functions.php:

add_action( 'wp_enqueue_scripts', 'register_custom_theme_styles' );
function register_custom_theme_styles() {
    wp_register_style( 'styles.pure', '/wp-content/themes/flatsome-child/assets/css/styles.pure.css' );
	wp_enqueue_style( 'styles.pure' );
}

How can I move this css from child-theme to plugin?

• This reply was modified 3 years ago by cometto.

is it possible to replace data:application/x-font-woff;base64 ?

it gives 200 ms to The Critical Request Chains.

When I disable it rating stars are removed…

• This reply was modified 3 years ago by cometto.

Hi,

Thank you for using CusRev. Let me answer your questions.

1. It’s not possible to move the CSS file from the child theme to the plugin. You can try to copy all CSS code from those files to your custom CSS file in the child theme. Remove some lines of code that you do not need to use.

Then dequeue the CSS file in our plugin by using the function wp_dequeue_style() and the handle name cr-badges-css.

2. The code data:application/x-font-woff;base64 is not located in our plugin source code. It might come from another plugin or the theme.

@longnguyen89

Hi,

thanks for the answer.

I used the code to register the style:

add_action( 'wp_enqueue_scripts', 'register_custom_theme_styles' );
function register_custom_theme_styles() {
    wp_register_style( 'styles.pure', '/wp-content/themes/flatsome-child/assets/css/styles.pure.css' );
	wp_enqueue_style( 'styles.pure' );
	}

Is this the correct method?

2. See the screenshot
https://ibb.co/BrbtVXy
– the critical chain is shown there
Pure css contains selected lines of css code from your plugin. That element is contained there somewhere.

@font-face {
    font-display: swap;
    font-family: crstar;
    src: url(https://liveflooring.com/wp-content/plugins/customer-reviews-woocommerce/fonts/star.eot);
    src: url(https://liveflooring.com/wp-content/plugins/customer-reviews-woocommerce/fonts/star.eot#iefix) format("embedded-opentype"),
        url(data:application/x-font-woff;base64,d09GRk9UVE8AAAUYAAsAAAAABwwAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAABCAAAAecAAAI9UeEZGEZGVE0AAALwAAAAGgAAABxnRmscR0RFRgAAAwwAAAAdAAAAIAAxAARPUy8yAAADLAAAAE0AAABgUhDeOmNtYXAAAAN8AAAASgAAAVrgThNyaGVhZAAAA8gAAAAuAAAANvxCCQloaGVhAAAD+AAAAB4AAAAkBCr//2htdHgAAAQYAAAAEAAAABAGNAAAbWF4cAAABCgAAAAGAAAABgAEUABuYW1lAAAEMAAAANsAAAGDcVTN9HBvc3QAAAUMAAAADAAAACAAAwAAeJw9UEtIVFEY/s+de5vJbvOwGavhZrof8y6KXIRuwh5UG1PTooVulHQmZCxn4SbDIU4PmoZWLWsaJYpalEKLJqKwEqTaFSKBQpgPsMchxr7+w63u6uP+3+t8gkyThBCB3u5UfyqVJGGQoEblGGqHT20zpe2TtlldQdtbKiHlf2D75Rn1QKUth86FHKKwQ8MRh4KOUV9JPu0RoBBVDSZ7m13X/Wv+L4O/3XRcZMnURJN6xC1RUPkgxObMCZWOAfd+TAHtpddAc2sTMG/VgEY7tgLDdgCYO1QGDkSfggrhBVD7saiHUHz4la8HXdDE4n6t6ARdWFPs0jYKiv+as7wMiJurtzlm6ucRIDeSB1TmI7D67AWwkpDA+pUckE0cBpbP6oT+68D4yyLITkwD32rfMKVmhMmN54HFkwUmj5VBfVsGQQ0zrAhxT/J/yXgIqirL1wi3e+V2saLzNGiozdQuF0Hh0iV23sWv2DS7x+K41ClQ694ZrwJFrsU5qe4dyBhI6qqf2LVpn8X9vz8HPb4ciEkJatnYoDd7C5ocG9KbVQOZO13eZrRz4oPe7DfQsRLniKPvGS3xv+KjBF+fXNWbGawo3PU2o8nxkt7ssxWUKm2W8yrvD6r7URnrk+qG3JCzK/4AJjEbnAB4nGNgYGBkAIIztovOg+izLSlqMBoASAMGMgAAeJxjYGRgYOADYgkGEGBiYARCZiBmAfMYAARrADYAAAB4nGNgZpJinMDAysDB6MOYxsDA4A6lvzJIMrQwMDAxsDIzwACjAAMCBKS5pjA4MAR/YGB88P8Bgx7jAwaFBqAasMIHIB4QMgIAFgYNbwAAAHicY2BgYGaAYBkGRgYQCAHyGMF8FgYLIM3FwMHABIQMDMEMxR8Y/v8Hq4Kz/6/73y/ADNULBYxsDKgC1AGEjGSivpXkAwA22AusAAB4nGNgZGBgAOKJT99/iue3+crAzcQAAmdbUtQQ9P8HTFKMD4BcDgawNABcrwuiAAB4nGNgZGBgfPD/AYMekxQDwz8GIAkUQQEsAHJgBCsAAAIAAAACGgAAAhoAAAAAAAAAAFAAAAQAAHicdY4xbsJAEEWfwRBFQREVSrmiSmPLdqChRhwgBT1CK8sSsNICOUokjkDJMXKAHCH3yMdMQ8FKo33z98/8BQZ8k3A9CU8MjTvid+MuY76MU+ln4x4v/Bj3pf/JmaTPUl7bqSt3xG/GXeYUxqn0k3GPERfjvvRfGtYEtqrADpp12IYg+MRTc2TDiqjW18fNSrBofYf2jnJ4HBW50hwz1f2+mzYlY6Kq5Cr50JKwOyxCrL2r8sLNnKWKptkkq4pSnkcfWyoystf7LaBsw1n6uG+0osyLh7P/Xz45XAB4nGNgZsALAAB9AAQ=)
            format("woff"),
        url(https://liveflooring.com/wp-content/plugins/customer-reviews-woocommerce/fonts/star.ttf) format("truetype"), url(https://liveflooring.com/wp-content/plugins/customer-reviews-woocommerce/fonts/star.svg#star) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

One more thing:
I’m using your plugin at the bottom of the product page – is there any way to delay styles.pure css as much as possible? I moved it with AssetCleanup from head to body but it didn’t do much.

• This reply was modified 3 years ago by cometto.
• This reply was modified 3 years ago by cometto.

Hi,

1. Please follow this documentation to know how to enqueue scripts
https://developer.www.ads-software.com/reference/hooks/wp_enqueue_scripts/

2. I don’t know where did you copy the CSS code but you can search on our source code again, there is no code data:application/x-font-woff;base64 like that.

3. I’ve not heard about the delay in loading CSS files. I think minifying them would be a better way.

@longnguyen89

When I remove this x-font-woff line from code yellow rating stars disappear.

• This reply was modified 3 years ago by cometto.

@longnguyen89

im using https://purifycss.online/ and when I try download css code (clean, minified) there is line mentioned above. Trying to grab clean css from frontend.css and reviews-grid.css. Is this method wrong?

Hi,

You can try to deactivate all plugins except CusRev, WooCommerce and switch to the standard theme of WordPress (Twenty TwentyOne) and grab the clean CSS again. It could be inserted by another plugin or your theme.

Hi @longnguyen89

Tried to grap used css from both files and paste it to theme css file. Result is that stars (ratings stars) are displayed as &&&&. Why is it happening?

Hi,

You should re-check your custom CSS file if it works or not. The register style function should not use the path to the file, it could be done with the function get_stylesheet_directory_uri()

wp_register_style( 'styles.pure', get_stylesheet_directory_uri() . '/assets/css/styles.pure.css' );

Or contact your theme support to ask for loading the custom CSS file from their child theme folder.

@longnguyen89

thank you for advices. will test it.

1 more offtopic question. Im using Cusrev cron (wp is not working for me, despite its enabled) and I send reminder 7 weeks after I close order. Sometimes customers forget to add review and they ask to send email again. On yourwebsite in reminders section there is no option to send it again. Is it possible to turn on that option?

Hi,

The question does not relate to the topic title, please create a new topic and I will reply there. Thanks.

@longnguyen89

OK, I created new topic.

BTW: here is question about performance / seo.

Lighthouse warning in Accessibillity section:
– Links do not have a discernible name
tbody > tr.ivole-histogramRow > td.ivole-histogramCell2 > a.cr-histogram-a

How to solve this problem?

Hi,

Thanks for the feedback.

I got it. The link to the filter star rating should have a discernible name. I’ve escalated this to the development team to fix it in the next update.

@longnguyen89

good to hear that, thank you