使用多个 css 时如何减少页面加载时间答案

【问题标题】：How to decrease the page load time when multiple css are used使用多个 css 时如何减少页面加载时间
【发布时间】：2014-09-19 05:39:01
【问题描述】：

如何在使用多个 CSS 和 Javascript 文件时减少页面加载时间。在我的网站主页中，我使用了大约 6 个 javascript 和 3 个 css 文件，我知道这些文件可能会导致页面加载需要时间。

我使用的文件是：

js

<script src="js/jquery.slides.min.js"></script>

<script src="js/jquery-1.11.1.js"></script>

<script src="js/modernizr.js"></script>

<script src="js/prefixfree.min.js"></script>

<script src="js/respond.js"></script>

<script src="js/lightbox.js"></script>

css

<link href='css/style.css' rel = 'stylesheet' type='text/css' media="screen"> <link href='css/reset.css' rel = 'stylesheet' type='text/css' media="screen"> <link href='css/lightbox.css' rel = 'stylesheet' type='text/css'>

如何在不删除任何文件的情况下减少页面加载时间？

【问题讨论】：

只是合并它们？它们被缩小了吗？另外，您的<script> 元素在哪里？您通常可以将它们移动到 <body> 的末尾（这是在几个方面的改进）。
可能重复：stackoverflow.com/questions/9287823/…
@minitech 不，它们没有被缩小
使用缩小的 JS 文件。将所有 css 写入单个页面而不是多个文件。
感谢您提供的信息，我将缩小 CSS 和 JS 并使用它们

标签： javascript html css pageload

【解决方案1】：

您可以使用jsCompressor 来压缩和缩小多个 JavaScript 文件和CSS Compressor 将多个 Css 文件压缩/缩小为一个文件。

【讨论】：

【解决方案2】：

您还可以做其他事情，例如将链接转换为 base64 以减少 http 请求。

【讨论】：

【解决方案3】：

为 wordpress 使用 W3 总缓存插件，并从 W3 Total Cache 中缩小 JS 和 CSS

【讨论】：