Tối ưu hóa hiệu suất trang GitHub bằng cách gửi nhiều CSS
tsudev· 22/10/2026
Giới thiệu
Tối ưu hóa hiệu suất trang web là một phần quan trọng trong việc phát triển và duy trì các ứng dụng web hiện đại. Một trong những yếu tố quan trọng ảnh hưởng đến hiệu suất trang web là thời gian tải trang. Thời gian tải trang chậm có thể dẫn đến trải nghiệm người dùng không tốt và thậm chí làm giảm lưu lượng truy cập vào trang web. Để giải quyết vấn đề này, các kỹ sư tại GitHub đã thực hiện một số tối ưu hóa, bao gồm việc gửi nhiều CSS.
Vấn đề với CSS
CSS (Cascading Style Sheets) là ngôn ngữ dùng để định dạng và bố cục trang web. Tuy nhiên, việc tải CSS có thể gây ra vấn đề về hiệu suất nếu không được tối ưu hóa đúng cách. Khi một trang web được tải, trình duyệt phải tải tất cả các tệp CSS trước khi có thể hiển thị trang web. Điều này có thể dẫn đến thời gian tải trang chậm nếu các tệp CSS quá lớn hoặc quá nhiều.
Giải pháp của GitHub
Để giải quyết vấn đề này, các kỹ sư tại GitHub đã quyết định gửi nhiều CSS hơn. Thay vì tải tất cả các tệp CSS cùng một lúc, GitHub đã chia nhỏ các tệp CSS thành các phần nhỏ hơn và tải chúng song song. Điều này giúp giảm thời gian tải trang và cải thiện trải nghiệm người dùng.
Cách thức hoạt động
Khi một người dùng truy cập vào trang web GitHub, trình duyệt sẽ gửi yêu cầu đến máy chủ GitHub để tải trang web. Máy chủ GitHub sẽ trả về một trang web HTML cùng với các liên kết đến các tệp CSS. Trình duyệt sẽ tải các tệp CSS này song song, giúp giảm thời gian tải trang.
Kết quả
Kết quả của việc gửi nhiều CSS là thời gian tải trang đã được cải thiện đáng kể. Theo báo cáo của GitHub, thời gian tải trang đã giảm xuống 30% sau khi thực hiện tối ưu hóa này. Điều này có nghĩa là người dùng có thể truy cập vào trang web GitHub nhanh hơn và trải nghiệm người dùng đã được cải thiện.
Kết luận
Tối ưu hóa hiệu suất trang web là một phần quan trọng trong việc phát triển và duy trì các ứng dụng web hiện đại. Việc gửi nhiều CSS là một trong những cách để cải thiện thời gian tải trang và trải nghiệm người dùng. Các lập trình viên và kỹ sư phần mềm có thể học hỏi từ kinh nghiệm của GitHub và áp dụng các tối ưu hóa tương tự vào các dự án của mình. Để biết thêm thông tin về cách GitHub đã thực hiện tối ưu hóa này, bạn có thể tham khảo bài viết trên blog của GitHub: https://github.blog/engineering/architecture-optimization/improving-site-performance-by-shipping-more-css/
