隐藏移动版网站内容的最有效方法是什么？

Question

我正在开发一个大型网站的移动版本.移动设备不需要整个网站上的大量内容.

隐藏这个的最佳方法是什么？即什么会导致浏览器的工作量最少,所以它保持响应？

• CSS显示:无

• jQuery的.remove()方法,例如(未测试):

  var elements_to_remove = [
    '#sidebar',
    '#footer',
    '#etc'
  ];
  
  $.each(elements_to_remove, function() {      
    if ($(this).length > 0) {
      $(this).remove();
    }
  });
  

我可以看到.remove()的优点是实际上从DOM树中删除了元素,从而减少了内存使用量.

对于jQuery路由,在 document.ready 之前有没有更好的事件要挂钩？(即在制作DOM树时).

另外,有关如何基准测试的任何建议？

更新:提供自定义移动版本不是一种选择,它应该与现有内容一起使用/ "响应".

Answer 1

最有效的方法是首先不要在页面上包含内容.

移动用户会感谢您不要使用未在页面上显示的元素浪费他们的数据资费,如果他们不需要JavaScript以便正确查看页面,他们会很高兴.