for CSS it looks like some CSS is excluded, either by you in the configuration or by the plugins themselves through Autoptmize’s API. For JS biggest reason is the external JS (e.g. Google Maps).
but assuming your site is on HTTP/2 (which almost all sites are), the number of files downloaded is not a relevant metric any more, so I would not focus on that really? 🙂
@optimizingmatters what can we do now to make it more optimize?
In google page insight it is showing 62 score in performance. How can we make it at least 90? Why JS and CSS is not combining by Autoptimize?
@optimizingmatters see this screenshot: https://prnt.sc/dPkDphq-nyo4 Why at least these autoptimize are not combining?
well;
for CSS it looks like some CSS is excluded, either by you in the configuration or by the plugins themselves through Autoptmize’s API.
so likely the plugin itself is asking AO not to aggregate those files, but as I wrote aggregation if not important any more as you are (or should be) on HTTP/2?
what can we do now to make it more optimize?
It looks like you don’t have page caching, so I would start installing e.g. KeyCDN Cache Enabler or WP Super Cache?
@optimizingmatters will wp super cache bring a good score in google page speed insight?
Now I am using asset cleanup plugin and at least for home page I have cleaned some JS and CSS that are not needed for home page: https://prnt.sc/o6_XNsQo5Jgy
See now it is showing 61 requests but the Image size of this website is showing more than 1MB, I’ve used tinypng to compress my images and upload it after that it shows that much size in image 🙁
Have a look at screenshot of GTMatrix: https://prnt.sc/MP-GeZRVN-wk
@optimizingmatters why those autoptimize css size is showing bigger also why they are not in combine where I check marked for aggregate?
It tooks 9 sec to load the website 🙁
Thanks!
-
This reply was modified 3 years, 1 month ago by
ashique12009.
I don’t understand “why those autoptimize css size is showing bigger”, can you explain?
But “render blocking CSS” can be fixed with the “Eliminate render-blocking CSS” option, but do take into account you’ll have to either;
a) generate & copy/paste the “above the fold CSS” in the field below (more info in the AO FAQ, look for “inline & defer CSS”) OR
b) create manual rules on the “critical CSS” tab (generating critical css for each rule) OR
c) take a subscription over at criticalcss and paste your API in the field on the critical CSS tab
re “why they are not in combine where I check marked for aggregate” see my earlier comment 😉
re. 9s; fully loaded is not considered an important metric, focus on LCP, TTI and CLS.
your biggest problem at the moment is the “server response time” aka TTFB, that’s where WP Super Cache can help.
@optimizingmatters some of my woocommerce CSS is broken if I check Aggregate CSS-files? YES
But I need this to aggregate my CSS 🙁
Can we do anything in this point?
Thanks!
well, you can try excluding the woocommerce CSS from being aggregated?
The below font family is not showing properly:
.testimonials-list .inner .text:after, .testimonials-list .inner .descr:after {
font-family: ‘Alex Brush’,cursive
content: ‘”‘;
}
Output: https://prnt.sc/RAcIO6W_UdST
Was this: https://prnt.sc/vKrTmeLjimXZ
How can I bring back hope it combine into autoptimize css?
Thanks
well, does this problem still occur when “aggregate CSS” is off?
@optimizingmatters “I don’t understand “why those autoptimize css size is showing bigger”, can you explain?” I can’t explain. I am using wpbekary builder. Here is my WebURL: https://developer.polarbd.com/bn/ you can see and tell what is unnecessary CSS is loaded.
But I think we should reduce our autoptimize CSS size then the website will load faster.
Thanks!
-
This reply was modified 3 years, 1 month ago by ashique12009.
@optimizingmatters yes, if I turn of “aggregate CSS” still my
font-family: ‘Alex Brush’,cursive
content: ‘”‘;
is showing broken 🙁
Will it be a cache issue, now I’m using w3 total cache?
you can see and tell what is unnecessary CSS is loaded.
AO merely aggregates and minifies all the CSS provided by your theme & plugins but does not know which CSS is used or not used and hance cannot remove anything.
There however is a new premium service that can remove unused CSS that could help. For more info see the Rapidload entry on Autoptimize’s “Optimize More” tab.
Yes, If I turn of “aggregate CSS” still my font-family is showing broken. will it be a cache issue
depends on what settings you have in W3TC, but I don’t really know that plugin very well I’m afraid :-/
No feedback so I assume this got fixed ashique12009 ? Feel free to follow up if you still encounter issues!
have a nice day!
frank
