Giảm kích thước file CSS với .NET
Posted: 24/3/2010.
Giảm khoảng 5% kích thước CSS sẽ làm cho tốc độ load CSS trong trang web giảm đáng kể. Sử dụng đoạn mã sau đây giúp bạn thực hiện điều này bằng cách loại bỏ bớt các khoảng trắng trong tài liệu CSS để tạo ra file mới với kích thước nhỏ hơn.
![Giảm kích thước file CSS với .NET]( "Giảm kích thước file CSS với .NET")
Giảm khoảng 5% kích thước CSS sẽ làm cho tốc độ load CSS trong trang web giảm đáng kể. Sử dụng đoạn mã sau đây giúp bạn thực hiện điều này bằng cách loại bỏ bớt các khoảng trắng trong tài liệu CSS để tạo ra file mới với kích thước nhỏ hơn.
- public static string RemoveWhiteSpaceFromStylesheets(string body)
- {
- body = Regex.Replace(body, @"[a-zA-Z]+#", "#");
- body = Regex.Replace(body, @"[\n\r]+\s*", string.Empty);
- body = Regex.Replace(body, @"\s+", " ");
- body = Regex.Replace(body, @"\s?([:,;{}])\s?", "$1");
- body = body.Replace(";}", "}");
- body = Regex.Replace(body, @"([\s:]0)(px|pt|%|em)", "$1");
-
- body = Regex.Replace(body, @"/\*[\d\D]*?\*/", string.Empty);
- return body;
- }
- static void Main(string[] args)
- {
- string minstyle = RemoveWhiteSpaceFromStylesheets(File.ReadAllText(@"..\..\style.css"));
- File.WriteAllText(@"..\..\style-min.css", minstyle);
- Console.WriteLine("Done!");
- Console.Read();
- }
VB.NET
- Imports System.IO
- Imports System.Text.RegularExpressions
-
- Module MinCSS
-
- Sub Main()
- Dim minstyle As String = RemoveWhiteSpaceFromStylesheets(File.ReadAllText("..\..\style.css"))
- File.WriteAllText("..\..\style-min.css", minstyle)
- Console.Write("Done!")
- Console.Read()
- End Sub
-
- Public Function RemoveWhiteSpaceFromStylesheets(ByVal body As String) As String
- body = Regex.Replace(body, "[a-zA-Z]+#", "#")
- body = Regex.Replace(body, "[\n\r]+\s*", String.Empty)
- body = Regex.Replace(body, "\s+", " ")
- body = Regex.Replace(body, "\s?([:,;{}])\s?", "$1")
- body = body.Replace(";}", "}")
- body = Regex.Replace(body, "([\s:]0)(px|pt|%|em)", "$1")
- ' Remove comments from CSS
- body = Regex.Replace(body, "/\*[\d\D]*?\*/", String.Empty)
- Return body
- End Function
-
- End Module
Press F5 chúng ta sẽ có 1 file style-min.css với kích thước nhỏ hơn so với file gốc.
http://code2code.googlecode.com/svn/trunk/MinimizeCSS
Reference : MinimizeCSS.rar
[Nghean-Aptech st]
Các tin mới:
Hướng dẫn tích hợp giao diện trang quản trị SB Admin 2 vào Laravel 5.8.
Hướng dẫn tích hợp Google ReCaptcha v2 vào Laravel bằng curl.
Học lập trình React JS trong vòng 5 phút.
Sử dụng trình soạn thảo CKeditor tích hợp CKFinder với Laravel.
Hướng dẫn cài đặt Apache, PHP, MySQL, PHPMyAdmin trên Windows 10 và cấu hình SendMail.
Các tin cũ hơn:
Sao lưu tất cả database của SQL Server.
10 lý do bạn chọn MySQL.
Hướng dẫn install YetanotherForum trên localhost.
Nhúng reCaptcha vào ASP.NET.
Jquery: Ẩn hiện nội dung ASP.NET Panel.