Cải tiến hiệu suất trang GitHub bằng cách gửi nhiều CSS hơn
tsudev· 25/10/2026
Giới thiệu
Khi nhắc đến cải tiến hiệu suất trang web, nhiều người thường nghĩ đến việc giảm thiểu số lượng dữ liệu được gửi qua mạng. Tuy nhiên, GitHub đã chứng minh rằng việc gửi nhiều CSS hơn có thể giúp cải thiện hiệu suất trang web của họ. Trong bài viết này, chúng ta sẽ khám phá cách GitHub đã áp dụng phương pháp này và những lợi ích mà nó mang lại.Vấn đề với CSS hiện tại
Trước khi áp dụng phương pháp mới, GitHub đã gặp phải vấn đề với việc tải CSS. Khi một người dùng truy cập vào trang web, trình duyệt sẽ phải tải xuống một lượng lớn CSS để hiển thị trang web đúng cách. Điều này có thể dẫn đến thời gian tải trang chậm và ảnh hưởng đến trải nghiệm người dùng.Giải pháp của GitHub
Để giải quyết vấn đề này, GitHub đã quyết định gửi nhiều CSS hơn cho người dùng. Thay vì chỉ tải xuống những phần CSS cần thiết cho trang hiện tại, GitHub sẽ tải xuống toàn bộ CSS cho trang web. Điều này có thể nghe có vẻ counter-intuitive, nhưng nó đã mang lại hiệu quả bất ngờ.Lợi ích của việc gửi nhiều CSS hơn
Khi gửi nhiều CSS hơn, GitHub đã giảm thiểu số lượng yêu cầu HTTP cần thiết để tải trang web. Thay vì phải gửi nhiều yêu cầu để tải xuống từng phần CSS, trình duyệt chỉ cần gửi một yêu cầu để tải xuống toàn bộ CSS. Điều này đã giúp giảm thiểu thời gian tải trang và cải thiện hiệu suất trang web.Ví dụ về cải tiến hiệu suất
Theo một bài viết trên blog của GitHub, việc gửi nhiều CSS hơn đã giúp cải thiện hiệu suất trang web của họ lên đến 30%. Điều này có thể không phải là một con số lớn, nhưng nó đã mang lại sự khác biệt đáng kể trong trải nghiệm người dùng.Kết luận
Cải tiến hiệu suất trang web bằng cách gửi nhiều CSS hơn có thể là một giải pháp hiệu quả. Tuy nhiên, nó cũng đòi hỏi phải có một kế hoạch và thực hiện cẩn thận để đảm bảo rằng việc gửi nhiều CSS hơn không ảnh hưởng đến hiệu suất trang web. Để áp dụng phương pháp này, bạn nên bắt đầu bằng việc phân tích hiệu suất trang web của mình và xác định những phần CSS cần thiết để tải xuống. Sau đó, bạn có thể bắt đầu gửi nhiều CSS hơn và theo dõi hiệu suất trang web để đảm bảo rằng nó không bị ảnh hưởng tiêu cực.Nguồn: https://github.blog/engineering/architecture-optimization/improving-site-performance-by-shipping-more-css/