Performance 缩小整个目录,同时保持元素/样式/脚本关系?

Performance 缩小整个目录,同时保持元素/样式/脚本关系?,performance,minify,page-load-time,Performance,Minify,Page Load Time,目前是否存在可以缩小整个项目目录的解决方案?更重要的是,是否存在可以缩短类名、id并在所有文档中保持一致的解决方案 可以扭转这种局面的东西: Index.html--- Styles.css--- .fooBar{ //评论和信息 背景色:#000000; } Index.js--- $(“.fooBar”)。单击(函数(){ /*更多评论*/ 警惕(“fooBar”); }); 进入这个: Index.html--- Styles.css--- .a{背景色:#000;} Ind

目前是否存在可以缩小整个项目目录的解决方案?更重要的是,是否存在可以缩短类名、id并在所有文档中保持一致的解决方案

可以扭转这种局面的东西:

Index.html---


Styles.css---

.fooBar{
//评论和信息
背景色:#000000;
}
Index.js---

$(“.fooBar”)。单击(函数(){
/*更多评论*/
警惕(“fooBar”);
});
进入这个:

Index.html---


Styles.css---

.a{背景色:#000;}
Index.js---

$(.a”)。单击(函数(){alert(“fooBar”);});

您需要的不是缩小,而是压缩。根据定义缩小只会删除空白,因为缩短标识符会改变接口,可能会破坏依赖它的外部脚本。因此,缩小比压缩本身“更安全”,尽管在封闭系统(即封装的web应用程序)中,压缩可能是一个好主意

对于Javascript,大多数人使用or

对于CSS,有很多工具可以“优化”样式,但我不知道还有哪些工具可以缩短类名。原因可能有几个:

  • 要压缩CSS文件,脚本需要知道包含它的所有HTML文件,以便更改其中的类和id引用。根据您的网站的大小和结构,他的网站可能非常重要
  • 压缩后,语义HTML变得不那么可读,因为
    变成了
    ,或者更糟糕的是,

  • 它肯定可以像你所描述的那样做(我实际上正在开发一个个人CMS/框架),但要使其可维护,它可能必须是结构紧密的CMS的一个集成部分,每当发布新的更改时,压缩所有“幕后”文件,在保留所有原始文件的同时,网站可以作为一个整体进行维护。

    我使用它进行压缩和模糊处理

    我使用它缩小css和js文件,并使用一个名为的程序自定义替换html中的字符串(删除注释,用google api替换本地jquery库等)

    使用批处理文件对项目目录中具有特定扩展名的所有文件调用程序,如下所示:

    java -jar yuicompressor-2.4.2.jar -o temp\css\one-compressed.css temp\css\one.css
    replace -quotes \q -srcdir temp\ -fname "*.php" -find "<script type=\qtext/javascript\q src=\qjs/jquery.js\q></script>" -replace "<script src=\qhttp://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js\q type=\qtext/javascript\q></script>"
    
    java-jar yuicompressor-2.4.2.jar-o temp\css\one-compressed.css temp\css\one.css
    replace-quotes\q-srcdir temp \-fname“*.php”-find”“-replace”
    
    等等


    到目前为止,我还没有找到任何好的模糊处理工具。但仅这两项就使得缩小和压缩的任务自动化和简单得多。

    这看起来与我正在寻找的非常相似。如果它能缩短类名、id、javascript变量名等等就好了。它确实缩短了我用于CSS压缩的javascript变量(我认为有一个选项你必须检查),但我发现它太过激进,太不可靠了——然而,我最近看过了,等一下,这个问题以前不是有悬赏吗?谁得到的?说真的——我可以看出你的账户中已经扣除了赏金,但没有一个回答者得到了??这里面有虫子吗???Jens,我也注意到了…SOFlow黑洞吃了我的代表!:)你有没有得到一个好的答案?这意味着指向实际执行此操作的工具的指针。