我正在开发一个网站的移动版本,不幸的是由于使用过时的CMS,我不可能改变或提供页面的替代模板 - 因此我只有css和javascript(也许.htacess在我的处置。
我环顾四周,我认为可能有一种方法可以防止使用jquery加载图像:Prevent images from loading - 然而,这似乎不起作用(图像仍然加载。)说完了,懒惰的装载机似乎这样做,我已经看到它被用于IRL - 所以我很确定有一种方法。
我真正喜欢的是在html中设置元素的.mobileonly类,并使jquery阻止加载它们及其中的任何内容。
任何指针都会很棒,谢谢你们!
干杯! 约翰。
答案 0 :(得分:2)
在我看来,懒惰装载会为你做好工作
对于您不想加载的每个图像,您可以放置一个小的默认图像,并将该网址存储在例如'name'属性。给它css类'mobileonly'。你想要的风格。
然后为非移动访问者从body.onLoad调用一个js函数,它找到所有带有css类'mobileonly'的imgs,并且延迟加载从name属性中检索到的url。
另外考虑一下:通常移动设备不仅具有较少的带宽,而且还具有较少的CPU功率来运行js。因此,所有未在移动设备上运行的js都会使您的网站更快。 : - )