javascript - 改进图像加载时间

标签 javascript html image

我有一些 img 标签,它们的 src 被更改为 onmouseover。这需要过多的时间来加载。我怎样才能改善加载时间?这些图像基本上只是不同的图标。

最佳答案

您可以做一些事情。

1) CSS Sprites可能是首选方法。

2) 您可以将图像加载到一个 div 中,并将该 div 设置为不显示,这样图像就已经加载了,所以当鼠标悬停时它们会立即出现。

还有 here's a link关于如何使用 CSS 预加载图像

关于javascript - 改进图像加载时间,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21618183/

相关文章:

javascript - jQuery HTML anchor 标记渐进增强

c# - 创建图像的缩略图并将它们存储在缓存中

javascript - 使用 moment.js 将日期设置为 1 号

javascript - 使用jsp和javascript的异步文件上传(AJAX文件上传)

javascript - Vue.js:搜索栏组件 - 如果输入值长度 > 1,如何使重置按钮出现?

html - Web 开发人员还在使用框架集吗?

javascript - 使用 SVG,将鼠标悬停在 X、Y 或 Z 上以使 X 和 Z 旋转

Gridpane 中的 JavaFx 图像显着降低性能

Android图片轮播 View (感觉像)

javascript - jQuery:在提交时检查表单父 div 的类