js、css压缩

最新推荐文章于 2024-07-29 10:40:59 发布

zh_zhuhao

最新推荐文章于 2024-07-29 10:40:59 发布

阅读量1k

点赞数

分类专栏： java web 文章标签： css js

java web 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

web系统中免不了要使用大量的javascript和css文件，如开源的javascript框架prototype、jquery、extjs-core等等，这些js框架，少都有几百K，我曾经做过不少项目，都用了
大量的js。特别是extjs，功能实在是强大，却也是体积最大的一个js框架。使用中稍不留神很容易导致你的系统反映缓慢。为了提高js、css文件的下载速度，从而提高页面的响应速度，减小文件的大小才是终极之道。

1、js、css动态压缩页面代码

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="index.aspx.cs" Inherits="index" %>
 
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>js、css动态压缩</title>
    <%--<script type="text/javascript" src="../js/jquery-1.4.4.js"></script>
    <script type="text/javascript" src="../js/jquery-1.9.0.min.js"></script>
    <script type="text/javascript" src="../js/jquery.cookie.js"></script>
    <script type="text/javascript" src="../js/common.js"></script>
    <script type="text/javascript" src="../js/track.js"></script>--%>
    <%= 
         SquishIt.Framework.Bundle.Css()
        .Add("~/content/css/common.css")
        .ForceRelease()
        .Render("~/css/common.css") 
    %>
 
    <%=   
         SquishIt.Framework.Bundle.JavaScript()
        .Add("~/content/js/jquery-1.4.4.js")
        .Add("~/content/js/jquery-1.9.0.min.js")
        .Add("~/content/js/jquery.cookie.js")
        .Add("~/content/js/common.js")
        .Add("~/content/js/track.js")
        .ForceRelease()
        //.Render("~/js/common_#.js")
        .Render("~/js/lib.js")
    %>
</head>
<body>
    <form id="form1" runat="server">
        <div>
            <span id="pc_1" style="text-align: center;"></span>
            <span id="pcm_1"></span>
        </div>
        <div style="margin: 0px auto; width: 100%; font-size: 16px; color: #FF0606; font-weight: bold; text-align: center; background-color: #FFFFE5; background-position: 15px -888px; border: 1px solid #FFCC7F; border-width: 1px 0px; padding: 10px 0;">
            网站测试中，暂不接受正式订单！
        </div>
    </form>
</body>
</html>

2、动态压缩需要用到的dll

3、动态压缩后

zh_zhuhao

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js、css压缩

web系统中免不了要使用大量的javascript和css文件，如开源的javascript框架prototype、jquery、extjs-core等等，这些js框架，少都有几百K，我曾经做过不少项目，都用了大量的js。特别是extjs，功能实在是强大，却也是体积最大的一个js框架。使用中稍不留神很容易导致你的系统反映缓慢。为了提高js、css文件的下载速度，从而提高页面的响应速...
复制链接

扫一扫