it is not calculated separately no, but assuming you’re using the same responsive theme for both that does not matter as the extracted CSS will handle both the mobile and the desktop views.
hope this clarifies,
frank
Thread Starter
svenv
(@svenv)
Hi Frank,
Thanks for your quick response.
Our mobile site looks very different though from the desktop version because of the many different css styles. Different header, different search bar, a mobile menu at the bottom, etc. Criticalcss.com is mentioning it works amazing on mobile, yet we can’t choose a viewport smaller than 800 width, which is already more of a tablet size and for which our website also looks different. We really want to focus on the smartphone devices, viewport <600px width.
Regards,
Sven
-
This reply was modified 5 years, 11 months ago by
svenv.
so are you using one and the same theme, or do you have a specific mobile theme which is different from your desktop theme?
Thread Starter
svenv
(@svenv)
One and the same theme, but different viewports show different styles. For example, there is a search bar form we use on mobile that we don’t use on desktop. I’m assuming the criticalcss will not mark such as critical as it loads up the desktop version. There’s a lot of display none’s and display block’s depending on the viewport.
if one and the same theme it should just work 🙂
Thread Starter
svenv
(@svenv)
Can you explain why? As I said, most elements are not shown on the desktop version. We also did a speed test from mobile and the website was actually slower after implementing the critical css.
why: jonas is better placed to explain how the CCSS is generated.
speed test: lots of problems with that one, see my answers in the mail (I’m frank/ futtta) 🙂
groeten uit het grijze België,
frank
