4

BuyTack.com

在过去的几周里，我一直在回去重新更新我的网站。它是一个朋友给我的，我一直在做一些小改动，以保持它有点旧的外观，分辨率更高，并清理了 HTML5 代码。

我最近的问题是，我一直在通过在我的网站上启用压缩、加载时间以及在许多网站推荐我的地方移动一些代码来实现 SEO 优化和用户体验优势。

结束正文标记之前的 Javascript，头部的 css，通过 Photoshop 压缩的照片。

现在的问题是，由于我最近更改并编辑了我的 .htaccess 文件以允许压缩，因此不断刷新或一致使用搜索栏会导致极端挂断（20 秒或更长时间），然后页面将加载时缺少图片（直到再次刷新）或其中一个脚本运行时间过长。

提供一些额外的细节：

  • csSearchPro 是很久以前用 perl 制作的。最近它做得很好，直到我开始搞乱压缩和我添加到网站的所有其他 JS 片段。

  • HTML5Shiv 是为 IE 7/8 添加的，因为它们仍然是最高的浏览器：用户比率。

问题 与压缩前相比，压缩后网站挂断的原因是什么？为什么多次加载页面时搜索栏/图像表现得很奇怪？

如果您需要更多信息，请询问。

谢谢你。

4

1 回答 1

2

您的整个服务器响应缓慢尝试检查您的 .htaccess 和权限。您还应该对脚本和样式表进行分组，如下所示：

<!-- CSS -->
<link rel="stylesheet" href="/css/one.css" />
<link rel="stylesheet" href="/css/two.css" />
<!-- JS -->
<script type="text/javascript" src="/js/one.js"></script>
<script type="text/javascript" src="/js/two.js"></script>

这将允许它们异步加载，即所有样式表将一次加载，然后一次加载所有脚本。我通常做的是将 jQuery 放在标题中，以便我可以内联使用它，然后将其余脚本合并到一个文件中（如果可能，将每个脚本放入文档准备好的处理程序中，你不会有变量问题）在页脚。

于 2012-09-20T13:46:17.420 回答