CSS/页面加载速度

我只是想得到一些意见，我正在努力提高我的网站的加载速度，Google pagespeed建议的一种方法是从每个页面的CSS文件中删除未使用的CSS

目前，我正在为网站上的每个页面使用一个主CSS文件

我的问题是，是否每个页面都有单独的CSS文件可以加快总体加载速度？我想第一个页面的加载速度会更快，但是每个页面都会有一个不同的CSS文件，这可能会在整个网站访问过程中花费更长的时间

此外，pagespeed似乎警告不要包含多个CSS文件，因此我想我无法真正“分层”它们…

如果CSS文件被缓存，那么包含多个文件将不是一个优势

注

有关CSS的性能规则，您可以

尝试缩小你的CSS

优化CSS精灵

避免使用过滤器

避免使用CSS表达式

要获得更详细的阅读，请浏览此

如果CSS文件被缓存，那么包含多个文件将不是一个优势

注

有关CSS的性能规则，您可以

尝试缩小你的CSS

优化CSS精灵

避免使用过滤器

避免使用CSS表达式

要获得更详细的阅读，请浏览此

---

我不会太担心的。通过过滤器运行CSS以去除注释和空白，注意一些小的快捷方式，如padding:1em 3em.5em 5px等，确保文件被正确缓存，并使用gzip从服务器发送，这样就可以了。CSS通常只占有效负载的一小部分，不值得为此而失眠

---

我唯一一次拆分CSS文件以交付给客户的方式是，如果我的网站中有很多部分都需要独特的风格，而大多数人都不会去尝试：例如，管理部分。

我不会太担心它。通过过滤器运行CSS以去除注释和空白，注意一些小的快捷方式，如padding:1em 3em.5em 5px等，确保文件被正确缓存，并使用gzip从服务器发送，这样就可以了。CSS通常只占有效负载的一小部分，不值得为此而失眠

---

如果我的网站上有很多部分都需要独特的风格，而大多数人是不会去尝试的，那么我唯一需要拆分CSS文件以交付给客户的时候就是：例如，一个管理部分。

想想典型的用户会如何使用你的视线。如果像许多站点一样，普通用户在继续之前只查看一个页面，那么为每个页面提供专用CSS文件可能是值得的

---

然而，在绝大多数情况下，单个css文件肯定是首选解决方案

请仔细考虑典型用户将如何使用您的视力。如果像许多站点一样，普通用户在继续之前只查看一个页面，那么为每个页面提供专用CSS文件可能是值得的

---

但是，在绝大多数情况下，单个css文件肯定是首选解决方案

css文件由浏览器缓存，因此，无论是单个文件还是多个拆分文件，在第一次使用时加载所有文件后都无所谓。

css文件由浏览器缓存，因此，无论是一个文件还是多个拆分文件，在第一次使用时加载所有文件后都无所谓。

对所有页面只使用一个CSS。一旦你的css被缓存，那么就不会有一次又一次下载css的开销。

---

另外，ad adam说缩小你的css

对所有页面只使用一个css。一旦你的css被缓存，那么就不会有一次又一次下载css的开销。

---

此外，ad adam还说，缩小css下载和安装的规模，这将让您准确了解页面的速度以及提高性能的实际步骤。

下载和安装，它将让您准确了解页面的速度以及提高性能的实际步骤。

是您需要的扩展。它将遍历您的所有站点，如果所有这些都是相互链接的，那么将获取您的css中没有使用的选择器。

是您需要的扩展。它将遍历您的所有站点，如果所有这些都是相互链接的，则将获取css中没有在任何地方使用的选择器。

在这种情况下，有两个相互矛盾的优化指令。当然，如果可能的话，您应该减小文件的大小，但是您也应该有尽可能少的请求。使用全局样式表可以减少请求的数量，但这意味着需要一个更大的文件

你只需要看看你的需求在哪里。如果需要缩短初始加载时间，则应将样式移出全局样式表。如果需要减少请求的数量，那么应该使用全局样式表而不是individd

---

双页面样式表。

在这种情况下，有两个相互矛盾的优化指令。当然，如果可能的话，您应该减小文件的大小，但是您也应该有尽可能少的请求。使用全局样式表可以减少请求的数量，但这意味着需要一个更大的文件

你只需要看看你的需求在哪里。如果需要缩短初始加载时间，则应将样式移出全局样式表。如果需要减少请求数量，则应使用全局样式表而不是单个页面样式表。

+1避免CSS表达式+1避免CSS表达式