http://www.emmafaull.co.uk/dus/
我运行 pingdom,它经常显示主页的等待时间很长。当我尝试访问该页面时,在加载之前似乎确实有几秒钟的挂起,并且我想知道是什么导致了这种情况,因为没有太多的优化经验(或网页设计)。对我来说,这似乎是 js 把事情弄得乱七八糟,或者共享服务器没有那么快地响应。
无论如何,任何帮助都会受到赞赏,我已经尝试了正常的途径来尝试解决这个问题,但我的经验正在显示。如果您需要更多信息,请询问。
http://www.emmafaull.co.uk/dus/
我运行 pingdom,它经常显示主页的等待时间很长。当我尝试访问该页面时,在加载之前似乎确实有几秒钟的挂起,并且我想知道是什么导致了这种情况,因为没有太多的优化经验(或网页设计)。对我来说,这似乎是 js 把事情弄得乱七八糟,或者共享服务器没有那么快地响应。
无论如何,任何帮助都会受到赞赏,我已经尝试了正常的途径来尝试解决这个问题,但我的经验正在显示。如果您需要更多信息,请询问。
Pingdom 告诉我加载时间的 60%,浏览器等待服务器响应。另外 30% 的时间用于建立连接。这些非常高的值(结合 90% 不接收/发送数据!)表明您确实应该对您的硬件做一些事情。;)
优化有两个方面:服务器(后端)和浏览器(前端)。对于大多数网站来说,专注于前端是最划算的。看起来您正在使用一个共享主机,该主机的缓存持续时间很短,然后需要很长时间才能让第一个访问者再次访问。我第一次看它时,服务器预热大约需要 5 秒,然后每次点击都快得多。我通过名为 websitetest.com 的测试工具运行了您的网站。这与webpagetest.org 上的另一个工具非常相似,但websitetest 更容易使用。
看看http://www.websitetest.com/ui/tests/50de0ef1bdf73034e4000036/samples/50de0f040fdd7f7964002d71
现在向下滚动到瀑布图(这就是占据大部分页面的内容)。第一行基本上显示了您的服务器处理时间。服务器提供初始 HTML 大约需要 600 毫秒。其余时间主要花在前端。你有很多 css 文件,这些文件可能可以连接在一起。每个请求都需要时间,在更少的文件中提供 CSS 会有所帮助。接下来,我看到所有 javascript 都在任何内容之前加载。我会尝试将一些 javascript 移到最后,并在适当的地方连接文件。
可以使用 CSS Sprites 稍微调整几个 png 文件。查看http://yslow.org/上显示的最佳实践,了解如何优化前端的详细信息。这当然需要一些时间来完成,但是有一些服务,比如我工作的公司的服务,可以自动化这个过程。