我正在开发一个可以在这里找到的网站：http: //odesktestanswers2013.com/Metareviewer
索引似乎异常缓慢（加载时会减慢浏览器的速度），尽管 Yslow 似乎没有发现任何特别的问题，而且我的 php microtime 返回了一个很好的值。
我应该研究的其他事情是什么？
问问题
2210 次
7 回答
5
使用 Chrome 开发者工具，网络标签显示如下：
...您页面中加载内容的时间表。
这里也有很多好的做法没有被提出。其中一些也可以通过使用 Google Chrome 的审核工具（F12 菜单）进行标记，但我认为最重要的是：
- 使用 CDN 提供公共库代码。你真的需要自己托管 Jquery 吗？（旁白，你真的需要 jquery 吗？）
- 您的 JavaScript 文件需要很长时间才能加载，因为它们都是作为单独的 HTTP 调用提供的。您可以将它们组合成一个 JavaScript 文件，也可以将它们缩小以节省大量带宽。
- Foundation.css非常大 - 并不是说大型 CSS 文件存在问题，但看起来 CSS 文件中有超过 2000 条规则未在您的网站上使用。你需要这个文件吗？
- 缓存所有内容 - 有 26 个未缓存的HTTP 请求，这意味着点击您网站的每个人都必须下载所有内容，每个请求。
- 如果您在服务器上启用 gzip 压缩，则整个带宽可以减少大约三分之二（或者更好的是，实施 SPDY，但这是一种较新的技术，社区较少）。
- 看看http://caniuse.com - 现代浏览器支持很多 CSS 技术，不需要 -webkit 或 -moz，这可以节省大量的 kebabbobytes。
如果我可以在您的网站上更改一件事...
综上所述，以上每一点都会对您网站的速度产生非常小的（但累积的）差异，但首先攻击最严重的违规者可能是个好主意。
看网络图。虽然下载了所有 JavaScript，但它会阻止网站的其余部分下载。
如果您很懒，只需将其全部移到文档正文的末尾即可。这样，页面的其余部分将在 JavaScript 必须之前下载，但是如果它们以特定样式编程，这可能会损害脚本的执行。
希望这可以帮助。
于 2013-05-29T11:04:39.277 回答
1
您可以使用本网站（http://gtmetrix.com/）分析原因并修复它们
。该网站提供了原因以及优化格式的js和css等解决方案。
根据本网站的报告，您需要优化图像并缩小 js 和 css 文件。优化后的图片和 js 和 css 文件可以从这个站点下载。
于 2013-05-29T11:47:27.603 回答
1
您还应该考虑使用http://www.webpagetest.org/
在对网站性能进行基准测试时，它是最好的工具之一。
于 2013-05-29T11:04:29.673 回答
0
使用 Google Chrome -> F12 -> Network 并检查页面中使用的每个资源的连接、发送、接收等时间。
看起来你的 CSS 和 JS 脚本有很长的连接和等待时间。
于 2013-05-29T10:59:25.683 回答
0
您可以使用适用于 chrome 和 firefox 的最佳插件
YSlow分析网页并根据一组高性能网页的规则提出改进其性能的方法。
以上是firefox add-one的链接，您也可以搜索chrome并且可以免费获得。
于 2013-05-29T11:01:57.977 回答
0
Yslow 为您提供有关您网站前端的详细信息。您很可能有一个脚本在后台循环一到多次。
如果您怀疑一系列代码挂在服务器端，那么您需要进行堆栈跟踪以准确定位开销发生的位置。
我建议使用New Relic。
于 2013-05-29T11:02:51.220 回答
0
尝试使用 Opera。右键单击-> 检查元素-> Profiler。查看检查元素 -> 错误。
于 2013-05-29T11:05:37.140 回答