jquery - 图像密集型站点性能问题

标签 jquery css html performance animation

<分区>


关闭 8 年前

我一直在构建一个非常注重图像和动画的网站。它在 Chrome 中运行良好,但在其他浏览器中有点不稳定。 只是想知道是否有人有任何想法可以在不影响艺术理念的情况下加快性能?

网址:http://www.benjaminbrooksguitar.com/guitarsite/

欢迎提出任何建议。

非常感谢 本

最佳答案

至少,您肯定希望将图像的大小调整为它们的查看大小。当图像以 36% 显示时,加载 1500 像素宽的图像毫无意义(在带有 text.png 的#title 元素的情况下)。您对其他图片也有类似的问题。

您的页面将加载得更快并且动画效果更好。

最后说明:我从未使用过航路点,但如果您继续看到动画性能问题,我会建议使用另一个库 Greensock GSAP,它被认为非常好(我已经使用过)。

关于jquery - 图像密集型站点性能问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26981352/

上一篇:css - 浏览器如何处理无法识别的规则?

下一篇:css - 如何在CSS中制作一个 flex 的边缘容器

相关文章:

jquery - 如何在 BootstrapDialog.show({ }) 弹出窗口中传递参数

javascript - 隐藏在 jquery 数据表中的服务器端处理中无法正常工作的列

php - 如何在 html/php 页面中显示来自 WordPress 博客的帖子图像

javascript - 将列样式应用于表体元素

css - 如何在悬停时为我的盒子提供另一种背景色?

java - 从 JSP 运行 java 主类

jQuery 淡入淡出的幻灯片表现得很有趣

php - 使用codeigniter实现jquery上传插件 'uploadify'

html - 导航要么被溢出 :hidden or wrapping without it 裁剪

html - 如何在h :body tag with CSS in jsf中显示背景图片