使用JQuery从文档上的DOM中删除大型HTTP请求（就绪）

我正在为一个网站使用视频背景，我希望通过删除这个移动元素来减少移动网站的加载时间。如果我这样做：

$(document).ready(function() {
    var windowWidth = $(window).width(); 
    if(windowWidth < 481) {
        $('.video').remove(); 
    } 
});

$（文档）.ready（函数（）{
var windowWidth=$（window.width（）；
如果（窗宽<481）{
$（'.video'）.remove（）；
} 
});

要测量加载时的屏幕宽度，假设它是移动的，然后从DOM中删除此元素，我是否使用此方法保存了任何性能

我猜is已经发出了一个HTTP请求，但是如果它被立即删除，该站点将“加载得更快”，不是吗

---

除了JQuery之外，我希望避免使用外部库，如果可能的话，我不想更改HTML标记。

为什么不换一种方式呢？也就是说，只有当你发现屏幕足够大的时候才能加载视频。这是个好主意。有没有一种方法可以使HTML标记与JQuery保持完全相同？您可能必须从HTML中删除“.video”元素，然后使用JQuery将其添加回，如下所述：是的，这正是我所担心的。在这种情况下，使用

append（）

不起作用，因为我的HTML标记依赖于基于Wordpress页面模板的几个

if/else

语句。我甚至认为我不能使用

html（）

。这是一个好主意，不过，我将进一步探讨。谢谢尝试在文档加载时执行此操作已为时过晚。到那时它已经装好了。为什么不在服务器端对此进行控制（即不为检测到的移动设备生成视频元素）？