Share Tối ưu tốc độ nạp thư viện CSS và JavaScript với thư viện Minify

filiallion · 09/13/2019

Khi các bạn nhúng các tập tin thư viện CSS và JavaScript vào website, các bạn thường chọn các tập tin đã được nén giảm dung lượng tới mức thấp nhất. Thực chất của việc nén giảm dung lượng này đó chính là xoá bỏ các khoảng trắng, các ký tự xuống dòng, rút gọn tên các biến, các hàm... Nếu các bạn sử dụng các công cụ có sẵn để nén giảm dung lượng tập tin CSS và JavaScript rồi mới nhúng vào website thì không có gì để nói, nhưng trong trường hợp các bạn muốn tích hợp khả năng nén này vào website được lập trình bằng ngôn ngữ PHP thì các bạn có thể sử dụng thư viện Minify.

Minify là một thư viện PHP nhỏ gọn với mục đích duy nhất là giảm dung lượng các tập tin CSS và JavaScript đến mức thấp nhất giúp tăng tốc độ nạp thư viện trên website. Việc sử dụng thư viện Minify cũng rất đơn giản, trước tiên các bạn cần cài đặt thư viện bằng dòng lệnh Composer sau:

Code:

composer require matthiasmullie/minify

Sau đó, các bạn thực hiện nén tập tin CSS và JavaScript như ví dụ sau:

PHP:

<?php
//Require tập tin autoload.php
require 'path/to/autoload.php';

//Khai báo thư viện
use MatthiasMullie\Minify\CSS;

//Khởi tạo đối tượng và thực hiện nén giảm dung lượng
$minifier = new CSS('path/to/filename.css');

//Xuất mã nguồn đã được nén
echo $minifier->minify();

Trên đây chỉ là một ví dụ đơn giản để nén tập tin CSS, các bạn có thể tham khảo toàn bộ các vấn đề liên quan tới thư viện Minify tại địa chỉ https://packagist.org/packages/matthiasmullie/minify.

Share Tối ưu tốc độ nạp thư viện CSS và JavaScript với thư viện Minify

filiallion

Administrator