在过去的几周里,我一直在回去重新更新我的网站.这是由一位朋友给我的,我一直在做一些小的改动,以保持它有点旧的外观与更高的分辨率和清理HTML5代码.
我最近的问题是,通过在我的网站上启用压缩,加载时间以及移动许多网站推荐我的一些代码,我一直在寻求SEO优化和用户体验优势.
Javascript在关闭body标签之前,css在头部,压缩照片通过photoshop.
现在问题,因为我最近更改并编辑了我的.htaccess文件以允许压缩是不断更新或一致的搜索栏使用导致极端挂断(20秒或更多)然后页面将加载任何一张图片丢失(直到另一次刷新)或其中一个脚本运行时间太长.
提供一些额外的细节:
> csSearchPro很久以前就是用perl制作的.它做到了
最近工作很好,直到我开始搞乱压缩和所有
我添加到网站的其他JS片段.
>为IE 7/8添加了HTML5Shiv,因为它们仍然是其中的一部分
最高浏览器:用户比率.
问题
在压缩之后,什么可能使网站挂起这么多,而不是在压缩之前?当页面多次加载时,为什么搜索栏/图像表现得很奇怪?
如果您需要更多信息,请询问.
谢谢.
最佳答案 您的整个服务器响应缓慢尝试检查您的.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放在标题中,以便我可以在内联使用它,然后将其余的脚本合并到一个文件中(如果可能的话,将每个脚本放在文档就绪处理程序中,你不会有变量问题)页脚.