Google PSI – 17; after Autoptimize

  • Resolved sizar2

    (@sizar2)


    5 years, 3 months ago

    Hello,
    Google PageSpeed Insights recommends:

    
- Eliminate blocking resources

…jquery/jquery.js?ver=1.12.4-wp(xn--80adbkk5brl7a.xn--p1ai)
33 KB
1 230 ms
…autoptimize/autoptimize_f065aa8….php(xn--80adbkk5brl7a.xn--p1ai)
320 KB
3 180 ms

- Remove unused CSS code

…autoptimize/autoptimize_26f246b….php(xn--80adbkk5brl7a.xn--p1ai)
86 KB
82 KB
…css/dashicons.min.css?ver=5.2.2(xn--80adbkk5brl7a.xn--p1ai)
28 KB
28 KB

- Minimize mainstream performance
Script Evaluation
5 282 ms
Style & Layout
720 ms
Other
719 ms
Script Parsing & Compilation
382 ms
Garbage Collection
366 ms
Parse HTML & CSS
185 ms
Rendering
161 ms

- Reduce javascript execution time

Other
3 685 ms
1 639 ms
7 ms
/metrika/tag.js(mc.yandex.ru)
2 203 ms
2 157 ms
36 ms
https://xn--80adbkk5brl7a.xn--p1ai
368 ms
253 ms
28 ms
…dist/components.min.js?ver=7.3.2(xn--80adbkk5brl7a.xn--p1ai)
309 ms
262 ms
47 ms
…vendor/wp-polyfill.min.js?ver=7.0.0(xn--80adbkk5brl7a.xn--p1ai)
197 ms
184 ms
13 ms
…plugins/inferredEvents.js?v=2.8.51(connect.facebook.net)
138 ms
131 ms
4 ms
…autoptimize/autoptimize_f065aa8….php(xn--80adbkk5brl7a.xn--p1ai)
115 ms
25 ms
90 ms
…jquery/jquery.js?ver=1.12.4-wp(xn--80adbkk5brl7a.xn--p1ai)
112 ms
91 ms
8 ms
/analytics.js(www.google-analytics.com)
108 ms
103 ms
6 ms
…config/133…?v=2.8.51&r=stable(connect.facebook.net)
75 ms
53 ms
22 ms
…js/lazysizes.min.js(xn--80adbkk5brl7a.xn--p1ai)
59 ms
54 ms
4 ms
/s-201926.js(stats.wp.com)
51 ms
44 ms
6 ms
…vendor/lodash.min.js?ver=4.17.11(xn--80adbkk5brl7a.xn--p1ai)
50 ms
42 ms
8 ms

    ———————-
    Read some topics on this and…
    Save aggregated script/css as static files – Disabled.

    Didn’t help.

    Would appreciate your ideas.

    Thanks.

    • This topic was modified 5 years, 3 months ago by sizar2.
    • This topic was modified 5 years, 3 months ago by Jan Dembowski.

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

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author Optimizing Matters

    (@optimizingmatters)

    5 years, 3 months ago

    Look into “inline & defer” for CSS (see AO FAQ for more info) and try if you can remove js/jquery/jquery.js from AO’s default JS optimization exclusion without breaking things (if things break simply re-add it).

    hope this helps,
    frank

    Thread Starter sizar2

    (@sizar2)

    5 years, 3 months ago

    Frank,
    I turned “inline & defer” for CSS on; removed js/jquery/jquery.js from AO’s default JS optimization exclusion. It seems that nothing is broken.
    At the moment I have Google PSI 20 insted of 17 (for mobile) and 54 for computers.

    Mobile:

    – Remove unused CSS code

    …css/autoptimize_7c3f8bc….css(xn--80adbkk5brl7a.xn--p1ai)
    105 KB
    99 KB
    …css/dashicons.min.css?ver=5.2.2(xn--80adbkk5brl7a.xn--p1ai)
    28 KB
    28 KB

    – Eliminate blocking resources

    …jquery/jquery.js?ver=1.12.4-wp(xn--80adbkk5brl7a.xn--p1ai)
    33 KB
    1 230 ms
    …jquery/jquery-migrate.min.js?ver=1.4.1(xn--80adbkk5brl7a.xn--p1ai)
    4 KB
    480 ms

    ————————————–

    Also, could you kindly guide me where to find more info on this recommendation?

    – Set rules for efficient use of cache for static objects

    …js/zxcvbn.min.js(xn--80adbkk5brl7a.xn--p1ai)
    None
    390 KB
    …js/autoptimize_single_797147c….js?ver=2.2.1(xn--80adbkk5brl7a.xn--p1ai)
    None
    233 KB
    …dist/components.min.js?ver=7.3.2(xn--80adbkk5brl7a.xn--p1ai)
    None
    139 KB
    <and so on>

    – Minimize mainstream performance

    Script Evaluation
    6 951 ms
    Other
    938 ms
    Style & Layout
    892 ms
    Script Parsing & Compilation
    493 ms
    Garbage Collection
    399 ms
    Rendering
    239 ms
    Parse HTML & CSS
    209 ms

    Thank you in advance.

    Best regards,
    Alex.

    Plugin Author Optimizing Matters

    (@optimizingmatters)

    5 years, 3 months ago

    some problems:
    * your “above the fold”-CSS contains is encapsulated in <style>-tags, that will not work so remove those please
    * it looks like the “above the fold”-CSS is not sufficient to render the page, maybe try (re-)generating it elsewhere?
    * excluding jquery.js does not work if “aggregate JS” is off.
    * you have something (your theme or a plugin) that is adding a huge heap of (Gutenberg) Javascript on the frontend which “normally” is meant for use on the backend. you can see that in the HTML source of your site, where there are a lot of (sometimes big) files from /wp-includes/js/dist. ideally you find out what/ who is doing that and you ask them to change this terribly inefficient behavior (see https://blog.futtta.be/2019/03/18/developers-dont-make-gutenberg-go-badass-enberg-on-my-frontend/ for more info)

    Thread Starter sizar2

    (@sizar2)

    5 years, 3 months ago

    Thank you!

    *I decided to disable “inline & defer” for CSS for now since “above the fold”-CSS is not sufficient to render the page.
    *I put “aggregate JS” on and excluded js/jquery/jquery.js, everything seems to be working. This gave some points at Google PSI.
    *I found out that Woocommerce Blocks plugin caused badass-enberg:), so disabled it.

    I have 36 points for mobile and 75 for computers.

    It still says:

    Mobile:

    
– Remove unused CSS code
…css/autoptimize_7fe9214….css(xn--80adbkk5brl7a.xn--p1ai)
92 KB
86 KB
…css/dashicons.min.css?ver=5.2.2(xn--80adbkk5brl7a.xn--p1ai)
28 KB
28 KB

– Eliminate blocking resources
…css/autoptimize_7fe9214….css(xn--80adbkk5brl7a.xn--p1ai)
92 KB
1 230 ms
…css/dashicons.min.css?ver=5.2.2(xn--80adbkk5brl7a.xn--p1ai)
28 KB
780 ms

– Minimize mainstream performance
Script Evaluation
6 353 ms
Style & Layout
951 ms
Other
577 ms
Rendering
281 ms
Script Parsing & Compilation
247 ms
Parse HTML & CSS
159 ms
Garbage Collection
155 ms

– Reduce javascript execution time
Other
4 214 ms
2 234 ms
4 ms
/metrika/tag.js(mc.yandex.ru)
2 047 ms
1 907 ms
43 ms
…js/autoptimize_bbe923a….js(xn--80adbkk5brl7a.xn--p1ai)
807 ms
727 ms
39 ms
…js/zxcvbn.min.js(xn--80adbkk5brl7a.xn--p1ai)
777 ms
702 ms
75 ms
https://xn--80adbkk5brl7a.xn--p1ai
387 ms
365 ms
20 ms
/analytics.js(www.google-analytics.com)
213 ms
183 ms
29 ms
…js/wp-emoji-release.min.js?ver=5.2.2(xn--80adbkk5brl7a.xn--p1ai)
66 ms
61 ms
4 ms
…js/lazysizes.min.js(xn--80adbkk5brl7a.xn--p1ai)
64 ms
57 ms
4 ms

---

Also, I selected "combine and link in head” for Google fonts, but still has the same comment:
- Customize the display of all text while loading web fonts
…v16/mem8YaGs1….woff2(fonts.gstatic.com)
350 ms
…v7/Z9XUDmZRW….woff2(fonts.gstatic.com)
340 ms
…v16/mem5YaGs1….woff2(fonts.gstatic.com)
320 ms
…v7/Z9XUDmZRW….woff2(fonts.gstatic.com)
310 ms
…icons/fl-icons.woff2(xn--80adbkk5brl7a.xn--p1ai)
220 ms

-----

    Would be thankful for your recommendations.

    Plugin Author Optimizing Matters

    (@optimizingmatters)

    5 years, 3 months ago

    ok, some tips;
    * do (re-)try “inline & defer”, but with your above the fold CSS generated elsewhere?
    * tick the “remove emoji” option on AO’s extra tab?
    * try the display:swap trick explained here

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Google PSI – 17; after Autoptimize’ is closed to new replies.