Google PSI – 17; after Autoptimize

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

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.

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)

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.

• This reply was modified 5 years, 7 months ago by Jan Dembowski.
• This reply was modified 5 years, 7 months ago by Jan Dembowski.

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