Di động:

Nén Javascript và CSS thế nào? Không rõ

07/02/2014 13:24 | lpag | Lập trình | Nhận xét(0) | Đọc(2656)
   Nguồn: minhnhut.info | Lớn | Vừa | Nhỏ
Nén Javascript
Nén, thực chất là loại bỏ những ký tự dư thừa vốn không cần thiết trong code. Ví dụ như: khoảng trống, xuống dòng, chú thích, làm ngắn đoạn code lại bằng cách lựợc bỏ những biến không cần thiết, những giá trị lặp đi lặp lại.

Hiện nay có khá nhiều công cụ online giúp bạn làm công đoạn “nén” này một cách tự động. Chúng tôi xin đề cử một công cụ nén Javascript tổng hợp vô cùng hiệu quả, đó là:

Tệp tin tải về (hoặc liên kết ẩn)
Tệp tin này chỉ tải được sau khi bạn đăng nhập. Hãy Đăng ký hoặc Đăng nhập

Bạn chỉ cần copy đoan code mình muốn nén, cho nó vào hộp text. Và ấn “CompressorRate It!”… chờ vài phút, để trang web xử lí code của bạn với từng loại thuật toán. Sau khi hoàn tất, sẽ có một bảng báo cáo đầy đủ cho bạn.

Một số thông tin bạn nên biết khi xem bảng báo cáo của CompressorRater.

Compression Tool: công cụ dùng để nén, hay thuật toán nén JS. Thường thì YUI sẽ cho kết quả tối ưu nhất.

Run time: Tốc độ thực hiện code (khi client đã tải xong). Đừng nên dùng js nào được nén mà Run time quá lâu bạn nhé.

Size: Quan trọng này, cột đầu tiên là kích thước sau khi nén tính theo byte. % thể hiện dung lượng script được nén so với nguyên bản của nó.

Khi chọn được những thông số ưng ý, ấn “View” để xem source code (đã nén). Bạn có thể copy nó ra rồi dán vào file js để dùng hoặc nội dung file nén này lại với lệnh File -> Save as… trên trình duyệt.

Ghi chú

Một lời khuyên nhỏ, nếu site của bạn phải import nhiều file .js. Bạn hãy copy nội dung tất cả bọn chúng cho vào công cụ nén => ra một file duy nhật + dung lượng bé.

Nén CSS

Cách nén của CSS cũng có phần giống Javascript. Ngoài việc loại bỏ ký tự dư thừa. Với CSS ta còn có thể gộp nhiều thuộc tính giống nhau lại thành một nhóm, như vậy sẽ tiết kiệm được thêm vài dòng code. Ví dụ như:

margin-left: 5px;
margin-right: 5px;
margin-top: 5px;
margin-bottom: 5px;

Ta có thể gọp lại thành một dòng duy nhất.

margin: 5px;

Với CSS, bạn có thể dùng công cụ sau:

Tệp tin tải về (hoặc liên kết ẩn)
Tệp tin này chỉ tải được sau khi bạn đăng nhập. Hãy Đăng ký hoặc Đăng nhập


Chỉ cần copy toàn bộ code css bỏ vào, ấn compress. Sau khi nén xong bạn chỉ cần copy đoạn code được nén chép đè lên phần style css cũ. Và như mình nói ở đầu bài. Việc nén này hoàn toàn vô hại, không làm thay đổi ý nghĩa những dòng code của ta mà chỉ làm cho chúng trở nên gọn gàn. Loại bỏ đi những phần thừa thải không cần thiết.

Lưu ý
Sau khi nén xong, code sẽ rất khó chỉnh sửa do code nén thường chỉ còn có 1 dòng duy nhất (giảm kích thước tối đa). Code viết liên miên không có cách, chú thích, hay làm dấu hiệu gì để cho dễ đọc. Vì thế bạn nên lưu một bản nháp để sau này tiện chỉnh sửa và nén tiếp nhé

Nguồn bài viết: http://minhnhut.info

  Đánh giá nội dung
Vui lòng đánh giá nội dung này nếu bạn thấy hay. Cám ơn bạn!

Bài viết số 1095 đã được: 4.5/10 (4 Đánh giá)

Bài viết liên quan Bài viết ngẫu nhiên
Dùng thử mã nguồn Swift của Apple ngay trên trình...
9 ngôn ngữ lập trình "xưa như trái đất" có...
12 lập trình viên nổi tiếng nhất đương đại -...
Học lập trình Android cơ bản bắt đầu từ tải...
[WP8] Đọc file từ thẻ nhớ SDCard
Viết ứng dụng Windows Phone chỉ trong 60 phút
Javascript – Chàng hiệp sĩ toàn năng
Thu âm cuộc gọi với hàm MixMonitor() trong Asterisk
Quản lý cuộc gọi theo thời gian với hàm GotoIfTime()...
[Official MV] Forever Alone - JustaTee...
Spectacular Domino Rally Stunt Screen Link...
Những ông chồng ngộ nghĩnh trên...
Anh Chàng Hobbit - Chương 33...
18 bộ icon, theme đẹp và...
Thủ thuật hữu ích cho người...
Chuyển file và các thiết lập...
Lý do chó thường nghiêng đầu...
Những tính năng ẩn hữu ích...
3 cách vô hiệu cổng USB...
Nếu bạn thấy bài viết hay vui lòng Bookmark bài viết. Cám ơn bạn!

Bookmark and Share
Edit & develop by LPAg v1.0.3.1376006758 [+] Từ khóa: LPAg, Computer, Mobile, Software, Hardware