.net对js和css、img剥离项目进行压缩优化、cdn加速

由于网站首页以及经常用的页面初始化慢,想后面想了对image、js和css进行迁移优化。

1.把他放到独立的域名上面,这个就要对image,js和css从原项目上面脱离,以及把原来很多页面引用的地址修改成为带域名的,对于image、js和css脱离很简单(自己写个移动文件的工具去遍历文件夹查询相对应的文件就可以了,在新域名的那边多了一层这个项目的目录,下面的结构按原来的目录移动到这个目录的下面,尽量保持目录结构不变),在移动的过程中把文件夹以及文件名全部改为小写,因为到时候这些要放到cdn上面,而cdn一般是在linux上面的,解析的时候区分大小写。

1.1   对于img图片要另外写正则去查询页面上、css和js引用的 是否把css和js以及页面引用img,最好利用vs写个正则人工去看一遍哪些改的(当然人工一个个去改就更好的,免得不知道哪里错了),这个也要对图片加上域名以及转换小写。

1.2  对于js和css就写个工具去判断修改就好了。下面是思路

去遍历读取html、aspx、js等可能存在js和css文件,利用正则判断这个文件中是否用引用js或css等

如果存在则判断他是否是http(https):// 开头的,如果是则对这个js的src、css的href的值直接转换为小写;如果不是不是域名则判断是否是绝对路径(/开头的),如果是绝对路径的话,则域名+转换小写(值),如果不是绝对路径的话,则利用域名+遍历目录的值+转换小写(相对路径的值)。这个修改的时候最好做一下日志备份,写明修改文件+原来值+修改后的值。以方便差错。

下面这两个是我.net里面要用的js和css的正则

<script[\s\S]*?src=\"(?<url>.*?)\"

<link[\s\S]*?href=\"(?<url>.*?)\"

1.3对js、css进行压缩,发现雅虎压缩的dll对于一些不符合标准的格式的js会压缩失败。

大家可以使用Web Essentials

(https://visualstudiogallery.msdn.microsoft.com/56633663-6799-41d7-9df7-0f2a504ca361)

css limt,我们用的是Web Essentials,但这个工具有个不好的地方就是,我们用的是vs2013,在这个版本下面必须是update 5才能使用,不然安装不成功

为了方便压缩,我们把js、css分别移动到两个目录下面,当然对于老产品,肯定发现有很多js名称重复的,但是在不同目录下面,这个可以直接对移动后的值进行重命名(比如guid),并做日志记录,以方便还原到原路径下面。

下面代码是移动目录和还原的代码思路(C# Winform代码)

<appSettings>

<!--要遍历移动的目录-->

<add key="OldMoveDic" value="C:\Users\Administrator\Desktop\masterWebSite"/>

<!--移动之后css的目录-->

<add key="newMovecssDic" value="C:\Users\Administrator\Desktop\新建文件夹\css"/>

<!--移动之后js的目录-->

<add key="newMovejsDic" value="C:\Users\Administrator\Desktop\新建文件夹\js"/>

</appSettings>

string OldMoveDic = ConfigurationManager.AppSettings["OldMoveDic"];

string newMovecssDic = ConfigurationManager.AppSettings["newMovecssDic"];

string newMovejsDic = ConfigurationManager.AppSettings["newMovejsDic"];

/// <summary>

/// 移动文件目录

/// </summary>

/// <param name="sender"></param>

/// <param name="e"></param>

private void button10_Click(object sender, EventArgs e)

{

if (!Directory.Exists(OldMoveDic))

{

MessageBox.Show("没有配置OldMoveDic或者目录不存在");

}

else if (!Directory.Exists(newMovecssDic))

{

MessageBox.Show("没有配置newMovecssDic或者目录不存在");

}

else if (!Directory.Exists(newMovejsDic))

{

MessageBox.Show("没有配置newMovejsDic或者目录不存在");

}

else {

DirectoryInfo direcinfo = new DirectoryInfo(OldMoveDic);

if(File.Exists("原目录文件.txt"))

{

File.Delete("原目录文件.txt");

}

GetDirectorieMoveFile(direcinfo, OldMoveDic, newMovecssDic, newMovejsDic);

MessageBox.Show("移动成功");

}

}

/// <summary>

/// 移动目录到同一路径下(递归)

/// </summary>

/// <param name="direcinfo"></param>

/// <returns></returns>

public void GetDirectorieMoveFile(DirectoryInfo direcinfo, string olddic, string newdic, string newMovejsDic)

{

FileInfo[] files = direcinfo.GetFiles();

DirectoryInfo[] strDirectoryInfo = direcinfo.GetDirectories();

if (strDirectoryInfo.Length <= 0 && files.Length <= 0)

{

}

foreach (FileInfo info in files)

{

int LastIndexOf = info.FullName.LastIndexOf(".");

string lastname = info.FullName.Substring(LastIndexOf).ToLower();

string oldFullName = info.FullName;

if (lastname == ".css" || lastname == ".js")

{

string newFullName = lastname == ".css" ? newdic : newMovejsDic;

newFullName = newFullName + "\\" + System.Guid.NewGuid().ToString();

using (StreamWriter filestr = new StreamWriter(("原目录文件" + ".txt"), true))

{

filestr.Write(oldFullName + "|@|" + newFullName + lastname + "\r\n");

filestr.Close();

}

info.MoveTo(newFullName.ToLower() + lastname);

}

}

foreach (DirectoryInfo dirinfo in strDirectoryInfo)

{

GetDirectorieMoveFile(dirinfo, olddic, newdic, newMovejsDic);

try

{

//dirinfo.MoveTo(dirinfo.Parent.FullName + "\\" + dirinfo.Name.ToLower());

// Directory.Move(dirinfo.FullName, dirinfo.Parent.FullName.Replace("C:\\Users\\Administrator\\Desktop\\MasterWebSite", "C:\\Users\\Administrator\\Desktop\\1") + "\\" + dirinfo.Name.ToLower());

}

catch (Exception ex)

{ }

}

//direcinfo.MoveTo(direcinfo.ToString().ToLower());

}

/// <summary>

/// 还原原文件地址

/// </summary>

/// <param name="sender"></param>

/// <param name="e"></param>

private void button11_Click(object sender, EventArgs e)

{

if (File.Exists("原目录文件.txt"))

{

GetDirectorieMoveFile("原目录文件.txt");

File.Delete("原目录文件.txt");

MessageBox.Show("逆向移动成功");

}

else

{

MessageBox.Show("没有可以还原的文件");

}

}

/// <summary>

/// 还原目录到同一路径下(递归)

/// </summary>

/// <param name="direcinfo"></param>

/// <returns></returns>

public void GetDirectorieMoveFile(string olddic)

{

string[] allAlllines = File.ReadAllLines(olddic);

foreach (string line in allAlllines)

{

string  [] linesSplit=line.Split(new string[]{"|@|"},StringSplitOptions.None);

if(linesSplit.Length>=2)

{

FileInfo info = new FileInfo(linesSplit[1]);

info.MoveTo(linesSplit[0]);

}

}

}

时间: 2024-10-20 18:50:03

.net对js和css、img剥离项目进行压缩优化、cdn加速的相关文章

第十一节:Bundles压缩合并js和css及原理分析

一. 简介 1.背景:浏览器默认一次性请求的网络数是有上限的,如果你得js和css文件太多,就会导致浏览器需要多次加载,影响页面的加载速度, MVC中提供Bundles的方式压缩合并js和css,是MVC中特有的一种优化方式. (当然现在前端也有很多基于node的工作流插件,可以合并压缩混淆js或css) 2. 原理(了解即可):核心方法ApplyTransforms,通过StreamReader不断一次一次进行读取 参考文档:https://docs.microsoft.com/en-us/a

HBuilder+移动APP开发实例选择模版 这里选择mui项目,会自动引入mui的js和css,如下:

mui: 官网:http://dcloudio.github.io/mui/ 说明:一般要把官网内容通读一遍,这是开发的基础 开始 1.新建项目 在首页点击新建移动App,如下: 或者在项目管理器内右键新建,或者快捷键ctrl+n+a        2.选择模版 这里选择mui项目,会自动引入mui的js和css,如下: 3.文件结构 默认有以下几个文件夹:css,fonts,js,如下 基础开发    代码如下: 1 <!DOCTYPE html> 2 <html> 3 <

使用Maven构建Java Web项目时,关于jsp中引入js、css文件路径问题。

今天有点闲,自己动手搭建一个Java Web项目,遇到jsp中引入js.css文件时路径不正确的问题,于是在网上查阅了很多资料,最终都无法解决问题,于是,上stackoverflow找到了解决方法,这里不得不吐槽一下国内资料的可信度,不说了,以后遇到问题尽量还是google吧,花点钱买个vpn值了,生命有限,节约时间. 下面记录下解决方法吧: 首先,确保jsp引入了jstl:<%@ taglib uri="http://java.sun.com/jsp/jstl/core" pr

Eclipse中使用Tomcat加载项目在浏览器中访问的时候JS和CSS等静态文件无法加载的问题

首先,我的Eclipse是引用外部的Tomcat 引用外部Tomcat会在左侧生成一个Server文件夹,相当于复制了一份Tomcat到Eclipse的安装目录里 具体Tomcat所在目录可以在这进行查看 双击Tomcat服务,会打开一个窗口,然后点击Open launch configuration,可打开配置窗口,在这里可以查看到具体服务所在位置. 接下来步入正题,正如题目所说,Eclipse中使用Tomcat加载项目在浏览器中访问的时候JS和CSS等静态文件无法加载,如图 仔细看下路径,会

grunt 合并压缩js和css文件(二)

具体node及文件配置请看: grunt 安装使用(一) 要压缩的文件 --src/ ajax.js assets.js touch.js zepto.js 目录结构: dist/ node_modules/ src/ Gruntfile.js package.json package.json是依赖库文件 Gruntfile.js是执行步骤程序 一.js合并压缩 第一次需要先安装grunt.执行 npm install -g grunt-cli 进行安装.如果已经安装,可以忽略. 1.pack

使用Ant和YUICompressor链接合并压缩你的JS和CSS代码

JS代码和CSS代码在上线前要压缩大家应该都是知道的了.记得之前做项目的时候,最后要交差的时候是找了个网站,将JS代码的文件一个一个地复制,粘贴,复制,粘贴. 当时就在想:TMD有没有好一点的方法,劳资不想老是用Ctrl大法.啊啊啊啊啊啊啊啊阿~.最最坑爹的是,有时候将代码复制粘贴的时候手一抖可能就删了点什么东西,手一快又保存了,反正各种坑爹.坑到没朋友. 但是呢,不压缩也不是是吧? 在写JS代码渐渐多了起来的时候就发现手动压缩根本不是长远的方法.而且JS的代码也开始分块,分功能,分文件写了,尽

使用grunt合并压缩js、css文件

需要了解的知识: 1.nodejs的安装与命令行使用 2.nodejs安装应用 3.grunt的初步了解 本文已假定读者已经熟悉以上知识. 好,我们继续: 任务1:将src目录下的所有zepto及插件合并,并压缩. --src/ ajax.js assets.js callbacks.js data.js deferred.js detect.js event.js form.js fx.js fx_methods.js gesture.js ie.js ios3.js selector.js

2个方法通过字[符串参数]加载外部js和css文件

Java语言的异常处理机制可以去确保程序的健壮性,提高系统的可用率,但是Java API提供的异常都是比较低级的(这里的低级是指 " 低级别的 " 异常),只有开发人员才能看的懂,才明白发生了什么问题.而对于终端用户来说,这些异常基本上就是天书,与业务无关,是纯计算机语言的描述,那该怎么办?这就需要我们对异常进行封装了. 近年来,深度学习的研究越来越深入,在各个领域也都获得了不少突破性的进展.基于注意力(attention)机制的神经网络成为了最近神经网络研究的一个热点,本人最近也学习

【转】在ASP.NET MVC中,使用Bundle来打包压缩js和css

在ASP.NET MVC4中(在WebForm中应该也有),有一个叫做Bundle的东西,它用来将js和css进行压缩(多个文件可以打包成一个文件),并且可以区分调试和非调试,在调试时不进行压缩,以原始方式显示出来,以方便查找问题. 具体优势可自行百度或参看官方介绍:http://www.asp.net/mvc/tutorials/mvc-4/bundling-and-minification 这里仅简单记录下如何使用. 首先,如果是使用的ASP.NET MVC4基本或者其他内容更丰富的模板,B