首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何加快HTML站点的速度?

如何加快HTML站点的速度?
EN

Stack Overflow用户
提问于 2015-12-12 13:49:20
回答 2查看 159关注 0票数 2

我不断地添加到我的网站上的东西,当我做它变得更慢。

我做过的事:

  • 缩小JS,CSS,HTML
  • 使用CDN (用于jquery和其他流行库)
  • GZIP压缩
  • .htaccess材料
  • 图像压缩
  • HTML5头缓存
  • 海季斯

我在Pingdom上的网站:

我还能做些什么来加快速度,使它变小(也可以使用更少的带宽)。

谢谢!

PS。如果你想的话我可以提供一些代码。

编辑:

YSlow:

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2015-12-12 21:10:37

您没有指定何时是您的网站慢-加载时间,或后加载时间。我将简要讨论这两种情况:

负载时间

我看到的最大的延迟是服务器等待时间。这可能是由许多原因造成的--一台遥远的服务器、糟糕的/廉价的服务器、许多(未经优化的)数据库通信等等。

接下来,我注意到了一个400‘ve的图像。虽然你说你做了图像压缩,但这仍然是一个相当大的大小,所以我希望这是一个巨大的图像,你可能是平移或其他合理的目的。如果它只是一个正常的背景图像(例如,高清分辨率),你最好把它降到至少一半。由于您正在进行响应站点,您还可以考虑为不同的设备/屏幕大小提供不同的图像。

接下来,我看到了一些css和js文件,有些是您的,另一些是第三方的。您可以考虑将它们合并在一起,有许多很好的部署工具可以做到这一点。

但是即使你做了以上所有的事情,也不要期望太多。根据您所说的,您已经非常接近于最大的优化,所以所有这些都将减少几十毫秒。

负载后时间

放下所有你不需要的JS!是的,包括jQuery,headJS,所有的.复制/重写你实际使用的部件。当然,如果您使用的jQuery功能中有95%是没有人使用的,这是没有意义的。

注意事件侦听器,确保正确地获取元素。

票数 2
EN

Stack Overflow用户

发布于 2015-12-12 13:58:38

尝试将您的JS导入放在页面的末尾(在关闭body标记之前),而不是在开始时将这些导入放在head标记中。示例:

代码语言:javascript
复制
<html>
<body>
//other declarations
<script src="js/jquery.js"></script>
<script src="js/myscript.min.js"></script>
</body>
</html>

它将减少加载页面的时间。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/34240556

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档