提高网站速度：CSS和JavaScript优化技巧

这篇文章将专注于改进网站的客户端（或浏览器）端。阅读第二部分以获取来自服务器端（Apache、mySQL、PHP）的提示。从减少瓶颈到从您的专用服务器中获得最大的网站速度，这些技巧将使您走上快速环境的轨道。

在决定提高服务器性能时，人们通常首先考虑硬件。尽管拥有更好的硬件将使您的网站运行得更快，但这可能并不总是一种具有成本效益的策略。调整服务和经过良好调整的配置可以并且将会显着提升您的专用服务器，并将导致更快的网站速度与高级硬件设置相提并论。您不需要太多的技术专长来优化服务器，只需要足够的知识来了解哪些服务在您的部署中占用了最多的资源；以及如何调整其设置以减少专用服务器资源的整体消耗。

优化文件

在调整服务器以提高网站速度的同时，还要考虑调整文件。减少空白和评论，或利用压缩器为您做到这一点。利用浏览器工具的强大功能，您可以分析代码以验证压缩。那里有许多 CSS 和 JavaScript 压缩器，或者您的脚本可能内置了一个。您还应该尝试重用代码。提供文件时，它通常会缓存或存储在访问者的浏览器中。这将减少对您的专用服务器的请求，从而提高整体性能。

CSS 和 JavaScript 优先级

只关注 CSS 或 JavaScript 编辑时，您不会让您的网站运行得更快，但这就是为什么没关系。该网站看起来好像加载速度更快给您的观众。如果这是您对网站所做的唯一更改，您仍然可以有所作为。这里的一般规则是先加载 CSS，最后加载 JavaScript。这样一来，您的页面元素或大部分内容和链接首先在视觉上生成，而交互式元素（例如动画）在核心页面加载后显示。您的查看者不会离开您的页面，因为他们将能够开始阅读或点击内部链接。将您的 CSS 放在页面顶部将使访问者优先考虑您的内容。由于首先加载所有视觉方面，因此在访问者有机会点击离开之前，其他所有内容通常都有足够的时间加载。交付网站的视觉效果后，就可以加载交互式文件和 JavaScript。将您的 JavaScript 放在您网站的底部（通常在页脚内或页脚之后），您的交互元素将在其余部分之后立即加载。

加速专用服务器

简而言之，我们的第一个提示是：1) 优化您的文件并尽可能重用以利用浏览器存储。2) 首先是 CSS，最后是 JavaScript。在本系列的第二部分，我们将介绍：1）优化 MySQL 和索引，2）独特的 Apache 部署；3) 使用 php.ini 文件微调 PHP 扩展。