Jquery 如何加速HTML网站？_Jquery_Html_Css_Performance_.htaccess

Jquery 如何加速HTML网站？

jquery html css performance .htaccess

Jquery 如何加速HTML网站？,jquery,html,css,performance,.htaccess,Jquery,Html,Css,Performance,.htaccess,我经常在我的网站上添加东西，当我添加的时候，速度会变慢我所做的事情：缩小JS、CSS、HTML 使用CDN（用于jquery和其他流行库） GZIP压缩 .htaccess资料图像压缩 HTML5头缓存 Pingdom上的我的站点：我还可以做些什么来加速和缩小它（使用更少的带宽）谢谢另外，如果你愿意，我可以提供一些代码编辑： YSlow：尝试将JS导入放在页面末尾（在关闭body标记之前），而不是在开始时将其放在head标记中。例如： <html> <

我经常在我的网站上添加东西，当我添加的时候，速度会变慢

我所做的事情：

缩小JS、CSS、HTML
使用CDN（用于jquery和其他流行库）
GZIP压缩
.htaccess资料
图像压缩
HTML5头缓存

Pingdom上的我的站点：

我还可以做些什么来加速和缩小它（使用更少的带宽）

谢谢

另外，如果你愿意，我可以提供一些代码

编辑：

YSlow：

尝试将JS导入放在页面末尾（在关闭body标记之前），而不是在开始时将其放在head标记中。例如：

<html>
<body>
//other declarations
<script src="js/jquery.js"></script>
<script src="js/myscript.min.js"></script>
</body>
</html>


//其他声明

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

您没有指定网站的加载时间（加载时间或加载后时间）。我将简要讨论这两种情况：

加载时间我看到的最大延迟是服务器等待时间。这可能是由许多因素造成的——一个遥远的服务器、糟糕/廉价的服务器、大量（未优化的）数据库通信等等

接下来，我注意到一个400KB的图像。虽然你说你已经做了图像压缩，但这仍然是一个相当大的尺寸，所以我希望这是一个巨大的图像，你可能会平移或其他合理的目的。如果它只是一个普通的背景图像（比如，高清分辨率），你最好把它降到至少一半。既然你正在做一个响应网站，你也可以考虑为不同的设备/屏幕大小提供不同的图像。接下来我看到一些css和js文件，一些是你的，另一些是第三方的。你可以考虑将它们合并在一起，有很多很棒的部署工具可以做到这一点。但即使你做到了以上所有这些，也不要期望太多。根据您所说的，您已经非常接近最大优化，因此所有这些都将减少几十毫秒

加载后时间放下所有你不需要的JS！是的，它包括jQuery、headJS和所有东西。。。并复制/重写您实际使用的部分。当然，如果您正在使用jQuery 95%的功能，这是没有意义的，没有人会这么做

小心使用事件侦听器，确保您正确地将元素作为目标。

如果它从某处提取数据，请在不加载数据的情况下加载页面，然后使用AJAX加载包含数据的部分。我该怎么做？在gtmetrix或yslow等网站上运行测试。我认为这个问题过于宽泛和笼统，它欢迎基于意见的回答。但是，我这么做了，只是说，在图像压缩中，所有400kb的压缩都没有进一步，如果小于1%，那么天空图像已经有噪音了。我将其压缩到大约50%，最后得到了198KB（几乎是原始图像的50%）文件，它似乎没有噪音，只是噪音模式不同。请看这里：顺便问一下，为什么该图像从未被缓存？每次刷新页面时，我都会看到图像正在重新加载。