网站建设中网站性能优化

这些天，你可以在网络上做多少酷的东西很迷人。新技术每个月都可以使您的网站达到一个新的水平。但是，这一切都是有代价的。HTTP Archive收集的数据显示网站的大小和接收不同元素所需的时间都在稳步增长。这一增长主要是由于视频和图像的使用不断增加。然而，动态元素，滑块，手风琴和其他脚本也有其体面的贡献。所有这些项目会影响您的网站性能，并增加加载它所需的时间。

它为什么如此重要？

沃尔玛的研究得出结论，每100ms的现场速度增加导致收入增长1％。此外，更快的网站速度可以给你更好的SEO和更低的跳出率。此外，值得一提的是，普通用户仍然可以受到其设备和下载速度的限制。一般来说，巨大的加载时间会导致不良的UX。

所有这一切当然不意味着你应该清除漂亮的滑块或悬停效果。现在有几件简单的事情可以提高网站的性能。

开始创造性能考虑

如果您刚刚开始创建网站，请确保项目描述涵盖了性能。你们团队中的每个人都应该知道它真的重要。当每个人都在同一页面上时，这个单一的事情可能会对您完成的网站产生巨大的影响。此外，尽快将开发人员纳入您的项目。他们对早期设计的反馈将节省用于项目开发的时间。它还将为未来的网站表现带来一些宝贵的见解。他们越早加入项目越好。为了使此过程更容易，您可以使用TrackDuck图像反馈功能（在此尝试）并在一个地方管理视觉反馈。

优化图像

图像需要大量的流量，并占用了大量的加载时间。第一个问题你应该在这里询问，如果它真的值得把图像放在第一位。这张照片值得一千字，有时可以让您的访客更加认真。然而，切割高分辨率照片可以显着减少加载时间。

优化您决定保留的图像。背后有严肃的科学，你可以花几周的时间来浏览涵盖图像压缩的文档。虽然很少有简单的事情记住：

如果您使用Photoshop或Fireworks始终使用“ 保存为网络”选项。

图像不应超过100kb，否则您的慢载入时间也会在SEO领域受到惩罚。

不要强制将您的图像缩小到更小的尺寸。如果您的图像是400×400，您需要它是200×200，请勿使用[width]和[height]来调整大小。改为上传较小的图片。

GIF可以重一吨！确保始终检查其尺寸，并使用缩放工具使其更小。

使用压缩机等工具可以在几秒钟内压缩图像。

阅读这个 Smashing杂志文章，其中涵盖了您可以压缩PNG图像的所有方法。

缓存您的网站

如果您的网站有很多静态和沉重的内容，这种技术可以帮助您。缓存您的网站将保留访客机器上的一些内容。下次访问者回到网站时，浏览器将不必下载所有的东西。这不是那么难做到和Joomla和Drupal都有缓存已经内置的。你可以学习如何启用为Joomla 这里，并为Drupal 这里。在WordPress上运行？确保安装WP Super Cache插件。

查看网站插件

在一段时间内检查您的网站插件是一个很好的做法。如果您停止使用插件，请勿将其停用。也删除它。您的内容管理系统可能会检查插件是否处于活动状态，并增加您网站的负载。另外，请确保安装最新的插件更新。它们通常包括一些优化其性能的补丁。

看看你的排名

如果您不断更新您的网站，请务必对其进行速度测试。有很多很棒的工具可以帮助您测试网站的性能：

Google Page Insights - 为您的网站提供桌面和移动性能的分数。有很多可行的提示。

Pingdom - 其中最强大的工具之一。您可以使用它跟踪您的网站的运行时间，速度和性能。

GTmetrix - 另一个很棒的工具，为您的页面提供可操作的见解

Yslow - 一个开源项目。它分析网站，并给出解释为什么它是缓慢的基于雅虎的高绩效网站的规则。

通过这些简单的技术，您应该增加您的网站性能。值得注意的是，这整个过程是一场马拉松比赛，而不是冲刺。还有许多其他方法可以帮助您在加载时间的几秒钟内进行剃须。

• 上一篇：移动端网站设计和桌面版网站设计有什么区别？
• 下一篇：提高网站排名的五大方法