innerHTML vs removeChild

JavaScript performance comparison

Revision 570 of this test case created by

Preparation code

<div id='box'></div>
      
<script>
Benchmark.prototype.setup = function() {
  var box = document.getElementById('box');
  box.innerHTML = '            <div class="card portrait">
                <h2 class="card-title">STARFISH DRESS DRESSALOOZA</h2>
                <img class="card-img lazy"
                  src="data:image/jpg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDABcQERQRDhcUEhQaGBcbIjklIh8fIkYyNSk5UkhXVVFIUE5bZoNvW2F8Yk5QcptzfIeLkpSSWG2grJ+OqoOPko3/2wBDARgaGiIeIkMlJUONXlBejY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY3/wAARCAB5AEgDASEAAhEBAxEB/8QAGgAAAwEBAQEAAAAAAAAAAAAABAADAgEFBv/EAB4QAQADAAMBAQEBAAAAAAAAAAABAgMxIREEQSIy/8QAGAEAAwEBAAAAAAAAAAAAAAAAAgMBAAT/xAAZEQEBAQEBAQAAAAAAAAAAAAAAAQIxEUH/2gAMAwEAAhEDEQA/APrHJZkdLeITfsNVvO3oisrGrZVCWYs2Zg20hZnsu0ci2Ui6cLEqkEYSWYsW4Rg2wXzsrRuRGUCqDyHTcOjASzOMWnpKobWUP0nXTYvmvWR5DVIlowBLIzMpaWDRQJpZiJ7IvTZFqStWTcpYrWW4kwuulgsWDa2BR5B3t25WxJ8i9JXpJuQ1WJaiTCq3ElgsW4B7zyCiy8/S/bud/S3TBWciaGQGm/WqyIpSJKhZvwA+mepBRZebpb+msZ7A6ZwfiJrwZCtO+u1lQK1kqGuX4AfT+gq4eZp/pTHkEdXwflwIrwZCdO+OxCgUqWDXdOHn/RHIauHn6R21lyCOqcHZSKpBkK0rFXYqpPrUVLJ65eOgW9eQ0WQGlO2aR5IHTOCsZG5SZC9iKtxAiKfCwWbQH1p6GiyC1zDTHkl105qmdux2NhZqbF04UgxzUlkcmGLV9RYG1zAa18kvR+KxTkdgmaLQ2nCkGxzUlULkwzI6x0A2r2Vo7CNa9jMYBB6GU4Ug+OekqhcZk9OAW0dl6NwjWOxORcM0LopB0c9JEhLMlpwD1L0bhGORORcHoVRSDoRSRI//2Q=="
                  data-src="img/2020p/pxys20d001.jpg"
                  data-srcset="img/2020p/pxys20d001.jpg"
                  alt="Pxys20d001">
                <div class="card-pop"><span class="pxy-ui-heart"></span></div>
                <div class="card-price">65&euro;</div>
              </div>
              <div class="card square">
                <h2 class="card-title">JEWEL</h2>
                <img class="card-img lazy"
                  src="data:image/jpg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDABcQERQRDhcUEhQaGBcbIjklIh8fIkYyNSk5UkhXVVFIUE5bZoNvW2F8Yk5QcptzfIeLkpSSWG2grJ+OqoOPko3/2wBDARgaGiIeIkMlJUONXlBejY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY3/wAARCABKAEgDASEAAhEBAxEB/8QAGgAAAgMBAQAAAAAAAAAAAAAAAwACAQQFBv/EAB0QAQEBAAIDAQEAAAAAAAAAAAABAhEDIRIxBEH/xAAYAQADAQEAAAAAAAAAAAAAAAADAgEEAP/EABoRAQEBAQEBAQAAAAAAAAAAAAABAhExIUH/2gAMAwEAAhEDEQA/APQ9s8Ob+ifQNjYZP61/noM9ab46PTfA8acsmvVxOHhKsqjN2zw536M/QNi4YdTitHRfIM9aPx0un40xoyz69SiUEDWVQDs+MPfnnkDYuWDsz5E6Z5BHl+Ol0fGiVowBpKVc0IGvkq7jNvcZuy8s+xMs+scr68cUIWNvV4gvsNkLR9j7ipIv3Krxz9d/P9RnZyzap5E8+U85K4XN4S5EyWnk8ixYeSquNN2i4rJTVpxRZVKlE5DZKtQ8NF8EznGxkfGWI9Gz4FypRcxI+SkxoipyEyORjI2YxQRLlPNPx3Bpo+ywvFyp5HiUSQmI5UibHBlcrzRDJzS5p0TgmaNkaEosJw3Li2KDRGmCw60srEGwPkWB6FhME//Z"
                  data-src="img/2020p/pxys20j002.jpg"
                  data-srcset="img/2020p/pxys20j002.jpg"
                  alt="Pxys20d003">
                <div class="card-pop"><span class="pxy-ui-heart"></span></div>
                <div class="card-price">35&euro;</div>
              </div>
              <div class="card landscape">
                <h2 class="card-title">SHIVA MOON</h2>
                <img class="card-img lazy"
                  src="data:image/jpg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDABcQERQRDhcUEhQaGBcbIjklIh8fIkYyNSk5UkhXVVFIUE5bZoNvW2F8Yk5QcptzfIeLkpSSWG2grJ+OqoOPko3/2wBDARgaGiIeIkMlJUONXlBejY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY3/wAARCAArAEgDASEAAhEBAxEB/8QAGQABAQEBAQEAAAAAAAAAAAAABAMFAAIB/8QAHhAAAgMAAwEBAQAAAAAAAAAAAAMCAREhMQRBEhP/xAAYAQADAQEAAAAAAAAAAAAAAAADAgEABP/EABgRAQEBAQEAAAAAAAAAAAAAAAABAhEx/9oADAMBAAIRAxEAPwDfYzArGiaNELntlFnPRoVHiiLZ4FwFoW28llN0KQ1UtOKwzpA5yvQWqePkb5EKsDRF/wBZQR7AuA9Bynel0XehSNNHRxWSbEJOPJz2ixPo9wbhOL1S28Bmy0JklSqO2N8ywhGmmGUcVk2RCMictGgTpYG/tljyFqkXb9PVXoTMLVVx5NDzwHQ9cco4yITBuvizlvo0Zfpl2AlPkLklUXMWux4haTR89DIdDo4yCsA+jqzlvo0ZPp+gJdhckqqhihohqTS8/Q6Gw6OMz//Z"
                  data-src="img/2020p/pxys20j006.jpg"
                  data-srcset="img/2020p/pxys20j006.jpg"
                  alt="Pxys20d002">
                <div class="card-pop"><span class="pxy-ui-heart"></span></div>
                <div class="card-price">25&euro;</div>
              </div>
              <div class="card portrait">
                <h2 class="card-title">BABA POWER</h2>
                <img class="card-img lazy"
                src="data:image/jpg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDABcQERQRDhcUEhQaGBcbIjklIh8fIkYyNSk5UkhXVVFIUE5bZoNvW2F8Yk5QcptzfIeLkpSSWG2grJ+OqoOPko3/2wBDARgaGiIeIkMlJUONXlBejY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY3/wAARCAB4AEgDASEAAhEBAxEB/8QAGQAAAwEBAQAAAAAAAAAAAAAAAwACBAEG/8QAGhABAQEBAQEBAAAAAAAAAAAAAAIBAxEhEv/EABgBAAMBAQAAAAAAAAAAAAAAAAMCAAEE/8QAGREBAQEBAQEAAAAAAAAAAAAAAAECETEh/9oADAMBAAIRAxEAPwD1hSTuo2mVsOUvNUVUWsJSLmpIrQaoPVPHJoaNWaqJjohCUi5qQV6BWg6Ey5I8asrQ2OjBkpFO6ytgN6DoGxJHcFjW4VGnVDB0lrE7oV0ynzAKtzNA0Nx31U2bLLBosTNFgWootIFVM/Si0bEA2jlBcH47+jlHkXBYtoijwHcFzS0Fmume9LXRiB6n0nBj6rDKrn40c6NAtjzpa56zdNArS104D3U7rBo7IsounReemD140Rpa56z9Gei104D3UesGip0TKTNRWaLzbAteNMEznvodyz3JaNigVgesdMdxeMZRJlo5yaA7rRGEzmrtYzdMYfFZbwLcK7Muzg0T6marRHMeYNHLrQmYWhOUzdC2nwzXgWyzrrzXZz608pbC7vxriRMwzk1VFEDoC8C1Rcg7CNhko8pmPrTyk8pd1onFnc1JTA6CoDQmUeJ2SiSuzP0eJEyXVFx0UElIOgqB0JlJ8IdU4NOCYJpZFDJSf//Z"
                data-src="img/2020p/pxys20d005.jpg"
                data-srcset="img/2020p/pxys20d005.jpg"
                alt="Pxys20d005">
                <div class="card-pop"><span class="pxy-ui-heart"></span></div>
                <div class="card-price">25&euro;</div>
              </div>
              <div class="card square">
                <h2 class="card-title">GREEN LIGHT</h2>
                <img class="card-img lazy"
                  src="data:image/jpg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDABcQERQRDhcUEhQaGBcbIjklIh8fIkYyNSk5UkhXVVFIUE5bZoNvW2F8Yk5QcptzfIeLkpSSWG2grJ+OqoOPko3/2wBDARgaGiIeIkMlJUONXlBejY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY3/wAARCABfAEgDASEAAhEBAxEB/8QAGwAAAgMBAQEAAAAAAAAAAAAAAwQABQIBBgf/xAAgEAACAgMAAgMBAAAAAAAAAAAAAQMCESExBGETElEy/8QAGQEBAQEBAQEAAAAAAAAAAAAAAwIEAQUA/8QAGxEBAQEBAQEBAQAAAAAAAAAAAAECEQMxEiH/2gAMAwEAAhEDEQA/APOqoWOo1g5TCWgdukcV0fxv6RfeC9ImxUq5hegyOPnSHz589+D0bpCa9ZZM7EcegN6bDmS/oSCuGXfhPhzWVSrmB6GEwaSJkhPXXkPg9Gqwej0dR5GNO2h1wXvBvhMjT12OLDLLxVjBzcJmraB6GFbRi00xx2IH1fFEowlIj1NV4Pl9EcGVwDfxfQc03TLK8bD4MRRYJ3ouYdjWEE+2jHutOYHa5Aul4SpTIzHGenuvD8cjqLRHCvwD9PRmf4y4F+EUWA9aXMtJYIwr/SwG6Ic4SUOOo3HU27ryvHI6R3ADbIy0YsiNKgbZFsmLR0yQvjnQIhuMbTH5QVHQ2lxgrh6VALdNUOZUMkQVCvhkHYrZRegecHR0gzLYG7C1VQFvZqjOZXRkyCoUcEhZwSaLo5OG620ddiKsO98C15QNUmYE5NhKXKw7RVfRBOjUUdsMehlwI4cpNrppzaI07AZJROSb2Z9GgPz76HimyJn4jVN0tlEOWoUdbh6SYNfE9HrN7CKXIe4rLN76E5bMDhgfs8jUDZXyC0sYeECtcUFWFrY9OwOaJWwxGzP6Gy1bgrJ0KQoaWxqBHdfB1YRcIZ64/9k="
                  data-src="img/2020p/pxys20b005.jpg"
                  data-srcset="img/2020p/pxys20b005.jpg"
                  alt="Pxys20d004">
                <div class="card-pop"><span class="pxy-ui-heart"></span></div>
                <div class="card-price">25&euro;</div>
              </div>
              <div class="card portrait">
                <h2 class="card-title">WULLABY</h2>
                <img class="card-img lazy"
                  src="data:image/jpg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDABcQERQRDhcUEhQaGBcbIjklIh8fIkYyNSk5UkhXVVFIUE5bZoNvW2F8Yk5QcptzfIeLkpSSWG2grJ+OqoOPko3/2wBDARgaGiIeIkMlJUONXlBejY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY3/wAARCACPAEgDASEAAhEBAxEB/8QAGgAAAwEBAQEAAAAAAAAAAAAABAMAAgUBBv/EAB0QAAICAwEBAQAAAAAAAAAAAAABAgMhMREEEkH/xAAYAQADAQEAAAAAAAAAAAAAAAACAQMABP/EABwRAQEBAQEBAQEBAAAAAAAAAAABAgMxEUESIf/aAAwDAQACEQMRAD8A+sPDMVY8AFzyDRQmOwykGHRcNDCgERmR4zMRboAt2BoeWa1kMqQMOiYDCiaIbI8ZmItWAG2OSelMquOQytCyej4o2USRDZGWzMVN9Bpx6yelMquGQqCFltUxGiqaIzMtipz4JiHYSyBTlNhEYnweYeq9UjaYYJXpGMuTwCXS4BaYV2ZH0z6KEKi8FKQcDqvIyyNixhlMRGUKnoB9D2T0OOfOfJDabjZS3fg2F2DX30pErpuD6EQ0MWDEQlSp6APTpk9Djk3PjM12cY8ufrRlduAiE+lHL/QuoKiZ082yEsVPQF6VhgUUcf0rLB4vI8ufqKqYZUUcX3/R9IVHQnbz8bISxcgP0aYNNx/UssFWxxDqJqDKmG4f0dSwuDwKu7n4YiEsVMDveGCbk+nbBFsKOfoIqC62HHFfRlMgyt4Brt5eHIhLlT0BejTBNyvRtgqWQo5ugisKrDjjvoupBtaBrt5eHIhLlz0B36YJuVessHSyFHN1NgFVBuT9HUoMrWAa7efhqISxUtAl+mCblX7B/wBDjm6mRCaXkNy/roUBkNAV2c/DOkCsTLQJ6HhiZyb3kSg45uhkUE0rIaEg+gLi8E66+bX0QP1ViTwB+jTEzmXRbZmFbDlQ3D4UsJqpC+pzIyqHB6QNdGYuEAMtiLY9QjBzq6zddIX0NgmFI+FXB/Q/ybGPDfDCjzhCMgxJAmQ45GVxML4JjEYkFAtIhkiMz//Z"
                  data-src="img/2020p/pxys20d002.jpg"
                  data-srcset="img/2020p/pxys20d002.jpg"
                  alt="Pxys20d001">
                <div class="card-pop"><span class="pxy-ui-heart"></span></div>
                <div class="card-price">25&euro;</div>
              </div>
              <div class="card square">
                <h2 class="card-title">DECOR LIGHT</h2>
                <img class="card-img lazy"
                  src="data:image/jpg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDABcQERQRDhcUEhQaGBcbIjklIh8fIkYyNSk5UkhXVVFIUE5bZoNvW2F8Yk5QcptzfIeLkpSSWG2grJ+OqoOPko3/2wBDARgaGiIeIkMlJUONXlBejY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY3/wAARCABKAEgDASEAAhEBAxEB/8QAGgAAAgMBAQAAAAAAAAAAAAAAAwACAQQFBv/EAB0QAQEBAAIDAQEAAAAAAAAAAAABAhEDIRIxBEH/xAAYAQADAQEAAAAAAAAAAAAAAAADAgEEAP/EABoRAQEBAQEBAQAAAAAAAAAAAAABAhExIUH/2gAMAwEAAhEDEQA/APQ9s8Ob+ifQNjYZP61/noM9ab46PTfA8acsmvVxOHhKsqjN2zw536M/QNi4YdTitHRfIM9aPx0un40xoyz69SiUEDWVQDs+MPfnnkDYuWDsz5E6Z5BHl+Ol0fGiVowBpKVc0IGvkq7jNvcZuy8s+xMs+scr68cUIWNvV4gvsNkLR9j7ipIv3Krxz9d/P9RnZyzap5E8+U85K4XN4S5EyWnk8ixYeSquNN2i4rJTVpxRZVKlE5DZKtQ8NF8EznGxkfGWI9Gz4FypRcxI+SkxoipyEyORjI2YxQRLlPNPx3Bpo+ywvFyp5HiUSQmI5UibHBlcrzRDJzS5p0TgmaNkaEosJw3Li2KDRGmCw60srEGwPkWB6FhME//Z"
                  data-src="img/2020p/pxys20j002.jpg"
                  data-srcset="img/2020p/pxys20j002.jpg"
                  alt="Pxys20d003">
                <div class="card-pop"><span class="pxy-ui-heart"></span></div>
                <div class="card-price">25&euro;</div>
              </div>
              <div class="card landscape">
                <h2 class="card-title">SHIVA MOON</h2>
                <img class="card-img lazy"
                  src="data:image/jpg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDABcQERQRDhcUEhQaGBcbIjklIh8fIkYyNSk5UkhXVVFIUE5bZoNvW2F8Yk5QcptzfIeLkpSSWG2grJ+OqoOPko3/2wBDARgaGiIeIkMlJUONXlBejY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY3/wAARCAArAEgDASEAAhEBAxEB/8QAGQABAQEBAQEAAAAAAAAAAAAABAMFAAIB/8QAHhAAAgMAAwEBAQAAAAAAAAAAAAMCAREhMQRBEhP/xAAYAQADAQEAAAAAAAAAAAAAAAADAgEABP/EABgRAQEBAQEAAAAAAAAAAAAAAAABAhEx/9oADAMBAAIRAxEAPwDfYzArGiaNELntlFnPRoVHiiLZ4FwFoW28llN0KQ1UtOKwzpA5yvQWqePkb5EKsDRF/wBZQR7AuA9Bynel0XehSNNHRxWSbEJOPJz2ixPo9wbhOL1S28Bmy0JklSqO2N8ywhGmmGUcVk2RCMictGgTpYG/tljyFqkXb9PVXoTMLVVx5NDzwHQ9cco4yITBuvizlvo0Zfpl2AlPkLklUXMWux4haTR89DIdDo4yCsA+jqzlvo0ZPp+gJdhckqqhihohqTS8/Q6Gw6OMz//Z"
                  data-src="img/2020p/pxys20j006.jpg"
                  data-srcset="img/2020p/pxys20j006.jpg"
                  alt="Pxys20d002">
                <div class="card-pop"><span class="pxy-ui-heart"></span></div>
                <div class="card-price">25&euro;</div>
              </div>
              <div class="card portrait">
                <h2 class="card-title">SHIVA MOON</h2>
                <img class="card-img lazy"
                  src="data:image/jpg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDABcQERQRDhcUEhQaGBcbIjklIh8fIkYyNSk5UkhXVVFIUE5bZoNvW2F8Yk5QcptzfIeLkpSSWG2grJ+OqoOPko3/2wBDARgaGiIeIkMlJUONXlBejY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY3/wAARCAB5AEgDASEAAhEBAxEB/8QAGQAAAwEBAQAAAAAAAAAAAAAAAwQCAAEG/8QAHBABAQEBAQEBAQEAAAAAAAAAAAIBAyExERJB/8QAGAEAAwEBAAAAAAAAAAAAAAAAAwIBAAT/xAAbEQEBAQADAQEAAAAAAAAAAAAAAQIhEjERQf/aAAwDAQACEQMRAD8A9YzMmtAuiapojK9FjSymsGx0UNmZmZmRRewtnyFm+jc9DzeT0xKnRAqzKjMzB0BYOxMhf6Lz0LN5PTErdUBrMqMndZg6oGtC2fIerjQM+iXwxGiY6sg11jI5od1+Mha+iP7/AEm4bNc3XZr1zSci/eDHOh511Z8CqmMia0v1pS0nd+pyk1Cyq/psr0DryL24McqNRvg0J9ExlMivhTtqlpK99TlKDar+myvSdW7GOVHee+GEzRcZBE18KdsYtIdM9ThoBpTZ9N8IZ44d5/C0bA2MUZNFu2FrEemeh/h8gbisxU56ehwzxk5GeEo+YLjIImi3UlUj030L9PgDasEkSkkNcjUfAh8iYymRRXsSqR676F+iYA0vBJNWkNcTcfAxYJjKqK+FeyVqQ6fQ8w+Qb6ucFjFqw1yw1HwgkExmVNFuuJWJdI9D/hpoO5XMjc4P9aQ1zj8HnEPFMiuaB0wmlha59R/AXbk/VUwPzkSaJcjzK8ER1kZzQrLrw0L05+Ob9G+Ozg8YJkmhsdHCcZmbQrLrw2QK+pxy/o65GgTAehcddECcZmf/2Q=="
                  data-src="img/2020p/pxys20d005.jpg"
                  data-srcset="img/2020p/pxys20d005.jpg"
                  alt="Pxys20d005">
                <div class="card-pop"><span class="pxy-ui-heart"></span></div>
                <div class="card-price">25&euro;</div>
              </div>
              <div class="card square">
                <h2 class="card-title">ANTARTICA</h2>
                <img class="card-img lazy"
                  src="data:image/jpg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDABcQERQRDhcUEhQaGBcbIjklIh8fIkYyNSk5UkhXVVFIUE5bZoNvW2F8Yk5QcptzfIeLkpSSWG2grJ+OqoOPko3/2wBDARgaGiIeIkMlJUONXlBejY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY3/wAARCABfAEgDASEAAhEBAxEB/8QAGwAAAgMBAQEAAAAAAAAAAAAAAwQABQIBBgf/xAAgEAACAgMAAgMBAAAAAAAAAAAAAQMCESExBGETElEy/8QAGQEBAQEBAQEAAAAAAAAAAAAAAwIEAQUA/8QAGxEBAQEBAQEBAQAAAAAAAAAAAAECEQMxEiH/2gAMAwEAAhEDEQA/APOqoWOo1g5TCWgdukcV0fxv6RfeC9ImxUq5hegyOPnSHz589+D0bpCa9ZZM7EcegN6bDmS/oSCuGXfhPhzWVSrmB6GEwaSJkhPXXkPg9Gqwej0dR5GNO2h1wXvBvhMjT12OLDLLxVjBzcJmraB6GFbRi00xx2IH1fFEowlIj1NV4Pl9EcGVwDfxfQc03TLK8bD4MRRYJ3ouYdjWEE+2jHutOYHa5Aul4SpTIzHGenuvD8cjqLRHCvwD9PRmf4y4F+EUWA9aXMtJYIwr/SwG6Ic4SUOOo3HU27ryvHI6R3ADbIy0YsiNKgbZFsmLR0yQvjnQIhuMbTH5QVHQ2lxgrh6VALdNUOZUMkQVCvhkHYrZRegecHR0gzLYG7C1VQFvZqjOZXRkyCoUcEhZwSaLo5OG620ddiKsO98C15QNUmYE5NhKXKw7RVfRBOjUUdsMehlwI4cpNrppzaI07AZJROSb2Z9GgPz76HimyJn4jVN0tlEOWoUdbh6SYNfE9HrN7CKXIe4rLN76E5bMDhgfs8jUDZXyC0sYeECtcUFWFrY9OwOaJWwxGzP6Gy1bgrJ0KQoaWxqBHdfB1YRcIZ64/9k="
                  data-src="img/2020p/pxys20b005.jpg"
                  data-srcset="img/2020p/pxys20b005.jpg"
                  alt="Pxys20d004">
                <div class="card-pop"><span class="pxy-ui-heart"></span></div>
                <div class="card-price">25&euro;</div>
              </div>'

};

Benchmark.prototype.teardown = function() {
  box.innerHTML = 'sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>s f</b>s df<p>df gsdfg sf g<b>'

};
</script>

Preparation code output

<div id='box'></div>

Test runner

Warning! For accurate results, please disable Firebug before running the tests. (Why?)

Java applet disabled.

Testing in CCBot 2.0.0 / Other 0.0.0
Test Ops/sec
lastChild.remove in for-loop
for (let c = box.lastChild; c !== null; c = box.lastChild)
 c.remove();
pending…
lastChild Check firstChild.remove
while (box.lastChild) {
  box.firstChild.remove();
}
pending…
firstChild.remove
while (box.firstChild) {
  box.firstChild.remove();
}
pending…
removeChild(firstChild)
while (box.firstChild) {
  box.removeChild(box.firstChild);
}
pending…
remove lastChild while+let
let c;
while (c=box.lastChild) c.remove();
pending…
textContent
box.textContent = '';
pending…
removeChild(lastChild) in for-loop
for (let c = box.lastChild; c !== null; c = box.lastChild)
  box.removeChild(c);
pending…
firstChild.remove in for-loop
for (let c = box.firstChild; c !== null; c = box.firstChild)
 c.remove();
pending…
lastChild.remove
while (box.lastChild) {
  box.lastChild.remove();
}
pending…
removeChild(firstChild) in for-loop
for (let c = box.firstChild; c !== null; c = box.firstChild) {
  box.removeChild(c);
}
pending…
firstChild check lastChild.remove
while (box.firstChild) {
  box.lastChild.remove();
}
pending…
innerHTML
box.innerHTML = '';
pending…
remove firstChild while+let
let c;
while (c=box.firstChild) c.remove();
pending…
removeChild(lastChild)
while (box.lastChild) {
  box.removeChild(box.lastChild);
}
pending…

Revisions

You can edit these tests or add even more tests to this page by appending /edit to the URL.

0 Comments