Việc thu nhỏ tệp có thể tạo ra sự khác biệt về hiệu suất trong thế giới thực trong dự án của bạn, không phải về hiệu suất mã của bạn trong trình duyệt, mà là tốc độ mà người dùng nhận được mã và tải của máy chủ khi tệp cần được phục vụ cho nhiều Show Dù bạn có ý định gì với việc triển khai công cụ khai thác trong máy chủ của mình, như mọi khi, chúng tôi khuyên bạn không nên phát minh lại bánh xe (không xây dựng công cụ khai thác của riêng bạn bằng PHP) và sử dụng thư viện. Nếu bạn muốn biết thêm lý do tại sao bạn nên sử dụng thư viện, chúng tôi khuyên bạn nên đọc bài viết tuyệt vời này Trong bài viết này, bạn sẽ tìm hiểu cách thu nhỏ mã CSS và JS của mình bằng 3 thư viện khác nhau 1. Nén Javascript và CSS với MinifyNếu bạn đang tìm kiếm một lớp rút gọn cả Javascript và CSS, thì bạn có thể sử dụng gói Minify được viết bởi MatthiasMullie. Gói Minify có thể được sử dụng với Trình soạn thảo và với các Lớp PHP đơn giản Cài đặt với nhà soạn nhạcThêm gói Minify làm phụ thuộc vào dự án của bạn bằng lệnh sau
Hoặc chỉnh sửa 5 của bạn, thêm dòng sau vào yêu cầu của bạn rồi thực thi 6
Và sau đó bạn sẽ có thể sử dụng Minify Cài đặt không có nhà soạn nhạcNếu bạn không sử dụng trình soạn nhạc thì quá trình cài đặt có thể lâu hơn một chút. Đầu tiên, hãy tải xuống kho lưu trữ dưới dạng. zip từ kho lưu trữ tại đây hoặc chỉ cần sao chép nó bằng Git
Gói này phụ thuộc vào Path Converter, do đó bạn cũng cần sao chép kho lưu trữ này (hoặc tải xuống 7 của kho lưu trữ)
Ghi chúĐảm bảo rằng bạn giữ nguyên cấu trúc thư mục (các tệp trong 8 phải ở cùng một vị trí so với 9) cho cả Minify và Path ConverterBây giờ, nếu bạn không sử dụng trình soạn thảo, thì có thể bạn có một thư mục dành cho thư viện của bên thứ ba, bên trong thư mục này, bạn sẽ dán (tương ứng. 0 và 1) nội dung của thư mục 2 của mọi thư viện trong một thư mục có tên thư việnCuối cùng, hãy bao gồm các tệp bắt buộc của thư viện trong mã mà bạn muốn sử dụng bằng cách sử dụng 3 3Và bạn đã sẵn sàng sử dụng Minify trong mã của mình Cách sử dụngĐể biết cách rút gọn Javascript với thư viện này, bạn có thể xem các ví dụ sau 4Và để thu nhỏ CSS (nó hoạt động theo cách tương tự để nén Javascript nhưng với lớp CSS), hãy sử dụng đoạn mã sau 5Chúng tôi khuyên bạn nên truy cập kho lưu trữ để biết thêm thông tin về các phương pháp tại đây 2. Nén Javascript bằng BópĐể nén mã Javascript, chúng tôi khuyên bạn nên sử dụng Squeeze. Squeeze thu nhỏ, nén, thu nhỏ và xáo trộn mã Javascript. Đó là một lớp PHP duy nhất đã được phát triển, duy trì và kiểm tra kỹ lưỡng từ năm 2003 trên các khung JavaScript chính (e. g. jQuery). JSqueeze hoạt động trên mọi mã JavaScript không có lỗi phân tích cú pháp, ngay cả khi thiếu dấu chấm phẩy. Về tỷ lệ nén, nó so sánh với YUI Compressor và UglifyJS Chúng tôi khuyên bạn nên Bóp vì nó
Thực hiện theo các cài đặt của Bóp với nhà soạn nhạcĐể cài đặt Squeeze trong dự án của bạn, hãy thực hiện lệnh sau 6Hoặc sửa đổi tệp 5, thêm dòng sau vào yêu cầu rồi thực thi 6 9Sau khi cài đặt, bạn sẽ có thể rút gọn mã bằng Squeeze không có nhà soạn nhạcNếu bạn không sử dụng trình soạn thảo, bạn có thể dễ dàng sử dụng Bóp bằng cách sao chép tệp JSQueeze. php và đưa nó vào dự án của bạn bằng cách sử dụng 3 1Cách sử dụngCách sử dụng Squeeze khá đơn giản và có thể đạt được chỉ bằng 1 phương pháp. Phương pháp này là ép 0Là tham số đầu tiên của chức năng, hãy cung cấp mã Javascript cần được rút gọn Tham số thứ hai 7 cho phép bạn quyết định xem bạn có muốn giữ lại dòng ngắt nếu tìm thấy dấu chấm phẩy hay không. Thông thường, chúng tôi muốn giá trị này luôn được đặt thành trueTham số thứ ba 8 cho phép bạn quyết định xem bạn có muốn xóa nhận xét của 9 hay khôngTham số thứ tư 30 xác định biểu thức chính quy của các tên biến đặc biệt cho các phương thức, thuộc tính toàn cầu và thay thế chuỗi, đặt thành false nếu bạn không muốn3. Nén Javascript bằng JShrinkJShrink là một công cụ khai thác javascript được viết bằng PHP. Nó được thiết kế để lấy các tệp javascript lớn và loại bỏ bit thừa, giúp tải xuống nhanh hơn. JShrink có một số lợi thế so với các thư viện khác. Vì nó được viết bằng php gốc, thay vì được chuyển, nên nó có hiệu suất tốt hơn. Nó có một số tính năng bổ sung, như khả năng giữ lại dữ liệu cấp phép sau khi thu nhỏ nội dung khác với nhà soạn nhạcĐể sử dụng JShrink trong dự án của bạn, hãy thực hiện lệnh sau 1Hoặc chỉnh sửa tệp 5 của bạn và thêm dòng yêu cầu sau rồi thực thi 6 2không có nhà soạn nhạcNếu bạn muốn sử dụng JShrink mà không cần trình soạn thảo, chỉ cần bao gồm Công cụ khai thác. lớp php của thư viện bằng cách sử dụng 3 3Cách sử dụngViệc sử dụng JShrink khá đơn giản, clas Minifier cung cấp quyền truy cập vào phương thức tĩnh thu nhỏ. Phương thức này mong muốn tham số đầu tiên là chuỗi Javascript được rút gọn và tham số thứ hai là một mảng có các tùy chọn (thực tế, chỉ có 1 tùy chọn duy nhất là 34) |