Dòng lệnh Html-minifier

Minification (trong lập trình) là quá trình nén code từ kích thước ban đầu xuống kích thước nhỏ nhất mà không ảnh hưởng đến hoạt động của code. Nó liên quan đến việc xóa khoảng trắng, dòng mới, nhận xét và sửa đổi một số ký tự không cần thiết. Tùy thuộc vào mã, quy trình có thể giảm kích thước ban đầu từ 5 đến 90 phần trăm

Chúng tôi đã tập hợp một số công cụ tự động có thể giúp bạn giảm kích thước mã của mình mà không cần nỗ lực nhiều. Đầu ra cuối cùng sẽ cho phép bạn tiết kiệm một số tài nguyên trên máy chủ web. Chúng tôi đã chia các công cụ này theo ngôn ngữ lập trình. có một cái nhìn

Giảm thiểu JavaScript

Dòng lệnh Html-minifier

Các tệp JavaScript được nén rất lý tưởng cho môi trường sản xuất. Bạn mất khả năng đọc của con người nhưng tại thời điểm đó, bạn tiết kiệm được băng thông

Phần lớn mức giảm đạt được bằng cách loại bỏ các nhận xét và khoảng trắng thừa. Trong khi đó, tham gia khai báo var liên tiếp, tối ưu hóa câu lệnh if và chuyển đổi mảng thành đối tượng có thể tiết kiệm 10% kích thước

Nhìn chung, công cụ được liệt kê sẽ giúp bạn giảm số lượng yêu cầu HTTP, mức tiêu thụ băng thông và cung cấp thời gian tải xuống nhanh hơn cho người dùng của bạn

JavaScript Minifier là một công cụ trực tuyến có giao diện đẹp mắt với API

JScompress là một công cụ trực tuyến do Node cung cấp. js và UglifyJS. Sao chép/dán mã hoặc tải tệp lên để nén

JSmini là công cụ của Dan để nén mã JS được viết khá tốt của bạn

Koala là một ứng dụng GUI để biên dịch Sass, Less, JS, Compass và CoffeeScript. Nó hỗ trợ Windows, Mac và Linux

làm xấu đi. js (công cụ dòng lệnh độc lập) là trình phân tích cú pháp, nén và giải nén JavaScript

rJSmin là công cụ khai thác JS được viết bằng Python, dựa trên ngữ nghĩa của jsmin. c của Douglas Crockford

Grunt là một công cụ dòng lệnh hỗ trợ tiện ích nén JS có tên là grunt-contrib-uglify

Đọc. 40 khung JavaScript hữu ích dành cho nhà phát triển

Giảm thiểu CSS

CSS

Thu nhỏ CSS là một quá trình giảm kích thước tệp/chuỗi CSS mà không làm thay đổi các chức năng của mã. Quá trình này bao gồm loại bỏ các khoảng trắng vô ích, ngắt dòng, ký tự thụt lề, dấu chấm phẩy thừa, khai báo CSS trống, đơn vị có giá trị bằng 0, đầu 0 (nếu giá trị float thấp hơn 1) và loại bỏ nhận xét

Để đạt được mức giảm tối đa, các giá trị màu RGB được chuyển đổi sang định dạng thập lục phân ngắn hơn, #BBCCDD được giảm xuống #BCD, không có giá trị nào được chuyển đổi thành 0 (nếu có thể) và một số công cụ loại bỏ một bộ ký tự duy nhất trên mỗi tệp CSS

CSS Compressor cho phép bạn thu nhỏ CSS để giúp trang web của bạn tải nhanh hơn. Bạn có thể chọn từ 4 cấp độ nén i. e. cao nhất, cao, tiêu chuẩn và thấp

CSS Minifier là công cụ web đơn giản, nhanh chóng và nhanh chóng với API

CSS sạch là một nút đã được thử nghiệm kỹ lưỡng. thư viện js để nén mã CSS

CSSO có một kỹ thuật nén thông thường và nó có thể thực hiện quá trình thu nhỏ cấu trúc của các tệp CSS

Coveloping là một công cụ web cung cấp cho bạn nhiều tùy chọn thủ công để nén mã. Đặt URL tệp CSS hoặc dán mã

CSSTidy là trình phân tích cú pháp và trình tối ưu hóa CSS mã nguồn mở, có sẵn dưới dạng tệp thực thi có thể được kiểm soát trên mỗi dòng lệnh và dưới dạng tập lệnh PHP

Feedthebot là một công cụ web nhanh để nén mã CSS, do Patrick Sexton viết

Đọc. Chơi chữ vui nhộn trên CSS

Giảm thiểu HTML

HTML

Việc nén các tệp HTML trực tuyến có thể giúp bạn tiết kiệm rất nhiều tiền cho hóa đơn máy chủ nếu bạn đang lưu trữ một trang web có băng thông rất lớn. Các công cụ nén này sẽ tiết kiệm dung lượng trong tệp HTML bằng cách loại bỏ dấu ngắt dòng văn bản, dấu cách tab và thay thế dấu cách đôi bằng dấu cách đơn mà không phá vỡ cấu trúc nội dung

HTMLcompressor là một thư viện Java nhỏ, nhanh và dễ sử dụng giúp thu nhỏ mã HTML và XHTML

Text Fixer là công cụ nén trực tuyến hỗ trợ nén và giải nén mã HTML

Minify-HTML là một công cụ trực tuyến (của GTmetrix) để nén mã HTML bao gồm mọi JavaScript và CSS nội tuyến có trong đó

Willpeavy cho phép bạn thu nhỏ HTML, XHTML và bất kỳ JS hoặc CSS nào có trong đánh dấu của bạn

Kangax (beta) cung cấp cho bạn nhiều tùy chọn thu nhỏ trong khi nén mã HTML của bạn

Thu nhỏ HTML là một nút. js nén các tệp HTML với bất kỳ JS và CSS nào

HTMLMinifier là trình nén dựa trên JavaScript có cấu hình cao, đã được kiểm tra kỹ lưỡng với các khả năng giống như xơ vải

Đọc. Khung HTML và CSS hữu ích cho nhà thiết kế web

Công cụ khác (Hỗ trợ HTML/CSS/JavaScript)

code minified

Prepros là công cụ đa nền tảng để biên dịch Sass, Less, Compass, Jade, thu nhỏ mã, tiền tố CSS tự động, v.v.

YUI Compressor là công cụ dòng lệnh miễn phí được viết bằng Java và dựa vào Rhino để mã hóa tệp JavaScript nguồn

Refresh-SF là một giao diện web để nén CSS và JavaScript. Công cụ này sử dụng công cụ khai thác HTML, Clean-CSS và UglifyJS 2

MinifyCode là công cụ web nhanh để nén hoặc giải nén HTML, CSS và JavaScript

Microsoft Ajax Minifier cho phép bạn cải thiện hiệu suất của trang web bằng cách giảm kích thước của CSS và JS

Plugin NetBeans để giảm thiểu CSS, HTML và JS để có thời gian tải trang nhanh hơn

Refresh-SF là một giao diện web để nén JavaScript hoặc CSS. Nó sử dụng Clean-CSS, công cụ khai thác HTML và UglifyJS 2

Yahoo Compressor là phần mềm miễn phí giúp giảm kích thước tệp JavaScript và CSS

HTMLCompressor là một công cụ trực tuyến giúp giảm kích thước của mã HTML, CSS, JavaScript cộng với các tệp PHP một cách an toàn

Công cụ khai thác là một công cụ dòng lệnh đơn giản để nén CSS và JS mà không cần thiết lập nhiều

Webmini (Sản phẩm của Voralent) là phần mềm miễn phí để nén tệp JavaScript và CSS

Nhỏ hơn là một công cụ hệ điều hành để nén CSS, HTML và JavaScript

Ultraminifier là một ứng dụng miễn phí dành cho OS X giúp thu nhỏ JS và CSS bằng cách kéo thả

AjaxminGui là một công cụ miễn phí của Windows giúp thu nhỏ tất cả các tệp JavaScript trong một thư mục và thư mục lồng nhau

Khuyến khích. 10+ Phần mềm lập trình tốt nhất. để viết mã

Cập nhật – Dành cho những người đang yêu cầu công cụ khai thác PHP

Vâng, có một số công cụ có sẵn để nén mã PHP, nhưng chúng không làm được gì nhiều ngoài việc loại bỏ khoảng trống và nhận xét

Vì PHP được biên dịch thành mã byte (như Perl và Ruby) và sau đó được giải thích trên Máy ảo, nên sẽ không có lợi thế đáng kể [về tốc độ] của việc nén mã. Tuy nhiên, bạn luôn có thể sử dụng bộ đệm mã byte (chẳng hạn như APC) để tăng hiệu suất

Làm cách nào để sử dụng Công cụ khai thác trong HTML?

Đề xuất .
Để thu nhỏ HTML, hãy thử HTMLMinifier
Để thu nhỏ CSS, hãy thử CSSNano và csso
Để thu nhỏ JavaScript, hãy thử UglifyJS. Trình biên dịch đóng cửa cũng rất hiệu quả. Bạn có thể tạo quy trình xây dựng sử dụng các công cụ này để thu nhỏ và đổi tên các tệp phát triển và lưu chúng vào thư mục sản xuất

Có thể thu nhỏ HTML không?

Để thu nhỏ các tệp JS, CSS và HTML, cần phải xóa các nhận xét và khoảng trắng thừa , cũng như đặt tên biến để giảm thiểu mã và giảm kích thước tệp. Phiên bản tệp được rút gọn cung cấp chức năng tương tự trong khi giảm băng thông của các yêu cầu mạng.