Performance

  • Resolved cometto

    (@cometto)


    3 years ago

    Im working on website optimization. I know that the plugin generates several files:
    badges.css
    colcade.js
    frontend.css
    frontend.js
    reviews-grid.css

    I turned off badges.css completely because I don’t use this option.

    I can’t really exclude the others because I use them on the product page (shortcode for grid).

    I have got some questions
    1. I can see that the plugin loads 2 fonts – roboto-700 and roboto-400. Can they be turned off? (weight of both of them is 100kb, my font theme is 6kb…)
    2. Frontend-css and reviews-grid.css weigh a little. Frontend doesn’t use almost 90% of the code and reviews-grid 70%. What’s the best way to extract interesting code and upload it to the website? I tried to manually add a used css using CUSTOMIZE -> CSS but this feature does not work.

    I will be grateful for ideas

    • This topic was modified 3 years ago by cometto.

    The page I need help with: [log in to see the link]

Viewing 4 replies - 16 through 19 (of 19 total)
  • Thread Starter cometto

    (@cometto)

    @ longnguyen89

    1 more question. Can you check the attached screenshot:
    https://ibb.co/b2pbLyh

    x-font-woff is combined with “stars” in css style. Can this be avoided? Unable to touch frontend.css.
    Any action (such as moving this css file from head to body) causes stars to display as “&&&&&”. Is it possible to replace by my template / theme stars / font?

    I would be grateful for any explanations.

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

    (@longnguyen89)

    Hi,

    As I can see, the code “x-font-woff” is generated by the online tool https://purifycss.online/. It replaces some relative URLs in our codebase with absolute URL and base64 URL. And the star disappears when you change something in that “pure” code. If you are not sure about that, I recommend contacting a developer to help you to customize the CSS code.

    Thread Starter cometto

    (@cometto)

    hi @longnguyen89

    ok, actually i see that css minification may have caused this.

    The attached screenshot shows that the x-font comes from frontend.css which is part of your plugin.

    This file is clean, it has not been modified by me. Earlier files modified by purifycss.online (styles.pure.css) are still disabled. So why does clean frontend.css generate what you indicated is caused by purifycss?

    Update: when i turn off CSS minification in FlyingPress critical chain changes a bit:
    – https://ibb.co/zxdTDQP

    What do you think?

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

    (@longnguyen89)

    Hi,

    In general, it’s the issue “Avoid chaining critical requests” when analyzing the site by Google Pagespeed Insight tool. That means when loading the CSS file, it will load more files like font files. You can use a caching plugin like WP Rocket to fix this issue.
    Refer to this article https://docs.wp-rocket.me/article/1414-avoid-chaining-critical-requests

Viewing 4 replies - 16 through 19 (of 19 total)
  • The topic ‘Performance’ is closed to new replies.