jQuery Performance Tips - Part 2

Hôm nay mình chia sẻ tiếp phần 2 cho loạt bài làm sao sử dụng jQuery một cách tối ưu, nhanh hơn và tiện dụng hơn. Ở đây không phải là những thứ mình phát minh ra, mà cũng tìm kiếm trên google rồi sau đó tập hợp lại để chia sẻ tới mọi người, nên có thể không thể chia sẻ nguồn cho mọi người được ^^.

  5 - Hạn chế gọi hàm trong vòng lặp

    Đây là điều dĩ nhiên không chỉ dành cho jQuery mà dành cho tất cả mọi ngôn ngữ lập trình. Nếu có một cách khác thay thế tốt hơn, chúng ta nên dùng vì việc gọi hàm trong vòng lặp sẽ làm chậm rất đáng kể và tốn tài nguyên khá nhiều. Ví dụ ta có đoạn code như bên dưới:

jQuery Performance Tips - Part 1

Đã là dân làm web thì có lẽ jQuery không còn là điều xa lạ hay mới mẻ nữa. jQuery là một bộ thư viện rất hữu dụng cho việc phát triển ứng dụng web khi muốn viết javascript. Xài jQuery không khó, thậm chí rất đơn giản. Nhưng xài như thế nào để tối ưu và xài như thế nào để cải thiện tốt về tốc độ có lẽ không phải ai cũng biết. Bài viết sau của mình sẽ tóm tắt lại các kiến thức mà mình thu nhặt được giúp cải thiện tốc độ jQuery.

Optimize front-end to improve performance - Part 4

Cũng lâu không có bài viết nào cho blog cá nhân của mình. Hôm nay mình viết tiếp chuỗi bài về tối ưu hóa tầng front-end nhằm cải thiện tốc độ của website (webpage). Ở các phần trước, mọi người sẽ tập trung thao tác vào cấu trúc web như đặt CSS trên đầu, JS bên dưới, phải dùng càng ít file CSS/JS thì càng tốt. Thì ở phần 4 này, mình sẽ nói về một chủ đề đã cũ nhưng biết đâu bạn cũng chưa biết. Đó là dùng tập tin .htaccess để tối ưu hóa một số thông tin khác ví dụ như nén file với gzip, hoặc đặt thời gian cache cho các file static...

Optimize front-end to improve performance - Part 3

Trong các phần trước, mình giới thiệu tới mọi người những kỹ thuật nhằm làm giảm số lượng request tới server. Vì nếu số lượng request lên server càng ít nhưng vẫn đảm bảo được chất lượng trang web thì đều đó đã làm tăng đáng kể về mặt load trang.
Hôm nay mình giới thiệu thêm những kỹ thuật nằm làm tăng tốc việc hiển thị trang web HTML. Phần này chủ yếu xoay quanh vấn đề về các file javascript, và file CSS.

Optimize front-end to improve performance - Part 2

Trong phần 1 của loạt bài "Optimize front-end to improve performance" mình đã giới thiệu tới các bạn 2 kỹ thuật nhưng cả 2 kỹ thuật đó đều nhằm một mục đích là làm giảm số lượng request lên server. Số lượng request server càng ít mà vẫn đáp ứng đủ nhu cầu website thì sẽ cải thiện rất đáng kể về tốc độ thực thi website đó.
Trong phần 2 này, mình cũng giới thiệu thêm 1 kỹ thuật và mục đích cũng là làm giảm số lượng request lên server. Trong phần 1, việc kết nối các file css, hay file js là chúng ta làm một cách thủ công. Nhưng đôi khi sẽ xảy ra trường hợp tại trang A.php tôi cùng dùng a.js, b.js nhưng tại trang B.php tôi lại muốn dùng a.js, c.js. Nên việc chúng ta dùng thủ công kết nối các file này sẽ rất khó khăn hoặc là chịu sự chồng chéo. Điều này dễ bị dẫn tới tình trạng không cải thiện được mà còn thêm xấu đi. Dưới đây là kỹ thuật kết nối các file này một cách tự động.

Optimize front-end to improve performance - Part 1

Loạt bài viết tiếp theo của blog cá nhân, mình sẽ giới thiệu tới mọi người kỹ thuật optimize front-end nhằm nâng cao tốc độ cho việc load webpage. Nếu như website bạn có thể áp dụng được tất cả những kỹ thuật bên dưới, bạn sẽ thấy tốc độ được cải thiện một cách rõ rệt và đáng kể.