jQuery   发布时间:2022-04-19  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了jquery – 一次加载所有内容(图像)以提高网站性能大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我最近做了一些网站分析 On My Site,发现我网站90%的加载时间来自我在网站上的100张图片.我已经裁剪并压缩了所有图像,因此它们的大小约为120kb(每个).

有没有办法使用jQuery或许我可以在网站加载时缓存每个图像,这样每个页面不需要10-12秒加载?如果没有,是否有人阅读这个有更好的想法?截至目前,当每个页面加载它时,首先加载您在右侧看到的缩略图图像,然后将更大的图像加载到屏幕的中心.

我感谢任何帮助!

>埃文

解决方法

缓存由http标头控制(您当然应该设置)但是无论缓存如何,如果您以每个120KB的速度加载数百个图像,初始加载时间将会过高.

预加载可以通过一些JavaScript(jQuery或不是jQuery)完成,但你可能不应该预加载数百个图像(如果一个站点后台地占用我的所有带宽,我会很不高兴).

我建议按需加载全尺寸图像(例如用户点击缩略图)和/或延迟加载图像(例如,只有当它们滚动到视图中时才加载它们).

鉴于您的网站布局,我会:

>加载第一个可见图像
>为每个可见缩略图预加载图像
>每当用户点击“向下”箭头时,预加载一些图像.

夫妻混合.笔记:

> http://gtmetrix.com/一个性能分析的好网站.>您的布局在真正宽的显示器上有点混乱.在我的2500×1600显示器上,控制缩略图的箭头距离数百个像素,这使得它们很难被注意到.

@H_419_45@

大佬总结

以上是大佬教程为你收集整理的jquery – 一次加载所有内容(图像)以提高网站性能全部内容,希望文章能够帮你解决jquery – 一次加载所有内容(图像)以提高网站性能所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。