Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • June 23, 2023 at 5:54 pm #1411502
    edolmen

    Hello Recently we are getting a high Cls rate due to various elements not supported.
    Here a sample of the list from the pagespeed test:
    Unsupported CSS Property: border-top-left-radius
    border-top-left-radius
    Unsupported CSS Property: border-top-right-radius
    border-top-right-radius
    Unsupported CSS Property: border-bottom-left-radius
    border-bottom-left-radius
    Unsupported CSS Property: border-bottom-right-radius
    border-bottom-right-radius
    Unsupported CSS Property: font-size
    font-size
    Unsupported CSS Property: color
    color
    Unsupported CSS Property: line-height
    Here is pagespeed test: https://pagespeed.web.dev/analysis/https-www-wp-assistenza-it-ottimizzazione-velocita-del-sito-web/lwa12kwglq?form_factor=mobile

    How can we fix this?

    • This topic was modified 1 year, 4 months ago by edolmen.
    June 25, 2023 at 7:50 pm #1411642
    Mike

    Hey edolmen,
    Thank you for your patience, I don’t have any ideas so I have asked the team for advice, either I or a member of the team will reply when we have investigated this further. Thank you for your patience.

    Best regards,
    Mike

    June 27, 2023 at 5:24 am #1411790
    Ismael

    Hi!

    We have reviewed the pagespeed test report mentioned earlier, but we couldn’t locate any issues related to ‘Unsupported CSS.’ Could you please provide a screenshot? Meanwhile, please go to the Enfold > Performance panel and adjust the Old Browser Support settings to the second option (Support Older Browsers). Please let us if this resolves the issue.

    Thank you for your patience.

    Best regards,
    Ismael

    June 27, 2023 at 5:37 am #1411791
    Ismael

    Hey!

    UPDATE: We’ve found the issues on the report but we are not yet sure what is causing them. We will report back once we figured out the issue.

    Best regards,
    Ismael

    June 27, 2023 at 10:03 am #1411802
    edolmen

    Hi,
    This is actually overwhelming because our Speed tests literally crumbled from 94/100 average to 70/100 average.
    We implemented speed optimization for the last 3 years and now this is causing several losses on the SERPs.

    Also we can’t find this: Enfold > Performance panel and adjust the Old Browser Support settings to the second option (Support Older Browsers).

    • This reply was modified 1 year, 4 months ago by edolmen.
    • This reply was modified 1 year, 4 months ago by edolmen.
    • This reply was modified 1 year, 4 months ago by edolmen.
    • This reply was modified 1 year, 4 months ago by edolmen.
    June 28, 2023 at 1:10 am #1411898
    Mike

    Hi,
    To see the Old Browser Support setting please enable the Show Advanced Options:
    Enfold_Support_2471.jpeg

    Best regards,
    Mike

    June 28, 2023 at 1:02 pm #1411947
    edolmen

    Thanks for your reply,
    We updated to last release. We have actioned this function.
    It has reduce to one composited animation on the actual page
    https://pagespeed.web.dev/analysis/https-www-wp-assistenza-it-piani-manutenzione-sito-web/0a414qbjtm?form_factor=mobile
    But we still find many on other pages like this:
    https://pagespeed.web.dev/analysis/https-www-wp-assistenza-it-piani-manutenzione-sito-web/sem97fvbvu?form_factor=mobile

    June 29, 2023 at 7:19 am #1412019
    Ismael

    Hi,

    Thank you for the update.

    We may need to log in to the site in order to further investigate the issue. Please provide the WP and FTP details in the private field. Additionally, if there is a development or cloned version of the site, it would be better if we have access to it.

    Best regards,
    Ismael

    June 29, 2023 at 9:05 am #1412027
    edolmen

    hello, I sent login and ftp data in private content.
    Let me know, thanks

    July 6, 2023 at 5:13 am #1412586
    Ismael

    Hi,

    Thank you for the info.

    We made modifications to the config-templatebuilder/avia-template-builder/php/base-classes/class-element-styling-rules.php file in the transition_rules function, temporarily removing the transition rules. This can also be accomplished by using the avf_css_rules_transition filter, but in this particular case, we chose to directly edit the file. This resolved the problem regarding the “unsupported properties” or non-composited animations. However, it’s important to note that this modification also disables a few element animations.

    We will update you once we figured out a better solution.

    Best regards,
    Ismael

    July 6, 2023 at 12:22 pm #1412608
    edolmen

    Thanks for the update, actually we saw the difference in testing this morning.
    But after some hours the website shows the composited animations again. Please see the tests attached

    Before ( after your work)
    https://pagespeed.web.dev/analysis/https-www-wp-assistenza-it-piani-manutenzione-ricaricabili/eabwmhlfjh?form_factor=desktop

    After few hours
    https://pagespeed.web.dev/analysis/https-www-wp-assistenza-it-piani-manutenzione-ricaricabili/xn82sjaquk?form_factor=mobile

    We moved modified files to child theme

    Could you please check what is wrong now?
    Also can you please send us an overview of all the custom update you took. So we can save them and update the website until you fix with next update

    July 7, 2023 at 2:50 am #1412647
    Ismael

    Hi!

    We moved modified files to child theme

    You cannot override the modified files (class-element-styling-rules.php) in the child theme but you can use the avf_css_rules_transition filter to remove the transition property. Please try to add this in the functions.php file. 

    add_filter('avf_css_rules_transition', function($transition, $rules) {
	$transition = array();
	return $transition;
}, 10, 2);

    Best regards,
    Ismael

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • You must be logged in to reply to this topic.