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

Huỳnh Mai Anh Kiệthttps://www.mangbinhdinh.vn
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.

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

- Advertisment -
Shopify

BÀI VIẾT MỚI

Nền tảng trực tuyến cho phép bạn thiết lập trang web chỉ trong vài phút

Bất kỳ doanh nghiệp nào hiện nay cũng đều cần một trang web. Tuy nhiên, không phải ai cũng có đủ chuyên môn kỹ...

Chuyên gia bảo mật người Việt phát hiện lỗ hổng bảo mật trên hệ điều hành Windows

Vừa qua, anh Lê Hữu Quang Linh (linhlhq) - chuyên gia bảo mật của Trung tâm Giám sát an toàn không gian mạng quốc...

Hẹn hò theo “phong cách nhà giàu” với Tesla Dating

Mới đây, tờ Business Insider vừa tiết lộ rằng một ứng dụng hẹn hò mang tên Tesla Dating sắp được ra mắt bởi Ajitpal...

Internet Explorer chính thức bị khai tử sau 25 năm

Trong bài đăng trên trang blog chính thức vào hôm thứ hai (17/8), Microsoft công bố họ sẽ không còn tiếp tục hỗ trợ...

PayPal lần đầu tiên bổ nhiệm giám đốc điều hành ở Trung Quốc

PayPal liên tiếp có những động thái cho thấy nền tảng thanh toán trực tuyến hàng đầu thế giới này sẽ tiếp cận thị...

BẠN XEM CHƯA

Các cách kiểm tra điều kiện trống trong form đăng ký, liên lạc

Dạo này nhận nhiều công việc liên quan đến việc thiết lập các trường yêu cầu phải nhập thông tin trong các form liên...

Thơ… chữa bệnh

Chẳng may bị bỏng nước sôi Ngâm vào nước lạnh một hồi khỏi ngay. Chẳng may dầm đâm vào tay Xà phòng đắp lại ra ngay vài...

Trót yêu

Em lấy đi niềm tin, để trả anh dối trá Lấy con đường hoa lá, trả anh cánh đồng hoang Lấy cả giấc mơ ngoan, trả...

Cơm Nhà 1989

Cơm nhà 1989 giúp bạn thưởng thức những bữa ăn ngon như cơm mẹ nấu trong một không gian ấm áp và quen thuộc...

Chia sẻ dữ liệu trên các tài khoản trực tuyến dễ dàng với iBeam.it

Ngày nay có rất nhiều mạng xã hội cũng như dịch vụ lưu trữ trực tuyến. Tùy mỗi người sẽ lựa chọn cho mình...