相关疑难解决方法(0)

有关CSS minifier的任何建议吗？

我将围绕谷歌并尝试一些,但我怀疑聪明,精通和好奇的StackOverflow社区可能已经评估了重量级人物的利弊.

简而言之:

在进行响应式网页设计时,您应该使用一个或多个样式表吗？

详细地:

在响应式设计中,您倾向于拥有一大块CSS,然后在其到达某些断点时调整布局.您可以通过以下两种方式构建代码:

单一样式表

/* Main CSS */

@media only screen and (min-width: 480px) { /* CSS */ }
@media only screen and (min-width: 640px) { /* CSS */ }
@media only screen and (min-width: 800px) { /* CSS */ }

多个样式表

<link rel="stylesheet" media="screen" href="main.css">
<link rel="stylesheet" media="only screen and (min-width: 480px)" href="480.css">
<link rel="stylesheet" media="only screen and (min-width: 640px)" href="640.css">
<link rel="stylesheet" media="only screen and (min-width: 800px)" href="800.css">

似乎使用一个样式表将减少HTTP请求的数量,但是您将拥有一个更大的文件,其中包含可能不被某些客户端使用的代码.多个样式表似乎可以保持文件大小不变,但是您有更多的HTTP请求.

你什么时候应该选择每种方法？在实践中,HTTP请求数量和文件大小的优缺点如何？

例如

input{margin:0}body{margin:0;background:white}

会像这样写得更短

input,body{margin:0}body{background:white}

或这个

input,body{margin:0}body{margin:0;padding:0}

会像这样写得更短

input,body{margin:0}body{padding:0}

结论没有这样的工具看到接受的答案.

向工具编写者提示,您可能需要考虑gzip.有时,在二级优化上留下几个字节最后会更短,因为gzip本质上是字节级重复数据删除.如果有两个相同的部分,gzip将引用前一个部分.理想情况下,在决定是否应该在某些时间或所有时间跳过某些优化时,以及选择器和规则的顺序应该是这样考虑的.

使用大型和/或多个Javascript和CSS文件时,减少文件大小的最佳方法是什么？

最近我发现Google Closure Compiler这么酷.有没有其他方法可以获得编译的静态类型语言的好处？

更新

它不是关于真正的编译器,而是关于JavaScript-JavaScript转换器,它提供类型验证等,优化和压缩.

我知道客户端代码必须是可以从浏览器读取的,但我想知道(因为我忽略了太多的东西)如果有方法混淆代码给最终用户,如果不是什么是"打包"的最佳做法"javascript代码.

在工作中,我们有一个专门的SEO分析师,他的工作是倾注大量数据(KeyNote/Compete等)并为高管们生成花哨的报告,以便他们可以看到我们如何在有机搜索排名中对抗竞争对手.他还通过尽可能优化的方式领导提高我们网站SEO排名的举措.

我们还有一个长期的任务,即减少我们的页面加载时间,现在在某些页面上非常粗制滥造.

搜索引擎优化的人提到语义,有效的HTML获取爬虫的点数多于混乱的凌乱的HTML.我一直在研究一种实时的HTML压缩器,它会减少我们的页面大小,这是一个非常好的块.压缩HTML会不会影响我们的网站排名？

可能重复:对CSS缩小器的
任何建议？

我有一个相当大的CSS文件.是否有任何软件可以使文件变小,以便加载更快？还有什么我可以做的,以增加我的CSS被浏览器缓存的机会？