Home/ Questions/Q 7640137
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-31T08:35:50+00:00

I wonder how it’s possible to optimize CSS file for faster loading, at the

  • 0

I wonder how it’s possible to optimize CSS file for faster loading, at the moment my CSS file is arround 2400 lines and it size is 54kb. None of the graphic elements is bigger then 4kb, so I believe CSS is reasson my website is rendering/loading slow.

That’s just main CSS, on some pages, I’m loading additional CSS files.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    That’s a lot of CSS. While a CSS “minify” tool is a good idea, you may want to take a manual pass over the file and look for rules that can be combined. For instance:

    margin-top: 10px;
margin-right: 5px;
margin-bottom: 0px;
margin-left: 5px;

    can be reduced to:

    margin: 10px 5px 0 5px;

    And even further to:

    margin: 10px 5px 0;

    Similarly, borders can be reduced:

    border-width: 2px;
border-color: #123456;
border-style: solid;

    This can be expressed as:

    border: 2px solid #123456;

    background, padding, and fonts are some of the other rules that can be written such that they are much shorter and more efficient. Here’s a good article on CSS Shortcuts.

    The CSS minifiers are useful tools, but I’m not sure they are able to rearrange your code into the shortcut format.

    • 0