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

Question

如何在使用多个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'>

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

Answer 1

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

Answer 2

您还可以执行其他操作，例如将链接转换为base64以减少http请求。

Answer 3

使用W3总缓存插件进行wordpress并从W3总缓存中最小化JS和CSS