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

Question

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

我运行pingdom，它经常显示主页面的等待时间很长。当我尝试访问该页面时，在加载之前似乎确实有一些第二次挂起，并且我想知道是什么导致这种情况因为没有太多的优化经验（或者网页设计）。对我而言，似乎是js混乱或共享服务器没有快速响应。

无论如何，任何帮助都会受到赞赏，我已经尝试了正常的尝试来解决这个问题，但我的经验正在显现。如果您需要更多信息，请询问。

Answer 1

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

Answer 2

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

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

现在向下滚动到瀑布图表（这就是占据大部分页面的内容）。第一行基本上显示了您的服务器处理时间。它花了大约600毫秒的时间为服务器提供初始HTML。剩下的时间主要用在前端。你有很多css文件，这些文件可能会连在一起。每个请求都需要时间，并且在较少的文件中提供CSS将有所帮助。接下来，我看到所有的javascript都在任何内容之前加载。我会尝试将一些javascript移动到最后，以及在适当的时候连接文件。

使用CSS Sprites可能会调整一些png文件。有关如何优化前端的详细信息，请查看http://yslow.org/中显示的最佳做法。这当然确实需要一些时间，但有一些服务，例如我工作的公司的服务，可以使流程自动化。