提高网站速度和性能的清单
网站设计工作流程包括几个单独的部分，这些部分是完成以获得高质量产品（网站）所必需的。从联系客户，确定项目目标，研究，寻找灵感，规划，用户体验设计，线框和原型设计，模型设计，开发，提供良好的性能和网站加载速度，测试和发布。
我们今天将详细讨论并且不可忽视的因素是网站速度和性能优化。下面我们将介绍在全球网络上发布网站之前应该注意的事项清单：
提供高质量的服务器 - 速度和服务器响应时间是您在启动网站之前应该注意的第一个参数。提供最佳性能的解决方案是CDN网络，其由多个位置的服务器组成。最近的服务器可以自动激活并向访问者提供内容。除了CDN之外，还有许多提供卓越性能的托管解决方案。浏览，测试并选择最适合您网站需求的选项。
减少HTTP请求的数量 -每个脚本，样式表，图像..代表单独的HTTP请求。大多数页面加载时间用于下载单个组件。在Web开发期间，我们应尽力减少HTTP请求的数量。以下五点是可用于减少HTTP请求数量的技术：
结合CSS和JavaScript文件 - 通过组合多个脚本或样式集，您可以显着减少HTTP请求的数量。
在网站上保持最佳照片数量 - 每张照片都是一个HTTP请求。确保所有网页都具有最佳图像数量，并且在代码中正确使用它们。
选择合适的图像格式 - 对于照片和真彩色图像使用JPEG，对于具有平面颜色和PNG格式的图像使用GIF。
减小网页的大小 -确保浏览器中加载的HTML文件的最终大小尽可能小。使用以下技术：
图像压缩 - 图像是可以使用最多内存（数据量）的元素。在调用代码中的图像之前进行压缩。有几种不同的方法可以做到这一点，其中最快最有效的方法之一就是使用Adobe Fireforks软件。最适合网络的图形格式是JPEG - 它提供了质量和数据之间的最佳平衡。
减少图像颜色 - 图像文件将更小，颜色更少。
不要在HTML中缩放图像 - 不要使用会影响图像尺寸变化及其缩放的规则。如果使用高度和宽度属性，则图像的实际尺寸应与它们匹配。
调整图标 - 浏览器始终检查是否有图标，无论您是否拥有图标。创建一个小图标，它将具有较小的尺寸，并根据您网站的更新频率将Set Expires标头调整为您认为最佳的周期。
最小化文件 - HTML，CSS和JavaScript压缩（缩小）删除页面上的代码片段之间的空白空间，从而减少代码的整体大小。
把CSS放在首位 - 把CSS放在我们实现的文档的头部，首先加载样式，提高加载速度和用户体验，因为用户将看到加载的进度。
将脚本放在底部 - 脚本下载阻止所有其他下载。将脚本放在底部的目的是在脚本之前加载其他组件。有时可能无法将所有脚本放在底部，例如，如果页面某些部分的加载依赖于脚本或脚本需要在加载文档之前加载。
使用外部JavaScript和CSS文件 - 将脚本和CSS放在外部文件中允许浏览器缓存它们。如果使用内联样式，则每次加载网页时都会加载它们。
从代码中删除HTML注释 - 即使注释对于更容易维护有用，也会影响加载页面的速度。
删除任何不重要的项目 - 如果页面上有元素旨在证明您的设计技能，我们建议删除它们。专注于简单性和更好的用户体验。
避免嵌套的整页表 - 嵌套或占用整个页面的表需要更长的时间来加载。
检查链接 - 不正确的链接会影响较慢的页面加载。这仅适用于图像，CSS和JavaScript文件的链接。文本中断开的链接不会对加载速度产生负面影响，但它们肯定对网站不利。
小心CSS表达式 - 如果使用CSS表达式动态定义某些页面属性，这会降低代码执行速度。解决方案是使用一次性表达式。
清洁代码 - 代码必须是完美的，不使用会减慢页面速度的不必要元素。您还应该注意代码编写的效率（尤其是JavaScript）。从CSS中删除不必要的类和选择器。您可以在“资源”部分中看到一些有用的工具。
减少DNS查找次数 - 页面上的每个唯一主机名都需要DNS锁定，因此请注意脚本，对象，图像和其他组件中不同主机名的数量。
避免重定向 - 重定向对用户不利，因为他们必须等待浏览器查找新页面。
使用图标字体 - 图标字体是非常有用的选项，因为它们允许您使用单个文件使用不同类型的矢量图形。提高性能的解决方案是将索引添加到数据库表中。通过这种方式，我们获得了更快的数据库响应，从而提高了网站加载速度。
无论您是从头开始创建新网站还是已经在线，您都可以按照我们的清单并使用提供的工具和资源，以便将网络性能提升到最高水平。您投资改善此细分市场的时间与网站设计工作流程的所有其他元素相结合，将获得回报，并为您带来良好的在线结果。
