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

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

- Advertisement -
Huỳnh Mai Anh Kiệthttps://anhkiet.biz
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 cho Hura Apps - một startup nhỏ về công nghệ tại Quy Nhơn.

1 BÌNH LUẬN

  1. Ngày nay, mỗi bước bạn thực hiện đều quan trọng để tăng tốc trang web và cung cấp trải nghiệm người dùng tốt hơn. Bởi vì Google hiện coi tốc độ trang là một yếu tố quan trọng trong việc định hình trải nghiệm người dùng. Giảm thiểu có thể giảm kích thước mã lên đến 95%! Điều này sẽ làm cho trang web chạy nhanh hơn và do đó nhận được điểm tối ưu hóa công cụ tìm kiếm (SEO) cao. Bạn cũng có thể nhận trợ giúp về việc giảm thiểu nội dung web từ các liên kết trực tuyến bên dưới.
    https://url-decode.com/cat/
    http://minifycode.com/
    https://www.willpeavy.com/tools/minifier/

BÌNH LUẬN

Vui lòng nhập bình luận của bạn
Vui lòng nhập tên của bạn ở đây

BÀI VIẾT MỚI

Lần đầu nhận quà từ Shopify

Hura Apps là 1 trong những đối tác của Shopify được vinh dự Shopify chọn tham gia chương trình (Huấn luyện Thương mại) Commerce...

Một số ưu đãi của Shopify cho người dùng đăng ký mới

Shopify chỉ cho phép người dùng mới 14 ngày dùng thử miễn phí. Nếu bạn cảm thấy khoảng thời gian này là không đủ...

Trang web hỗ trợ tìm kiếm trên Facebook

Facebook là mạng xã hội lớn nhất hiện nay. Thông tin được người dùng chia sẻ trên mạng xã hội này là vô cùng...

Giới thiệu một số công nghệ, dịch vụ mà Hura Apps đang dùng cho mô hình SaaS

Hura Apps là nhóm phát triển các ứng dụng web hỗ trợ cho nền tảng Shopify. Hura Apps hoạt động theo mô hình SaaS....

Hành trình kiếm 500 triệu/tháng từ việc xuất bản ứng dụng lên Shopify App Store

Đây là câu chuyện của một lập trình viên người Pháp có tên Axel Hardy được chính anh chia sẻ trên Twitter của mình....

BẠN XEM CHƯA

Cách upload ảnh chất lượng 4K lên Twitter

Sau khi thử nghiệm vào tháng trước, hiện tại Twitter đã kích hoạt tính năng tải ảnh chất lượng 4K cho cả người dùng Android...

Tạo video quảng cáo đơn giản tại dịch vụ trực tuyến Biteable

Hôm rồi có viết một ứng dụng (app) và khi chia sẻ lên kho ứng dụng thì tại phần mô tả yêu cầu phải...

Tour du lịch 1 ngày ở Cù Lao Xanh

Hiện, dịch vụ du lịch ở Cù Lao Xanh mới hình thành, để thuận tiện và có được những trải nghiệm hấp dẫn, du...

Website Bệnh viện Y học cổ truyền Bình Định bị tấn công

Mới đây trên trang Zone-H có đăng tải thông tin trang web của bệnh viện Y học cổ truyền Bình Định bị hacker tấn...

Hướng dẫn lắp ráp một bộ máy tính bàn hoàn chỉnh

Mình vô tình thấy trên Youtube có một đoạn videoclip hướng dẫn lắp ráp hoàn chỉnh một bộ máy tính bàn hoàn chỉnh do...