当用户在购买 Joomla! 模板时，他们通常完全根据模板呈现的内容的外观和感觉来做出选择。用户浏览了几家模板制造商的演示页面，四处看看，然后选择一个 设计 来代表新的或现有的 Joomla! 网站的 内容。通常被忽视的是模板的深层含义。模板远不止是网站设计：它实际上定义了网站元素（如 HTML、图像、层叠样式表（CSS）和 JavaScript）如何发送到网页浏览器。您是否考虑过这些元素对您的整体用户体验的影响？

虽然设计选择受到主观偏好和口味决策的影响，但访问您 Joomla! 网站的用户的大部分交互是由这些元素如何发送到浏览器来决定的——例如，您页面的加载速度。

虽然您可能没有意识到，但访问任何网站的第一体验是……等待！当用户点击链接或输入 URL 时，他们必须等待页面在浏览器中加载。如果他们被长时间等待，他们可能会放弃网站并寻找其他地方，或者提高他们的期望——当网站最终加载时可能会感到失望。对于网站构建者和网站管理员来说，将加载时间最小化是首要任务。但是模板如何影响您网站的加载速度？

浏览器如何下载页面

为了回答这个问题，让我们考虑一下网页浏览器如何理解并下载网页。当访客到达一个网站时，他们的浏览器首先下载的是该网站的 HTML 代码，对于我们是 Joomla! 本身生成的。随着下载的开始，浏览器会解析它（即将此代码转换为预期的网页），并查找对外部文件的引用。当它发现其中之一时，例如 CSS 或 JavaScript 文件，它将下载并解析它。事实上，当它发现一个或多个 JavaScript 文件时，浏览器将暂停对页面其他所有下载的处理，直到所有 JavaScript 文件下载完成。随着下载的进行，浏览器解析 CSS 文件并继续加载包含的图像。

虽然这听起来非常简单直接，但浏览器在同时下载多个文件方面能力有限。默认情况下，现代网络浏览器每个互联网域有四个“下载槽位”：它们将同时只从您的网站下载四个文件。因此，一个网站拥有的CSS和JavaScript文件越多，它的加载速度就越慢。但是，当多个CSS文件合并成一个文件时，即使这并没有显著减少文件的总大小，也能节省大量的下载时间——每个文件甚至可以达到100毫秒。对于JavaScript文件也是如此，但速度的提升更加明显，因为JavaScript文件实际上会阻塞其他所有下载，直到它们完成。

最小化 & 压缩：您的访客会奖励您

如您所意识到的那样，浏览器需要解析的大部分CSS、JavaScript和图像文件引用都是您的Joomla!模板在您的网站中使用的。一个设计良好的模板将使用尽可能少的独立文件，并且每个文件都将被“最小化”（这是一种说法，意味着大多数空格和换行符都被删除）甚至压缩，这减少了文件的数量和用户浏览器必须下载的总文件大小。

这有什么区别吗？对你的搜索引擎排名来说没有：页面加载时间在这方面的影响微乎其微。但它对你的用户来说却意义重大！如果你的网站在平均连接下只需5秒钟就能加载，而竞争对手的网站需要10秒钟或更长的时间才能加载，访客会更喜欢你的网站，因为“它感觉更快”。快速加载的页面还会鼓励访客深入了解你的内容，并在你的网站上花费更多的时间，在这个过程中了解更多关于你提供的信息。因此，你的模板对访客的体验有非常大的影响。

下次你为你的网站选择模板时，请将这些因素纳入你的评估。你可能发现一个简单但加载速度快的模板适合你的需求，而一个功能丰富的模板可能会让你的访客对长时间的页面加载速度感到不满意。在选择模板时，请记住：美丽不仅仅是表面。

进一步阅读

这篇文章我们只是触及了皮毛。如果你对了解表现不佳的网站和快速网站之间的差异感兴趣，一个好的起点是Yahoo!开发者网络的“加快你的网站的最佳实践”。

请发表意见！在评论中留下你对这篇文章的看法。友好的辩论欢迎！