Một số cách tối ưu css

1. Nên sử dụng chung các file CSS:

<head>
  <link rel="stylesheet" type="text/css" href="style.css">
</head>

Thay vì tách ra nhiều file thì nên gom chung 1 file

2. Giảm kích thước tập tin CSS:

Ngoài cách dùng Minifier Tool để nén file CSS thì trong lúc code bạn có thể tối ưu

Thay vì code theo kiểu:

.example {
  background-color: #000000;
  color: #ffffff;
  padding: 22px;
  font-size: 20px;
}

Thì bạn có thể giảm kích thước tập tin CSS bằng cách dùng các từ khóa rút gọn như sau:

.ex {
  bg-color: #000;
  color: #fff;
  pad: 20px;
  font-size: 18px;
}

3. Số hóa CSS:

Thay vì:

.example {
  background-color: #000000;
  color: #ffffff;
}

 Bạn chỉ cần:

.example {
  background-color: #000;
  color: #fff;
}

4. Responsive theo từng trình duyệt:

.ex {
  background-color: #000;
  color: #fff;
}

@media only screen and (max-width: 600px) {
  .ex {
    background-color: #fff;
    color: #000;
  }
}