bỏ qua nội dung chính

Danh mục: web_development

Tree Shaking cho ứng dụng web

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.

Tree Shaking

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é 😄. Tại Teko, team của mình phát triển một ứng dụng web bán hàng cho nhiều khách hàng như Phong Vũ, VnShop, VinMart, … Với việc nhiều khách hàng như vậy nên lượng feature để đáp ứng nhu cầu là rất cao, đòi hỏi codebase lớn.

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

Làm sao chúng ta có thể trả lời câu hỏi: Website này có hiệu năng cao hay thấp, nhanh hay chậm? hay Website này có tồn tại những vấn đề gì cần được khắc phục?. Để trả lời cho câu hỏi này, chúng ta cần phải đo các chỉ số về hiệu năng, SEO,… của ứng dụng đó. Có nhiều cách để đo các chỉ số trên và trong bài viết này mình sẽ sử dụng Google Lighthouse và React Developer Tools để đo lường chất lượng cũng như phát hiện những vấn đề mà website của chúng ta có thể đang gặp phải.

Serve static file in Django

Trong môi trường development, Django có một số tính năng đặc biệt mà trong production không nên sử dụng như debug. Khi deploy các app sử dụng server side rendering, các bạn sẽ rất hay gặp phải vấn đề server không serve được các static file.

Trong bài viết này, mình sẽ hướng dẫn các bạn deploy một app Django lên production và config Nginx để server có thể serve được các static file của Django