网站挂在加载，服务器端或代码？

Question

http://www.emmafaull.co.uk/dus/

我运行pingdom并且它经常显示主页面的漫长等待时间。当我尝试访问页面时，似乎在加载之前似乎有几秒钟的停顿，并且想知道是什么导致了这种情况，因为没有太多关于优化（或网页设计）的经验。对我来说，似乎是js混乱或共享服务器没有快速响应。

无论如何，任何帮助将不胜感激，我尝试了正常的途径来尝试和解决这个问题，但我的经验显示。如果您需要更多的信息，只需询问。

Answer 1

Pingdom告诉我60％的加载时间，浏览器等待服务器响应。另外30％的时间是建立连接的原因。这些非常高的值（结合90％不接收/发送数据！）表明您确实应该对硬件做些事情。 ;）

Answer 2

优化有两个方面：服务器（后端）和浏览器（前端）。对于大多数网站来说，专注于前端可以为降压带来最大的回报。看起来您正在使用共享主机，该共享主机的缓存持续时间很短，然后第一位访问者需要很长时间才能再次访问。我第一次看它时，服务器花了大约5秒钟预热，然后每次点击更快。我已经通过名为websitetest.com的测试工具运行您的网站。这与webpagetest.org上的另一个工具非常相似，但是网站测试更容易处理。

看看http://www.websitetest.com/ui/tests/50de0ef1bdf73034e4000036/samples/50de0f040fdd7f7964002d71

现在向下滚动到瀑布图（那什么占用了大部分页面）。第一行基本上显示你的服务器处理时间。它为服务器提供最初的HTML大约需要600毫秒。其余时间主要用于前端。你有很多的css文件，可能会连接在一起。每个请求都需要时间，以较少的文件提供CSS会有所帮助。接下来，我看到所有的JavaScript都在任何内容之前加载。我会尝试将一些JavaScript移到最后，并在合适的位置连接文件。

几个png文件可能可以使用CSS Sprites稍微调整一下。查看http://yslow.org/上显示的最佳实践，详细了解如何优化前端。这当然确实需要一段时间才能完成，但有些服务（例如我工作的公司的人员）可以实现流程的自动化。