响应式网页设计 - 性能优化

Question

我的新网站现在终于完成，并且在我测试的大多数设备上运行得相当顺畅。我优化的唯一事情是代码，所以我删除了所有.css和.html文件中的所有注释和其他unnessescary行。除此之外，我还能做些什么来优化特定于移动环境的网站？

你可以在这里看到（所有图像仅用于演示）：http://mbaljan.de/weblab/sites/designtisch/

Answer 1

您考虑根据互联网连接速度或设备或两者更改向浏览器投放的内容。例如，在移动设备上查看网站时，请提供较小的图像。这会加快加载时间。请查看自适应图像：http://adaptive-images.com/

除此之外，尝试减少加载的文件数量是个好主意。例如。 1个jQuery / javascript文件。您还可以尝试缩小所有javascript文件（如果您确实需要CSS），以减少文件大小并减少加载时间。如果您打算以后再次修改这些文件，则必须保留未压缩的备份。 查看：http://javascriptcompressor.com/

你可以确保你做的另一件事是使用图像精灵。这样可以减少要加载的图像文件的数量。这不适用于自适应图像，所以我发现最好只使用精灵来制作徽标和图标。

Answer 2

Firebug“页面速度”提供了许多优化选项。你可以尝试一下。