Cách tối ưu hóa mã CSS, Javascript tăng tốc website

speed-up-your-websiteNhận nhiệm vụ tối ưu hóa nhắm tăng tốc cho một website của khách hàng nên được dịp tìm hiểu các và triển khai các cách khác nhau để… chiều lòng khách hàng.

Một trong các cách mình thực hiện là nén các tập tin CSS, Javascript, hình ảnh…

Với hình ảnh thì ta có thể dùng một phần mềm chuyên dụng để hỗ trợ. Vậy còn nén tập tin CSS và Javascript thì phải như thế nào. Đơn giản dễ hiểu là phương pháp viết mã sao cho các đoạn mã liền

nhau và không phải xuống hàng.

Ví dụ ta có đoạn mã sau:

thì ta sẽ viết lại thành:

tức là từ 8 dòng còn lại 1 dòng. Chính vì vậy mà các bạn thường thấy các tập tin jQuery hiệu ứng thường có 2 phiên bản là bản thường mà một bản ta gọi là min. Bản thường là bản tường minh mà ta có thể dễ dàng đọc mã. Bản min tức là cách viết thu gọn như ví dụ ở trên. Với các viết như vậy đương nhiên là tập tin sẽ giảm dung lượng.

Với những đoạn mã ngắn thì ta có thể thủ công để thu gọn tuy nhiên với những đoạn mã nhiều thì khó vì dễ sai xót mà mấy cái này thiếu 1 dấu phảy (,) thì cũng đi luôn toàn bộ. Vậy nên ta có thể sử dụng một số công cụ trực tuyến sau:

Tối ưu hóa mã Javascript: www.jscompress.com, www.minifyjavascript.com, www.javascript-minifier.com, www.jsmini.com, www.refresh-sf.com/yui,…
Tối ưu hóa mã CSS: www.cssminifier.com, www.minifycss.com/css-compressor, www.csscompressor.com,…

Việc tối ưu hóa hình ảnh bạn cũng có thể sử dụng một số dịch vụ trực tuyến sau: www.compressnow.com, www.jpeg-optimizer.com, www.jpgoptimiser.com, www.imageoptimizer.net,…

Bạn có thể tìm thêm nhiều trang khác với từ khóa tương ứng như: minify css, minify js, images optimise,…

Đây là một trong những cách đơn giản để tối ưu tốc độ tải trang. Ngoài ra còn nhiều phương pháp khác nữa mà có dịp mình sẽ chia sẻ thêm.

Chúc các bạn thành công.

Huỳnh Mai Anh Kiệt

Cảm ơn bạn đã đánh giá! Bạn có thể chia sẻ cảm nhận bài viết này lên các mạng xã hội: hoặc .
Bạn cảm thấy thế nào về bài viết này?
  • Vui mừng
  • Hấp dẫn
  • Thú vị
  • Chán
  • Buồn
  • Tức giận

Huỳnh Mai Anh Kiệt

Anh là một người đam mê công nghệ. Hiện tại anh là một lập trình viên tại Quy Nhơn.

leave a comment

Create Account



Log In Your Account