Six optimization techniques using CSS

1. Put stylesheets at the top (put CSS at the top of the code page)

CSS is placed at the top, and the browser can parse and render HTML pages from top to bottom.

Ii. Avoid CSS expressions (avoid CSS expressions)

I personally think that things that can be done through CSS expressions can also be done through other means and the risk is lower.

3. Make JavaScript and CSS external (strip JavaScript and CSS from the page)

After JavaScript and CSS are stripped off, they can be individually processed, such as compression or cache policies.

4. Minify JavaScript and CSS (simplified JavaScript and CSS)

It may be better without JavaScript or CSS. However, this is not possible. So, try to be smaller. The short syntax can be abbreviated.

5. Choose <link> over @ import (use <link> instead of @ import)

In ie, the @ import command is equivalent to the link mark written at the bottom of HTML.

Vi. Avoid Filters

Avoid using filters, which is good for websites, especially browsers.