Hiệu năng

Cách biểu tượng được tải và chạy

• Mỗi biểu tượng một module. Các module biểu tượng không có tác dụng phụ, nên trình đóng gói sẽ loại bỏ những biểu tượng bạn không nhập. Sau khi rút gọn và nén gzip, biểu tượng React hoặc Vue đầu tiên thêm khoảng 4 KB, gồm cả runtime dùng chung, và mỗi biểu tượng tiếp theo khoảng 0,6 KB.
• Mã đã kết xuất sẵn. Tư thế nghỉ được phát hành dưới dạng chuỗi, nên không cần tính toán trước lần hiển thị đầu tiên, trên máy chủ hay trong trình duyệt.
• Chuyển động theo yêu cầu. Mã chuyển động chỉ chạy khi biểu tượng đang chuyển động và dừng khi chuyển động kết thúc.
• Mã dùng chung. Mọi biểu tượng dùng chung một module hình học, và mọi biểu tượng động dùng chung một runtime, nên trình duyệt và CDN chỉ lưu đệm đoạn mã đó một lần.
• Màu CSS. Đổi màu cho cả một trang biểu tượng chỉ cần một thay đổi CSS và không kết xuất lại chúng.

Bộ biểu tượng lớn

Mỗi biểu tượng dùng bộ lọc SVG cho bóng đổ và vệt sáng. Nếu bạn hiển thị hàng trăm biểu tượng, hãy chỉ kết xuất các hàng đang nhìn thấy, hoặc dùng tệp SVG tĩnh trong thẻ <img>, được trình duyệt rasterize một lần.

Nhập trực tiếp

Máy chủ phát triển thường tải toàn bộ chỉ mục của gói, trong đó tham chiếu đến mọi biểu tượng. Để tránh điều này, hãy nhập từng biểu tượng từ tệp riêng của nó: