javascript - 网站奇怪的挂起和加载问题。 (去吧爸爸)

标签 javascript html css

BuyTack.com

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

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

结束 body 标签之前的 Javascript,头部的 css,通过 photoshop 压缩的照片。

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

提供一些额外的细节:

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

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

问题 是什么导致站点在压缩后比压缩前挂起这么多?多次加载页面时,为什么搜索栏/图片表现怪异?

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

谢谢。

最佳答案

您的整个服务器正在响应,请慢慢尝试检查您的 .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 放在标题中,以便我可以内联使用它,然后将其余脚本合并到一个文件中(如果可能,将每个脚本放在文档就绪处理程序中,你不会有变量问题)页脚。

关于javascript - 网站奇怪的挂起和加载问题。 (去吧爸爸),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12513639/

相关文章:

javascript - Tablesorter,对简单数字进行排序

javascript - 当我切换标签时如何修复进度重置

html - 补充内容的可访问性

jquery - 如何在jquery selectize插件中设置从数据库中选择值

jquery - 使用 jquery 输入变量设置自定义光标?

javascript - 使用 browserify 和 gulp 进行多个 bundle

Javascript new Date 将日期减少一天

html - 外部 CSS 文件加载顺序

javascript - 导航栏轮播元素背景颜色

javascript - 动态列表和点击事件