CSS inline

On our radar

As we know inline CSS creates performance problems in our applications.

One suggestion would be, a bit like in Trusted Advisor (image below), to be able to search for all inline CSS.

Just like in the container parameters (for example), when you have fields like Margin Top, or Align ... When you fill these parameters with values, what the page will generate in HTML is inline CSS.

The possibility of being able to search for this information would be a huge help.

Although the first point of this idea is being implemented in Trusted Advisor, not all customers have access to this platform.

Another alternative suggestion that I give you, will ServiceStudio be able to generate warnings when we have style inline. So you would not have to search.


Nuno Miguel Verdasca

Created on 23 Nov 2018
Comments (8)

Changed the category to Frontend

In my opinion, this is the kind of idea that can help a lot to fix inline CSS and get a better performance of the applications, leaving customers more satisfied.


Nuno Miguel

have fun with P11 then :(

I didn't understand your comment J. ?

Changed the status to
On our radar

Hi Nuno,

That sounds like a good idea and we'll keep it on our radar.


Tiago Simões

Hello everyone,

When will there be news on this topic?

Hi Nuno, 

The good news is that we have some initiatives that are aimed of helping users style applications in a way that is more maintainable (e.g. by promoting the usage of CSS variables and minimizing the need for custom CSS). We've recently also improved the style classes picker to work better and allow developers to find reusable classes faster. We'll also make global changes to application styles a lot more straightforward. Expect some more news about this soon.

From a performance perspective, in modern browsers, inline styles sometimes can be faster than classes. Of course style maintainability can be a big concern. 

Just to understand your concern a bit better, are you experiencing severe performance problems because of inline styles, or is it mostly the problem of maintainability and consistency in visual styles?

Tiago Simões

Hi Tiago,

Thank you very much for your response. The big problem always has to be with maintenance and consistency of styles. And with the possibility of service studio generating inline CSS warnings, it would be very productive when we are analyzing code, or doing maintenance, or any purpose to increase performance. As you can get this kind of information from the trusted advisor, and since this platform is not accessible to all customers, it would be good to have this kind of information mirrored in warnings.

Nuno Verdasca