这个javascript值得用来加速页面加载吗？

我写了这段代码，通过根据分辨率加载分辨率较小的图片来加快页面加载速度

window.onload = function() {
    bannerRes();
    function bannerRes() {
        var x = $(window).width();
        var y = $("#banner");
        if(x<=1920) {
            y.css('backgroundImage', 'url(team_banner_1920.jpg)');
        } else {
            y.css('backgroundImage', 'url(team_banner_2560.jpg)');
        };
    };
    $(window).resize(function() {
        bannerRes();
    });
};

window.onload=function（）{
bannerRes（）；
功能横幅（）{
var x=$（window.width（）；
变量y=$（“#横幅”）；
如果（x只有你能判断它是否值得

众所周知，谷歌将页面加载速度纳入其排名算法，因此，如果这是您关心的问题，那么它可能是有效的

你的网站有很多流量吗？用户可能会有很多不同的屏幕分辨率吗？你能从你的网站统计数据推断出类似的情况吗？例如，你是否有来自屏幕分辨率广泛分布的点击率

因此，简而言之，这里不太可能回答。如果你在网站上提供了更多的细节，那么就有可能推断，但即使这样，你最好自己尝试一些指标。
只有你才能知道这是否值得

众所周知，谷歌将页面加载速度纳入其排名算法，因此，如果这是您关心的问题，那么它可能是有效的

你的网站有很多流量吗？用户可能会有很多不同的屏幕分辨率吗？你能从你的网站统计数据推断出类似的情况吗？例如，你是否有来自屏幕分辨率广泛分布的点击率

因此，简而言之，这里不太可能回答。如果你在网站上提供了更多的细节，那么就可以推断，但即使这样，你最好自己尝试一些指标。
你可以尝试用jquery的动画调整图像大小…然后你在服务器上只有一个图像，你可以相应地调整它的大小

这是关于如何做的答案…
您可以尝试使用jquery的animate调整图像大小…然后服务器上只有一个图像，您可以相应地调整它的大小

这是关于如何实现的答案…
看起来您正在实施自适应图像解决方案

W3C正在对这个主题进行大量讨论，因此请注意“专家”正在研究这个主题

如果你在移动设备上交付iOS视网膜显示器，情况会变得更加棘手。因为它们需要“双倍密度”。并且有效地将图像维护和JS代码翻一番，以维护跨设备的体验

问题是，如果几年后你不得不为每一台新设备更新代码，这可能会成为维护的噩梦

最初的解决方案是使用@media query，这将使您能够在css中维护图像，并简化JS

W3C正在讨论的一个有趣的话题是一个
标记，该标记将在dom属性级别提供响应能力。因此避免了css和JS的占用。但这一点还有待观察

希望能有所帮助。
看起来您正在实施自适应图像解决方案

W3C正在对这个主题进行大量讨论，因此请注意“专家”正在研究这个主题

如果你在移动设备上交付iOS视网膜显示器，情况会变得更加棘手。因为它们需要“双倍密度”。并且有效地将图像维护和JS代码翻一番，以维护跨设备的体验

问题是，如果几年后你不得不为每一台新设备更新代码，这可能会成为维护的噩梦

最初的解决方案是使用@media query，这将使您能够在css中维护图像，并简化JS

W3C正在讨论的一个有趣的话题是一个
标记，该标记将在dom属性级别提供响应能力。因此避免了css和JS的占用。但这一点还有待观察

希望这能有所帮助。
我会使用css媒体查询。这不只是查看浏览器视口大小吗？为什么要在调整大小时更改它？使用工具并测量加载时间以确定；但是，这实际上完全取决于图像的大小。在这种情况下，大小可能很重要；）是否
$（“#banner”）
页面加载时已经有背景图像了吗？我会使用css媒体查询。这不只是查看浏览器视口大小吗？为什么要在调整大小时更改它？使用工具并测量加载时间以确定；但是，这实际上取决于图像的大小。在这种情况下，大小可能很重要；）是否
$（“#banner”）
页面加载时是否已经有背景图像？