Tree-shaking là một phương pháp phổ biến để tối ưu ứng dụng web. Mục đích của phương pháp này là loại bỏ các deadcode ra khỏi ứng dụng web, giúp ứng dụng của bạn có thể download và chạy dưới trình duyệt được nhanh và mượt mà hơn. Bài viết này sẽ không đi sâu vào chi tiết kĩ thuật mà chỉ trình bày những ý chính, giúp mọi người có một cheatsheet căn bản trước khi thực hiện eliminate deadcode. Còn nếu bạn muốn có cái nhìn chi tiết hơn, bạn có thể đọc bài viết trước của mình nhé.

Tree shaking là một khái niệm phổ biến trong phát triển ứng dụng web, đặc biệt là trong thời đại phát triển mạnh mẽ của các ứng dụng web ngày nay. Vậy tree shaking là gì và tại sao vai trò của nó lại quan trọng trong quá trình phát triển ứng dụng web?. Chúng ta cùng tìm hiểu trong bài viết này nhé.

Trong cộng đồng các ngôn ngữ thông dịch, có lẽ đa phần chúng ta sẽ nhớ đến ngay 3 cái tên là Python, Javascript và Ruby. Đặc điểm chung của 3 ngôn ngữ này là dễ học, thời gian phát triển ứng dụng nhanh chóng và tất cả chúng nó đều được viết bằng C. Nhưng trong bài viết này, mình sẽ chỉ đem ra bàn cân để so sánh Python và Javascript, Ruby thì mình chưa từng làm bao giờ nên sẽ không có gì để nói.

Sử dụng Lighthouse và React Developer Tools để đánh giá hiệu năng web

Bạn có bao giờ thắc mắc rằng tại sao các trình biên dịch như C, Java, Rust lại có thể hiểu được những file source code hay tại sao một loại cú pháp nửa JS nửa HTML lại có thể chạy được trên các trình duyệt không? Bạn có bao giờ tự hỏi làm thế nào mà JS lại có nhiều biến thể như vậy và các công cụ như Typescript hay Babel lại có thể làm cho những đoạn code React, Typescript lại có thể chạy được trên trình duyệt.