innerHTML vs removeChild

JavaScript performance comparison

Revision 568 of this test case created by Wayann

Preparation code

<div id="box">

          <div class="card portrait" id="card-31" data-id="31" data-keywords="Red Bohemian red dress rayon natural short flowerpower summer casual bohemian" data-scroll="0">
            <h3 class="card-title">RED BOHEMIAN</h3>
            <img class="card-img observed" src="img/2020/pxys20d021.jpg" data-src="img/2020/pxys20d021.jpg" data-id="31" data-loaded="true" alt="dress Red Bohemian" height="960">
            <div class="card-pop"><span class="pxy-ui-heart"></span></div>
            <div class="card-price pxy-bolder">65€</div>
            </div><div class="card square" id="card-14" data-id="14" data-keywords="Lavic chackra black jewel stone necklace new tight lavic stone lava" data-scroll="0">
            <h3 class="card-title">LAVIC CHACKRA</h3>
            <img class="card-img observed" src="img/2020/pxys20j002.jpg" data-src="img/2020/pxys20j002.jpg" data-id="14" data-loaded="true" alt="jewel Lavic chackra" height="480">
            <div class="card-pop"><span class="pxy-ui-heart"></span></div>
            <div class="card-price pxy-bolder">20€</div>
            </div><div class="card portrait" id="card-0" data-id="0" data-keywords="Pink Salmon pink salmon dress rayon natural short flowerpower summer casual bohemian" data-scroll="0">
            <h3 class="card-title">PINK SALMON</h3>
            <img class="card-img observed" src="img/2020/pxys20d001.jpg" data-src="img/2020/pxys20d001.jpg" data-id="0" data-loaded="true" alt="dress Pink Salmon" height="960">
            <div class="card-pop"><span class="pxy-ui-heart"></span></div>
            <div class="card-price pxy-bolder">65€</div>
            </div><div class="card portrait" id="card-32" data-id="32" data-keywords="Pink Salmon pink salmon dress rayon natural short flowerpower summer casual bohemian" data-scroll="0">
            <h3 class="card-title">PINK SALMON</h3>
            <img class="card-img observed" src="img/2020/pxys20d022.jpg" data-src="img/2020/pxys20d022.jpg" data-id="32" data-loaded="true" alt="dress Pink Salmon" height="960">
            <div class="card-pop"><span class="pxy-ui-heart"></span></div>
            <div class="card-price pxy-bolder">65€</div>
            </div><div class="card portrait" id="card-4" data-id="4" data-keywords="Red Hot red dress rayon natural short flowerpower summer casual bohemian" data-scroll="0">
            <h3 class="card-title">RED HOT</h3>
            <img class="card-img observed" src="img/2020/pxys20d005.jpg" data-src="img/2020/pxys20d005.jpg" data-id="4" data-loaded="true" alt="dress Red Hot" height="960">
            <div class="card-pop"><span class="pxy-ui-heart"></span></div>
            <div class="card-price pxy-bolder">65€</div>
            </div><div class="card portrait" id="card-28" data-id="28" data-keywords="Blue Green Flower blue green dress rayon natural short flowerpower summer casual bohemian" data-scroll="0">
            <h3 class="card-title">BLUE GREEN FLOWER</h3>
            <img class="card-img observed" src="img/2020/pxys20d018.jpg" data-src="img/2020/pxys20d018.jpg" data-id="28" data-loaded="true" alt="dress Blue Green Flower" height="960">
            <div class="card-pop"><span class="pxy-ui-heart"></span></div>
            <div class="card-price pxy-bolder">65€</div>
            </div><div class="card portrait" id="card-26" data-id="26" data-keywords="Green Power green dress rayon natural short flowerpower summer casual bohemian" data-scroll="0">
            <h3 class="card-title">GREEN POWER</h3>
            <img class="card-img observed" src="img/2020/pxys20d016.jpg" data-src="img/2020/pxys20d016.jpg" data-id="26" data-loaded="true" alt="dress Green Power" height="960">
            <div class="card-pop"><span class="pxy-ui-heart"></span></div>
            <div class="card-price pxy-bolder">65€</div>
            </div><div class="card portrait" id="card-9" data-id="9" data-keywords="Totem white bag leather leather pony fur handcarved" data-scroll="0">
            <h3 class="card-title">TOTEM</h3>
            <img class="card-img observed" src="img/2020/pxys20b003.jpg" data-src="img/2020/pxys20b003.jpg" data-id="9" data-loaded="true" alt="bag Totem" height="960">
            <div class="card-pop"><span class="pxy-ui-heart"></span></div>
            <div class="card-price pxy-bolder">250€</div>
            </div><div class="card portrait" id="card-6" data-id="6" data-keywords="Red Bohemian red dress rayon natural short flowerpower summer casual bohemian" data-scroll="0">
            <h3 class="card-title">RED BOHEMIAN</h3>
            <img class="card-img observed" src="img/2020/pxys20d007.jpg" data-src="img/2020/pxys20d007.jpg" data-id="6" data-loaded="true" alt="dress Red Bohemian" height="960">
            <div class="card-pop"><span class="pxy-ui-heart"></span></div>
            <div class="card-price pxy-bolder">65€</div>
            </div><div class="card landscape" id="card-8" data-id="8" data-keywords="New Round Bag nature bag rattan rattan roundbag round lined batik" data-scroll="0">
            <h3 class="card-title">NEW ROUND BAG</h3>
            <img class="card-img observed" src="img/2020/pxys20b002.jpg" data-src="img/2020/pxys20b002.jpg" data-id="8" data-loaded="true" alt="bag New Round Bag" height="480">
            <div class="card-pop"><span class="pxy-ui-heart"></span></div>
            <div class="card-price pxy-bolder">55€</div>
            </div><div class="card landscape" id="card-16" data-id="16" data-keywords="Shelly gold jewel shell earing gold plated shell" data-scroll="0">
            <h3 class="card-title">SHELLY</h3>
            <img class="card-img observed" src="img/2020/pxys20j004.jpg" data-src="img/2020/pxys20j004.jpg" data-id="16" data-loaded="true" alt="jewel Shelly" height="480">
            <div class="card-pop"><span class="pxy-ui-heart"></span></div>
            <div class="card-price pxy-bolder">15€</div>
            </div><div class="card portrait" id="card-27" data-id="27" data-keywords="Orange Rose rose dress rayon natural short flowerpower summer casual bohemian" data-scroll="0">
            <h3 class="card-title">ORANGE ROSE</h3>
            <img class="card-img observed" src="img/2020/pxys20d017.jpg" data-src="img/2020/pxys20d017.jpg" data-id="27" data-loaded="true" alt="dress Orange Rose" height="960">
            <div class="card-pop"><span class="pxy-ui-heart"></span></div>
            <div class="card-price pxy-bolder">65€</div>
            </div><div class="card portrait" id="card-35" data-id="35" data-keywords="Blue Green Flower blue green dress rayon natural short flowerpower summer casual bohemian" data-scroll="0">
            <h3 class="card-title">BLUE GREEN FLOWER</h3>
            <img class="card-img observed" src="img/2020/pxys20d025.jpg" data-src="img/2020/pxys20d025.jpg" data-id="35" data-loaded="true" alt="dress Blue Green Flower" height="960">
            <div class="card-pop"><span class="pxy-ui-heart"></span></div>
            <div class="card-price pxy-bolder">65€</div>
            </div><div class="card square" id="card-17" data-id="17" data-keywords="Goldy Shell pink jewel metal necklace shell tight" data-scroll="0">
            <h3 class="card-title">GOLDY SHELL</h3>
            <img class="card-img observed" src="img/2020/pxys20j005.jpg" data-src="img/2020/pxys20j005.jpg" data-id="17" data-loaded="true" alt="jewel Goldy Shell" height="480">
            <div class="card-pop"><span class="pxy-ui-heart"></span></div>
            <div class="card-price pxy-bolder">20€</div>
            </div><div class="card portrait" id="card-5" data-id="5" data-keywords="Black Bohemian black dress rayon natural short flowerpower summer casual bohemian" data-scroll="0">
            <h3 class="card-title">BLACK BOHEMIAN</h3>
            <img class="card-img observed" src="img/2020/pxys20d006.jpg" data-src="img/2020/pxys20d006.jpg" data-id="5" data-loaded="true" alt="dress Black Bohemian" height="960">
            <div class="card-pop"><span class="pxy-ui-heart"></span></div>
            <div class="card-price pxy-bolder">65€</div>
            </div><div class="card portrait" id="card-19" data-id="19" data-keywords="Green Power green dress rayon natural short flowerpower summer casual bohemian" data-scroll="0">
            <h3 class="card-title">GREEN POWER</h3>
            <img class="card-img observed" src="img/2020/pxys20d009.jpg" data-src="img/2020/pxys20d009.jpg" data-id="19" data-loaded="true" alt="dress Green Power" height="960">
            <div class="card-pop"><span class="pxy-ui-heart"></span></div>
            <div class="card-price pxy-bolder">65€</div>
            </div><div class="card landscape" id="card-13" data-id="13" data-keywords="turquoise necklace green jewel stone necklace new short semi precious stone" data-scroll="0">
            <h3 class="card-title">TURQUOISE NECKLACE</h3>
            <img class="card-img observed" src="img/2020/pxys20j001.jpg" data-src="img/2020/pxys20j001.jpg" data-id="13" data-loaded="true" alt="jewel turquoise necklace" height="480">
            <div class="card-pop"><span class="pxy-ui-heart"></span></div>
            <div class="card-price pxy-bolder">25€</div>
            </div><div class="card portrait" id="card-23" data-id="23" data-keywords="Black Bohemian black dress rayon natural short flowerpower summer casual bohemian" data-scroll="0">
            <h3 class="card-title">BLACK BOHEMIAN</h3>
            <img class="card-img observed" src="img/2020/pxys20d013.jpg" data-src="img/2020/pxys20d013.jpg" data-id="23" data-loaded="true" alt="dress Black Bohemian" height="960">
            <div class="card-pop"><span class="pxy-ui-heart"></span></div>
            <div class="card-price pxy-bolder">65€</div>
            </div><div class="card portrait" id="card-18" data-id="18" data-keywords="Pink Salmon pink salmon dress rayon natural short flowerpower summer casual bohemian" data-scroll="0">
            <h3 class="card-title">PINK SALMON</h3>
            <img class="card-img observed" src="img/2020/pxys20d008.jpg" data-src="img/2020/pxys20d008.jpg" data-id="18" data-loaded="true" alt="dress Pink Salmon" height="960">
            <div class="card-pop"><span class="pxy-ui-heart"></span></div>
            <div class="card-price pxy-bolder">65€</div>
            </div><div class="card portrait" id="card-11" data-id="11" data-keywords="Ilary Roundbag nature bag rattan rattan roundbag open lined batik" data-scroll="0">
            <h3 class="card-title">ILARY ROUNDBAG</h3>
            <img class="card-img observed" src="img/2020/pxys20b005.jpg" data-src="img/2020/pxys20b005.jpg" data-id="11" data-loaded="true" alt="bag Ilary Roundbag" height="960">
            <div class="card-pop"><span class="pxy-ui-heart"></span></div>
            <div class="card-price pxy-bolder">40€</div>
            </div><div class="card square" id="card-10" data-id="10" data-keywords="Round Bag cyan bag leather leather roundbag colorful" data-scroll="0">
            <h3 class="card-title">ROUND BAG</h3>
            <img class="card-img observed" src="img/2020/pxys20b004.jpg" data-src="img/2020/pxys20b004.jpg" data-id="10" data-loaded="true" alt="bag Round Bag" height="480">
            <div class="card-pop"><span class="pxy-ui-heart"></span></div>
            <div class="card-price pxy-bolder">85€</div>
            </div><div class="card portrait" id="card-30" data-id="30" data-keywords="Black Bohemian black dress rayon natural short flowerpower summer casual bohemian" data-scroll="0">
            <h3 class="card-title">BLACK BOHEMIAN</h3>
            <img class="card-img observed" src="img/2020/pxys20d020.jpg" data-src="img/2020/pxys20d020.jpg" data-id="30" data-loaded="true" alt="dress Black Bohemian" height="960">
            <div class="card-pop"><span class="pxy-ui-heart"></span></div>
            <div class="card-price pxy-bolder">65€</div>
            </div><div class="card portrait" id="card-36" data-id="36" data-keywords="Red Hot red dress rayon natural short flowerpower summer casual bohemian" data-scroll="0">
            <h3 class="card-title">RED HOT</h3>
            <img class="card-img observed" src="img/2020/pxys20d026.jpg" data-src="img/2020/pxys20d026.jpg" data-id="36" data-loaded="true" alt="dress Red Hot" height="960">
            <div class="card-pop"><span class="pxy-ui-heart"></span></div>
            <div class="card-price pxy-bolder">65€</div>
            </div><div class="card portrait" id="card-2" data-id="2" data-keywords="Orange Rose rose dress rayon natural short flowerpower summer casual bohemian" data-scroll="0">
            <h3 class="card-title">ORANGE ROSE</h3>
            <img class="card-img observed" src="img/2020/pxys20d003.jpg" data-src="img/2020/pxys20d003.jpg" data-id="2" data-loaded="true" alt="dress Orange Rose" height="960">
            <div class="card-pop"><span class="pxy-ui-heart"></span></div>
            <div class="card-price pxy-bolder">65€</div>
            </div><div class="card portrait" id="card-24" data-id="24" data-keywords="Red Bohemian red dress rayon natural short flowerpower summer casual bohemian" data-scroll="0">
            <h3 class="card-title">RED BOHEMIAN</h3>
            <img class="card-img observed" src="img/2020/pxys20d014.jpg" data-src="img/2020/pxys20d014.jpg" data-id="24" data-loaded="true" alt="dress Red Bohemian" height="960">
            <div class="card-pop"><span class="pxy-ui-heart"></span></div>
            <div class="card-price pxy-bolder">65€</div>
            </div><div class="card portrait" id="card-34" data-id="34" data-keywords="Orange Rose rose dress rayon natural short flowerpower summer casual bohemian" data-scroll="0">
            <h3 class="card-title">ORANGE ROSE</h3>
            <img class="card-img observed" src="img/2020/pxys20d024.jpg" data-src="img/2020/pxys20d024.jpg" data-id="34" data-loaded="true" alt="dress Orange Rose" height="960">
            <div class="card-pop"><span class="pxy-ui-heart"></span></div>
            <div class="card-price pxy-bolder">65€</div>
            </div><div class="card portrait" id="card-38" data-id="38" data-keywords="Red Bohemian red dress rayon natural short flowerpower summer casual bohemian" data-scroll="0">
            <h3 class="card-title">RED BOHEMIAN</h3>
            <img class="card-img observed" src="img/2020/pxys20d028.jpg" data-src="img/2020/pxys20d028.jpg" data-id="38" data-loaded="true" alt="dress Red Bohemian" height="960">
            <div class="card-pop"><span class="pxy-ui-heart"></span></div>
            <div class="card-price pxy-bolder">65€</div>
            </div><div class="card portrait" id="card-29" data-id="29" data-keywords="Red Hot red dress rayon natural short flowerpower summer casual bohemian" data-scroll="0">
            <h3 class="card-title">RED HOT</h3>
            <img class="card-img observed" src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEASABIAAD/2wBDABcQERQRDhcUEhQaGBcbIjklIh8fIkYyNSk5UkhXVVFIUE5bZoNvW2F8Yk5QcptzfIeLkpSSWG2grJ+OqoOPko3/2wBDARgaGiIeIkMlJUONXlBejY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY3/wAARCAAzABsDASIAAhEBAxEB/8QAGQAAAwEBAQAAAAAAAAAAAAAABAUAAgMG/8QAJxAAAQQCAQQBBAMAAAAAAAAAAQIDABEEIRITMUFRwSMyYXGx4fH/xAAWAQEBAQAAAAAAAAAAAAAAAAADAgH/xAAdEQADAAEFAQAAAAAAAAAAAAABAAIRITFBAxJh/9oADAMBAAIRAxEAPwD1kX5GY6h1ZaW1waNKQQbV7o3rzGHbvEi+p0c5bKwqnFBH7P8AZhdlGRor1SCdV3KZacS62laFBSSO4moqSPlL2lvjy5WTF7jLacVeOqgtf1FEeN2TDslSWn23VmgUqR8/EGCm1L6or7eJN+/EzwL34WkmRo9sNJYabQAQgAf5DYL1mi43jA0ojlVeBCpvxOjk5eGY2HcVaFAb7X7ifICGUBKm65giirQreo5yq6JBuj3qLctgpwWufIlQ46VvYMubmd2pFEYCwxAAFUACTuvcImGmwgd7J3NyTuwXm8AWzcGyQOhjj8j+JSh1y3HCbKUpab//2Q==" data-src="img/2020/pxys20d019.jpg" data-id="29" data-loaded="false" alt="dress Red Hot" height="960">
            <div class="card-pop"><span class="pxy-ui-heart"></span></div>
            <div class="card-price pxy-bolder">65€</div>
            </div><div class="card portrait" id="card-20" data-id="20" data-keywords="Orange Rose rose dress rayon natural short flowerpower summer casual bohemian" data-scroll="0">
            <h3 class="card-title">ORANGE ROSE</h3>
            <img class="card-img observed" src="" data-src="img/2020/pxys20d010.jpg" data-id="20" data-loaded="false" alt="dress Orange Rose" height="960">
            <div class="card-pop"><span class="pxy-ui-heart"></span></div>
            <div class="card-price pxy-bolder">65€</div>
            </div><div class="card portrait" id="card-39" data-id="39" data-keywords="Red Bohemian red dress rayon natural short flowerpower summer casual bohemian" data-scroll="0">
            <h3 class="card-title">RED BOHEMIAN</h3>
            <img class="card-img observed" src="img/2020/pxys20d029.jpg" data-src="img/2020/pxys20d029.jpg" data-id="39" data-loaded="true" alt="dress Red Bohemian" height="960">
            <div class="card-pop"><span class="pxy-ui-heart"></span></div>
            <div class="card-price pxy-bolder">65€</div>
            </div><div class="card portrait" id="card-25" data-id="25" data-keywords="Pink Salmon pink salmon dress rayon natural short flowerpower summer casual bohemian" data-scroll="0">
            <h3 class="card-title">PINK SALMON</h3>
            <img class="card-img observed" src="img/2020/pxys20d015.jpg" data-src="img/2020/pxys20d015.jpg" data-id="25" data-loaded="true" alt="dress Pink Salmon" height="960">
            <div class="card-pop"><span class="pxy-ui-heart"></span></div>
            <div class="card-price pxy-bolder">65€</div>
            </div><div class="card portrait" id="card-22" data-id="22" data-keywords="Red Hot red dress rayon natural short flowerpower summer casual bohemian" data-scroll="0">
            <h3 class="card-title">RED HOT</h3>
            <img class="card-img observed" src="img/2020/pxys20d012.jpg" data-src="img/2020/pxys20d012.jpg" data-id="22" data-loaded="true" alt="dress Red Hot" height="960">
            <div class="card-pop"><span class="pxy-ui-heart"></span></div>
            <div class="card-price pxy-bolder">65€</div>
            </div><div class="card landscape" id="card-15" data-id="15" data-keywords="Starfish gold jewel metal necklace metal nickel free starfish" data-scroll="0">
            <h3 class="card-title">STARFISH</h3>
            <img class="card-img observed" src="img/2020/pxys20j003.jpg" data-src="img/2020/pxys20j003.jpg" data-id="15" data-loaded="true" alt="jewel Starfish" height="480">
            <div class="card-pop"><span class="pxy-ui-heart"></span></div>
            <div class="card-price pxy-bolder">25€</div>
            </div><div class="card portrait" id="card-1" data-id="1" data-keywords="Green Power green dress rayon natural short flowerpower summer casual bohemian" data-scroll="0">
            <h3 class="card-title">GREEN POWER</h3>
            <img class="card-img observed" src="img/2020/pxys20d002.jpg" data-src="img/2020/pxys20d002.jpg" data-id="1" data-loaded="true" alt="dress Green Power" height="960">
            <div class="card-pop"><span class="pxy-ui-heart"></span></div>
            <div class="card-price pxy-bolder">65€</div>
            </div><div class="card square" id="card-7" data-id="7" data-keywords="Classic Tote nature bag rattan rattan tote classic chic bohemian" data-scroll="0">
            <h3 class="card-title">CLASSIC TOTE</h3>
            <img class="card-img observed" src="img/2020/pxys20b001.jpg" data-src="img/2020/pxys20b001.jpg" data-id="7" data-loaded="true" alt="bag Classic Tote" height="480">
            <div class="card-pop"><span class="pxy-ui-heart"></span></div>
            <div class="card-price pxy-bolder">145€</div>
            </div></div>
      
<script>
Benchmark.prototype.setup = function() {
  var box = document.getElementById('box');

};

Benchmark.prototype.teardown = function() {
  box.innerHTML = '<div class="card portrait" id="card-31" data-id="31" data-keywords="Red Bohemian red dress rayon natural short flowerpower summer casual bohemian" data-scroll="0">
              <h3 class="card-title">RED BOHEMIAN</h3>
              <img class="card-img observed" src="img/2020/pxys20d021.jpg" data-src="img/2020/pxys20d021.jpg" data-id="31" data-loaded="true" alt="dress Red Bohemian" height="960">
              <div class="card-pop"><span class="pxy-ui-heart"></span></div>
              <div class="card-price pxy-bolder">65€</div>
              </div><div class="card square" id="card-14" data-id="14" data-keywords="Lavic chackra black jewel stone necklace new tight lavic stone lava" data-scroll="0">
              <h3 class="card-title">LAVIC CHACKRA</h3>
              <img class="card-img observed" src="img/2020/pxys20j002.jpg" data-src="img/2020/pxys20j002.jpg" data-id="14" data-loaded="true" alt="jewel Lavic chackra" height="480">
              <div class="card-pop"><span class="pxy-ui-heart"></span></div>
              <div class="card-price pxy-bolder">20€</div>
              </div><div class="card portrait" id="card-0" data-id="0" data-keywords="Pink Salmon pink salmon dress rayon natural short flowerpower summer casual bohemian" data-scroll="0">
              <h3 class="card-title">PINK SALMON</h3>
              <img class="card-img observed" src="img/2020/pxys20d001.jpg" data-src="img/2020/pxys20d001.jpg" data-id="0" data-loaded="true" alt="dress Pink Salmon" height="960">
              <div class="card-pop"><span class="pxy-ui-heart"></span></div>
              <div class="card-price pxy-bolder">65€</div>
              </div><div class="card portrait" id="card-32" data-id="32" data-keywords="Pink Salmon pink salmon dress rayon natural short flowerpower summer casual bohemian" data-scroll="0">
              <h3 class="card-title">PINK SALMON</h3>
              <img class="card-img observed" src="img/2020/pxys20d022.jpg" data-src="img/2020/pxys20d022.jpg" data-id="32" data-loaded="true" alt="dress Pink Salmon" height="960">
              <div class="card-pop"><span class="pxy-ui-heart"></span></div>
              <div class="card-price pxy-bolder">65€</div>
              </div><div class="card portrait" id="card-4" data-id="4" data-keywords="Red Hot red dress rayon natural short flowerpower summer casual bohemian" data-scroll="0">
              <h3 class="card-title">RED HOT</h3>
              <img class="card-img observed" src="img/2020/pxys20d005.jpg" data-src="img/2020/pxys20d005.jpg" data-id="4" data-loaded="true" alt="dress Red Hot" height="960">
              <div class="card-pop"><span class="pxy-ui-heart"></span></div>
              <div class="card-price pxy-bolder">65€</div>
              </div><div class="card portrait" id="card-28" data-id="28" data-keywords="Blue Green Flower blue green dress rayon natural short flowerpower summer casual bohemian" data-scroll="0">
              <h3 class="card-title">BLUE GREEN FLOWER</h3>
              <img class="card-img observed" src="img/2020/pxys20d018.jpg" data-src="img/2020/pxys20d018.jpg" data-id="28" data-loaded="true" alt="dress Blue Green Flower" height="960">
              <div class="card-pop"><span class="pxy-ui-heart"></span></div>
              <div class="card-price pxy-bolder">65€</div>
              </div><div class="card portrait" id="card-26" data-id="26" data-keywords="Green Power green dress rayon natural short flowerpower summer casual bohemian" data-scroll="0">
              <h3 class="card-title">GREEN POWER</h3>
              <img class="card-img observed" src="img/2020/pxys20d016.jpg" data-src="img/2020/pxys20d016.jpg" data-id="26" data-loaded="true" alt="dress Green Power" height="960">
              <div class="card-pop"><span class="pxy-ui-heart"></span></div>
              <div class="card-price pxy-bolder">65€</div>
              </div><div class="card portrait" id="card-9" data-id="9" data-keywords="Totem white bag leather leather pony fur handcarved" data-scroll="0">
              <h3 class="card-title">TOTEM</h3>
              <img class="card-img observed" src="img/2020/pxys20b003.jpg" data-src="img/2020/pxys20b003.jpg" data-id="9" data-loaded="true" alt="bag Totem" height="960">
              <div class="card-pop"><span class="pxy-ui-heart"></span></div>
              <div class="card-price pxy-bolder">250€</div>
              </div><div class="card portrait" id="card-6" data-id="6" data-keywords="Red Bohemian red dress rayon natural short flowerpower summer casual bohemian" data-scroll="0">
              <h3 class="card-title">RED BOHEMIAN</h3>
              <img class="card-img observed" src="img/2020/pxys20d007.jpg" data-src="img/2020/pxys20d007.jpg" data-id="6" data-loaded="true" alt="dress Red Bohemian" height="960">
              <div class="card-pop"><span class="pxy-ui-heart"></span></div>
              <div class="card-price pxy-bolder">65€</div>
              </div><div class="card landscape" id="card-8" data-id="8" data-keywords="New Round Bag nature bag rattan rattan roundbag round lined batik" data-scroll="0">
              <h3 class="card-title">NEW ROUND BAG</h3>
              <img class="card-img observed" src="img/2020/pxys20b002.jpg" data-src="img/2020/pxys20b002.jpg" data-id="8" data-loaded="true" alt="bag New Round Bag" height="480">
              <div class="card-pop"><span class="pxy-ui-heart"></span></div>
              <div class="card-price pxy-bolder">55€</div>
              </div><div class="card landscape" id="card-16" data-id="16" data-keywords="Shelly gold jewel shell earing gold plated shell" data-scroll="0">
              <h3 class="card-title">SHELLY</h3>
              <img class="card-img observed" src="img/2020/pxys20j004.jpg" data-src="img/2020/pxys20j004.jpg" data-id="16" data-loaded="true" alt="jewel Shelly" height="480">
              <div class="card-pop"><span class="pxy-ui-heart"></span></div>
              <div class="card-price pxy-bolder">15€</div>
              </div><div class="card portrait" id="card-27" data-id="27" data-keywords="Orange Rose rose dress rayon natural short flowerpower summer casual bohemian" data-scroll="0">
              <h3 class="card-title">ORANGE ROSE</h3>
              <img class="card-img observed" src="img/2020/pxys20d017.jpg" data-src="img/2020/pxys20d017.jpg" data-id="27" data-loaded="true" alt="dress Orange Rose" height="960">
              <div class="card-pop"><span class="pxy-ui-heart"></span></div>
              <div class="card-price pxy-bolder">65€</div>
              </div><div class="card portrait" id="card-35" data-id="35" data-keywords="Blue Green Flower blue green dress rayon natural short flowerpower summer casual bohemian" data-scroll="0">
              <h3 class="card-title">BLUE GREEN FLOWER</h3>
              <img class="card-img observed" src="img/2020/pxys20d025.jpg" data-src="img/2020/pxys20d025.jpg" data-id="35" data-loaded="true" alt="dress Blue Green Flower" height="960">
              <div class="card-pop"><span class="pxy-ui-heart"></span></div>
              <div class="card-price pxy-bolder">65€</div>
              </div><div class="card square" id="card-17" data-id="17" data-keywords="Goldy Shell pink jewel metal necklace shell tight" data-scroll="0">
              <h3 class="card-title">GOLDY SHELL</h3>
              <img class="card-img observed" src="img/2020/pxys20j005.jpg" data-src="img/2020/pxys20j005.jpg" data-id="17" data-loaded="true" alt="jewel Goldy Shell" height="480">
              <div class="card-pop"><span class="pxy-ui-heart"></span></div>
              <div class="card-price pxy-bolder">20€</div>
              </div><div class="card portrait" id="card-5" data-id="5" data-keywords="Black Bohemian black dress rayon natural short flowerpower summer casual bohemian" data-scroll="0">
              <h3 class="card-title">BLACK BOHEMIAN</h3>
              <img class="card-img observed" src="img/2020/pxys20d006.jpg" data-src="img/2020/pxys20d006.jpg" data-id="5" data-loaded="true" alt="dress Black Bohemian" height="960">
              <div class="card-pop"><span class="pxy-ui-heart"></span></div>
              <div class="card-price pxy-bolder">65€</div>
              </div><div class="card portrait" id="card-19" data-id="19" data-keywords="Green Power green dress rayon natural short flowerpower summer casual bohemian" data-scroll="0">
              <h3 class="card-title">GREEN POWER</h3>
              <img class="card-img observed" src="img/2020/pxys20d009.jpg" data-src="img/2020/pxys20d009.jpg" data-id="19" data-loaded="true" alt="dress Green Power" height="960">
              <div class="card-pop"><span class="pxy-ui-heart"></span></div>
              <div class="card-price pxy-bolder">65€</div>
              </div><div class="card landscape" id="card-13" data-id="13" data-keywords="turquoise necklace green jewel stone necklace new short semi precious stone" data-scroll="0">
              <h3 class="card-title">TURQUOISE NECKLACE</h3>
              <img class="card-img observed" src="img/2020/pxys20j001.jpg" data-src="img/2020/pxys20j001.jpg" data-id="13" data-loaded="true" alt="jewel turquoise necklace" height="480">
              <div class="card-pop"><span class="pxy-ui-heart"></span></div>
              <div class="card-price pxy-bolder">25€</div>
              </div><div class="card portrait" id="card-23" data-id="23" data-keywords="Black Bohemian black dress rayon natural short flowerpower summer casual bohemian" data-scroll="0">
              <h3 class="card-title">BLACK BOHEMIAN</h3>
              <img class="card-img observed" src="img/2020/pxys20d013.jpg" data-src="img/2020/pxys20d013.jpg" data-id="23" data-loaded="true" alt="dress Black Bohemian" height="960">
              <div class="card-pop"><span class="pxy-ui-heart"></span></div>
              <div class="card-price pxy-bolder">65€</div>
              </div><div class="card portrait" id="card-18" data-id="18" data-keywords="Pink Salmon pink salmon dress rayon natural short flowerpower summer casual bohemian" data-scroll="0">
              <h3 class="card-title">PINK SALMON</h3>
              <img class="card-img observed" src="img/2020/pxys20d008.jpg" data-src="img/2020/pxys20d008.jpg" data-id="18" data-loaded="true" alt="dress Pink Salmon" height="960">
              <div class="card-pop"><span class="pxy-ui-heart"></span></div>
              <div class="card-price pxy-bolder">65€</div>
              </div><div class="card portrait" id="card-11" data-id="11" data-keywords="Ilary Roundbag nature bag rattan rattan roundbag open lined batik" data-scroll="0">
              <h3 class="card-title">ILARY ROUNDBAG</h3>
              <img class="card-img observed" src="img/2020/pxys20b005.jpg" data-src="img/2020/pxys20b005.jpg" data-id="11" data-loaded="true" alt="bag Ilary Roundbag" height="960">
              <div class="card-pop"><span class="pxy-ui-heart"></span></div>
              <div class="card-price pxy-bolder">40€</div>
              </div><div class="card square" id="card-10" data-id="10" data-keywords="Round Bag cyan bag leather leather roundbag colorful" data-scroll="0">
              <h3 class="card-title">ROUND BAG</h3>
              <img class="card-img observed" src="img/2020/pxys20b004.jpg" data-src="img/2020/pxys20b004.jpg" data-id="10" data-loaded="true" alt="bag Round Bag" height="480">
              <div class="card-pop"><span class="pxy-ui-heart"></span></div>
              <div class="card-price pxy-bolder">85€</div>
              </div><div class="card portrait" id="card-30" data-id="30" data-keywords="Black Bohemian black dress rayon natural short flowerpower summer casual bohemian" data-scroll="0">
              <h3 class="card-title">BLACK BOHEMIAN</h3>
              <img class="card-img observed" src="img/2020/pxys20d020.jpg" data-src="img/2020/pxys20d020.jpg" data-id="30" data-loaded="true" alt="dress Black Bohemian" height="960">
              <div class="card-pop"><span class="pxy-ui-heart"></span></div>
              <div class="card-price pxy-bolder">65€</div>
              </div><div class="card portrait" id="card-36" data-id="36" data-keywords="Red Hot red dress rayon natural short flowerpower summer casual bohemian" data-scroll="0">
              <h3 class="card-title">RED HOT</h3>
              <img class="card-img observed" src="img/2020/pxys20d026.jpg" data-src="img/2020/pxys20d026.jpg" data-id="36" data-loaded="true" alt="dress Red Hot" height="960">
              <div class="card-pop"><span class="pxy-ui-heart"></span></div>
              <div class="card-price pxy-bolder">65€</div>
              </div><div class="card portrait" id="card-2" data-id="2" data-keywords="Orange Rose rose dress rayon natural short flowerpower summer casual bohemian" data-scroll="0">
              <h3 class="card-title">ORANGE ROSE</h3>
              <img class="card-img observed" src="img/2020/pxys20d003.jpg" data-src="img/2020/pxys20d003.jpg" data-id="2" data-loaded="true" alt="dress Orange Rose" height="960">
              <div class="card-pop"><span class="pxy-ui-heart"></span></div>
              <div class="card-price pxy-bolder">65€</div>
              </div><div class="card portrait" id="card-24" data-id="24" data-keywords="Red Bohemian red dress rayon natural short flowerpower summer casual bohemian" data-scroll="0">
              <h3 class="card-title">RED BOHEMIAN</h3>
              <img class="card-img observed" src="img/2020/pxys20d014.jpg" data-src="img/2020/pxys20d014.jpg" data-id="24" data-loaded="true" alt="dress Red Bohemian" height="960">
              <div class="card-pop"><span class="pxy-ui-heart"></span></div>
              <div class="card-price pxy-bolder">65€</div>
              </div><div class="card portrait" id="card-34" data-id="34" data-keywords="Orange Rose rose dress rayon natural short flowerpower summer casual bohemian" data-scroll="0">
              <h3 class="card-title">ORANGE ROSE</h3>
              <img class="card-img observed" src="img/2020/pxys20d024.jpg" data-src="img/2020/pxys20d024.jpg" data-id="34" data-loaded="true" alt="dress Orange Rose" height="960">
              <div class="card-pop"><span class="pxy-ui-heart"></span></div>
              <div class="card-price pxy-bolder">65€</div>
              </div><div class="card portrait" id="card-38" data-id="38" data-keywords="Red Bohemian red dress rayon natural short flowerpower summer casual bohemian" data-scroll="0">
              <h3 class="card-title">RED BOHEMIAN</h3>
              <img class="card-img observed" src="img/2020/pxys20d028.jpg" data-src="img/2020/pxys20d028.jpg" data-id="38" data-loaded="true" alt="dress Red Bohemian" height="960">
              <div class="card-pop"><span class="pxy-ui-heart"></span></div>
              <div class="card-price pxy-bolder">65€</div>
              </div><div class="card portrait" id="card-29" data-id="29" data-keywords="Red Hot red dress rayon natural short flowerpower summer casual bohemian" data-scroll="0">
              <h3 class="card-title">RED HOT</h3>
              <img class="card-img observed" src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEASABIAAD/2wBDABcQERQRDhcUEhQaGBcbIjklIh8fIkYyNSk5UkhXVVFIUE5bZoNvW2F8Yk5QcptzfIeLkpSSWG2grJ+OqoOPko3/2wBDARgaGiIeIkMlJUONXlBejY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY3/wAARCAAzABsDASIAAhEBAxEB/8QAGQAAAwEBAQAAAAAAAAAAAAAABAUAAgMG/8QAJxAAAQQCAQQBBAMAAAAAAAAAAQIDABEEIRITMUFRwSMyYXGx4fH/xAAWAQEBAQAAAAAAAAAAAAAAAAADAgH/xAAdEQADAAEFAQAAAAAAAAAAAAABAAIRITFBAxJh/9oADAMBAAIRAxEAPwD1kX5GY6h1ZaW1waNKQQbV7o3rzGHbvEi+p0c5bKwqnFBH7P8AZhdlGRor1SCdV3KZacS62laFBSSO4moqSPlL2lvjy5WTF7jLacVeOqgtf1FEeN2TDslSWn23VmgUqR8/EGCm1L6or7eJN+/EzwL34WkmRo9sNJYabQAQgAf5DYL1mi43jA0ojlVeBCpvxOjk5eGY2HcVaFAb7X7ifICGUBKm65giirQreo5yq6JBuj3qLctgpwWufIlQ46VvYMubmd2pFEYCwxAAFUACTuvcImGmwgd7J3NyTuwXm8AWzcGyQOhjj8j+JSh1y3HCbKUpab//2Q==" data-src="img/2020/pxys20d019.jpg" data-id="29" data-loaded="false" alt="dress Red Hot" height="960">
              <div class="card-pop"><span class="pxy-ui-heart"></span></div>
              <div class="card-price pxy-bolder">65€</div>
              </div><div class="card portrait" id="card-20" data-id="20" data-keywords="Orange Rose rose dress rayon natural short flowerpower summer casual bohemian" data-scroll="0">
              <h3 class="card-title">ORANGE ROSE</h3>
              <img class="card-img observed" src="" data-src="img/2020/pxys20d010.jpg" data-id="20" data-loaded="false" alt="dress Orange Rose" height="960">
              <div class="card-pop"><span class="pxy-ui-heart"></span></div>
              <div class="card-price pxy-bolder">65€</div>
              </div><div class="card portrait" id="card-39" data-id="39" data-keywords="Red Bohemian red dress rayon natural short flowerpower summer casual bohemian" data-scroll="0">
              <h3 class="card-title">RED BOHEMIAN</h3>
              <img class="card-img observed" src="img/2020/pxys20d029.jpg" data-src="img/2020/pxys20d029.jpg" data-id="39" data-loaded="true" alt="dress Red Bohemian" height="960">
              <div class="card-pop"><span class="pxy-ui-heart"></span></div>
              <div class="card-price pxy-bolder">65€</div>
              </div><div class="card portrait" id="card-25" data-id="25" data-keywords="Pink Salmon pink salmon dress rayon natural short flowerpower summer casual bohemian" data-scroll="0">
              <h3 class="card-title">PINK SALMON</h3>
              <img class="card-img observed" src="img/2020/pxys20d015.jpg" data-src="img/2020/pxys20d015.jpg" data-id="25" data-loaded="true" alt="dress Pink Salmon" height="960">
              <div class="card-pop"><span class="pxy-ui-heart"></span></div>
              <div class="card-price pxy-bolder">65€</div>
              </div><div class="card portrait" id="card-22" data-id="22" data-keywords="Red Hot red dress rayon natural short flowerpower summer casual bohemian" data-scroll="0">
              <h3 class="card-title">RED HOT</h3>
              <img class="card-img observed" src="img/2020/pxys20d012.jpg" data-src="img/2020/pxys20d012.jpg" data-id="22" data-loaded="true" alt="dress Red Hot" height="960">
              <div class="card-pop"><span class="pxy-ui-heart"></span></div>
              <div class="card-price pxy-bolder">65€</div>
              </div><div class="card landscape" id="card-15" data-id="15" data-keywords="Starfish gold jewel metal necklace metal nickel free starfish" data-scroll="0">
              <h3 class="card-title">STARFISH</h3>
              <img class="card-img observed" src="img/2020/pxys20j003.jpg" data-src="img/2020/pxys20j003.jpg" data-id="15" data-loaded="true" alt="jewel Starfish" height="480">
              <div class="card-pop"><span class="pxy-ui-heart"></span></div>
              <div class="card-price pxy-bolder">25€</div>
              </div><div class="card portrait" id="card-1" data-id="1" data-keywords="Green Power green dress rayon natural short flowerpower summer casual bohemian" data-scroll="0">
              <h3 class="card-title">GREEN POWER</h3>
              <img class="card-img observed" src="img/2020/pxys20d002.jpg" data-src="img/2020/pxys20d002.jpg" data-id="1" data-loaded="true" alt="dress Green Power" height="960">
              <div class="card-pop"><span class="pxy-ui-heart"></span></div>
              <div class="card-price pxy-bolder">65€</div>
              </div><div class="card square" id="card-7" data-id="7" data-keywords="Classic Tote nature bag rattan rattan tote classic chic bohemian" data-scroll="0">
              <h3 class="card-title">CLASSIC TOTE</h3>
              <img class="card-img observed" src="img/2020/pxys20b001.jpg" data-src="img/2020/pxys20b001.jpg" data-id="7" data-loaded="true" alt="bag Classic Tote" height="480">
              <div class="card-pop"><span class="pxy-ui-heart"></span></div>
              <div class="card-price pxy-bolder">145€</div>
              </div>'

};
</script>

Preparation code output

<div id="box"> <div class="card portrait" id="card-31" data-id="31" data-keywords="Red Bohemian red dress rayon natural short flowerpower summer casual bohemian" data-scroll="0"> <h3 class="card-title">RED BOHEMIAN</h3> <img class="card-img observed" src="img/2020/pxys20d021.jpg" data-src="img/2020/pxys20d021.jpg" data-id="31" data-loaded="true" alt="dress Red Bohemian" height="960"> <div class="card-pop"><span class="pxy-ui-heart"></span></div> <div class="card-price pxy-bolder">65€</div> </div><div class="card square" id="card-14" data-id="14" data-keywords="Lavic chackra black jewel stone necklace new tight lavic stone lava" data-scroll="0"> <h3 class="card-title">LAVIC CHACKRA</h3> <img class="card-img observed" src="img/2020/pxys20j002.jpg" data-src="img/2020/pxys20j002.jpg" data-id="14" data-loaded="true" alt="jewel Lavic chackra" height="480"> <div class="card-pop"><span class="pxy-ui-heart"></span></div> <div class="card-price pxy-bolder">20€</div> </div><div class="card portrait" id="card-0" data-id="0" data-keywords="Pink Salmon pink salmon dress rayon natural short flowerpower summer casual bohemian" data-scroll="0"> <h3 class="card-title">PINK SALMON</h3> <img class="card-img observed" src="img/2020/pxys20d001.jpg" data-src="img/2020/pxys20d001.jpg" data-id="0" data-loaded="true" alt="dress Pink Salmon" height="960"> <div class="card-pop"><span class="pxy-ui-heart"></span></div> <div class="card-price pxy-bolder">65€</div> </div><div class="card portrait" id="card-32" data-id="32" data-keywords="Pink Salmon pink salmon dress rayon natural short flowerpower summer casual bohemian" data-scroll="0"> <h3 class="card-title">PINK SALMON</h3> <img class="card-img observed" src="img/2020/pxys20d022.jpg" data-src="img/2020/pxys20d022.jpg" data-id="32" data-loaded="true" alt="dress Pink Salmon" height="960"> <div class="card-pop"><span class="pxy-ui-heart"></span></div> <div class="card-price pxy-bolder">65€</div> </div><div class="card portrait" id="card-4" data-id="4" data-keywords="Red Hot red dress rayon natural short flowerpower summer casual bohemian" data-scroll="0"> <h3 class="card-title">RED HOT</h3> <img class="card-img observed" src="img/2020/pxys20d005.jpg" data-src="img/2020/pxys20d005.jpg" data-id="4" data-loaded="true" alt="dress Red Hot" height="960"> <div class="card-pop"><span class="pxy-ui-heart"></span></div> <div class="card-price pxy-bolder">65€</div> </div><div class="card portrait" id="card-28" data-id="28" data-keywords="Blue Green Flower blue green dress rayon natural short flowerpower summer casual bohemian" data-scroll="0"> <h3 class="card-title">BLUE GREEN FLOWER</h3> <img class="card-img observed" src="img/2020/pxys20d018.jpg" data-src="img/2020/pxys20d018.jpg" data-id="28" data-loaded="true" alt="dress Blue Green Flower" height="960"> <div class="card-pop"><span class="pxy-ui-heart"></span></div> <div class="card-price pxy-bolder">65€</div> </div><div class="card portrait" id="card-26" data-id="26" data-keywords="Green Power green dress rayon natural short flowerpower summer casual bohemian" data-scroll="0"> <h3 class="card-title">GREEN POWER</h3> <img class="card-img observed" src="img/2020/pxys20d016.jpg" data-src="img/2020/pxys20d016.jpg" data-id="26" data-loaded="true" alt="dress Green Power" height="960"> <div class="card-pop"><span class="pxy-ui-heart"></span></div> <div class="card-price pxy-bolder">65€</div> </div><div class="card portrait" id="card-9" data-id="9" data-keywords="Totem white bag leather leather pony fur handcarved" data-scroll="0"> <h3 class="card-title">TOTEM</h3> <img class="card-img observed" src="img/2020/pxys20b003.jpg" data-src="img/2020/pxys20b003.jpg" data-id="9" data-loaded="true" alt="bag Totem" height="960"> <div class="card-pop"><span class="pxy-ui-heart"></span></div> <div class="card-price pxy-bolder">250€</div> </div><div class="card portrait" id="card-6" data-id="6" data-keywords="Red Bohemian red dress rayon natural short flowerpower summer casual bohemian" data-scroll="0"> <h3 class="card-title">RED BOHEMIAN</h3> <img class="card-img observed" src="img/2020/pxys20d007.jpg" data-src="img/2020/pxys20d007.jpg" data-id="6" data-loaded="true" alt="dress Red Bohemian" height="960"> <div class="card-pop"><span class="pxy-ui-heart"></span></div> <div class="card-price pxy-bolder">65€</div> </div><div class="card landscape" id="card-8" data-id="8" data-keywords="New Round Bag nature bag rattan rattan roundbag round lined batik" data-scroll="0"> <h3 class="card-title">NEW ROUND BAG</h3> <img class="card-img observed" src="img/2020/pxys20b002.jpg" data-src="img/2020/pxys20b002.jpg" data-id="8" data-loaded="true" alt="bag New Round Bag" height="480"> <div class="card-pop"><span class="pxy-ui-heart"></span></div> <div class="card-price pxy-bolder">55€</div> </div><div class="card landscape" id="card-16" data-id="16" data-keywords="Shelly gold jewel shell earing gold plated shell" data-scroll="0"> <h3 class="card-title">SHELLY</h3> <img class="card-img observed" src="img/2020/pxys20j004.jpg" data-src="img/2020/pxys20j004.jpg" data-id="16" data-loaded="true" alt="jewel Shelly" height="480"> <div class="card-pop"><span class="pxy-ui-heart"></span></div> <div class="card-price pxy-bolder">15€</div> </div><div class="card portrait" id="card-27" data-id="27" data-keywords="Orange Rose rose dress rayon natural short flowerpower summer casual bohemian" data-scroll="0"> <h3 class="card-title">ORANGE ROSE</h3> <img class="card-img observed" src="img/2020/pxys20d017.jpg" data-src="img/2020/pxys20d017.jpg" data-id="27" data-loaded="true" alt="dress Orange Rose" height="960"> <div class="card-pop"><span class="pxy-ui-heart"></span></div> <div class="card-price pxy-bolder">65€</div> </div><div class="card portrait" id="card-35" data-id="35" data-keywords="Blue Green Flower blue green dress rayon natural short flowerpower summer casual bohemian" data-scroll="0"> <h3 class="card-title">BLUE GREEN FLOWER</h3> <img class="card-img observed" src="img/2020/pxys20d025.jpg" data-src="img/2020/pxys20d025.jpg" data-id="35" data-loaded="true" alt="dress Blue Green Flower" height="960"> <div class="card-pop"><span class="pxy-ui-heart"></span></div> <div class="card-price pxy-bolder">65€</div> </div><div class="card square" id="card-17" data-id="17" data-keywords="Goldy Shell pink jewel metal necklace shell tight" data-scroll="0"> <h3 class="card-title">GOLDY SHELL</h3> <img class="card-img observed" src="img/2020/pxys20j005.jpg" data-src="img/2020/pxys20j005.jpg" data-id="17" data-loaded="true" alt="jewel Goldy Shell" height="480"> <div class="card-pop"><span class="pxy-ui-heart"></span></div> <div class="card-price pxy-bolder">20€</div> </div><div class="card portrait" id="card-5" data-id="5" data-keywords="Black Bohemian black dress rayon natural short flowerpower summer casual bohemian" data-scroll="0"> <h3 class="card-title">BLACK BOHEMIAN</h3> <img class="card-img observed" src="img/2020/pxys20d006.jpg" data-src="img/2020/pxys20d006.jpg" data-id="5" data-loaded="true" alt="dress Black Bohemian" height="960"> <div class="card-pop"><span class="pxy-ui-heart"></span></div> <div class="card-price pxy-bolder">65€</div> </div><div class="card portrait" id="card-19" data-id="19" data-keywords="Green Power green dress rayon natural short flowerpower summer casual bohemian" data-scroll="0"> <h3 class="card-title">GREEN POWER</h3> <img class="card-img observed" src="img/2020/pxys20d009.jpg" data-src="img/2020/pxys20d009.jpg" data-id="19" data-loaded="true" alt="dress Green Power" height="960"> <div class="card-pop"><span class="pxy-ui-heart"></span></div> <div class="card-price pxy-bolder">65€</div> </div><div class="card landscape" id="card-13" data-id="13" data-keywords="turquoise necklace green jewel stone necklace new short semi precious stone" data-scroll="0"> <h3 class="card-title">TURQUOISE NECKLACE</h3> <img class="card-img observed" src="img/2020/pxys20j001.jpg" data-src="img/2020/pxys20j001.jpg" data-id="13" data-loaded="true" alt="jewel turquoise necklace" height="480"> <div class="card-pop"><span class="pxy-ui-heart"></span></div> <div class="card-price pxy-bolder">25€</div> </div><div class="card portrait" id="card-23" data-id="23" data-keywords="Black Bohemian black dress rayon natural short flowerpower summer casual bohemian" data-scroll="0"> <h3 class="card-title">BLACK BOHEMIAN</h3> <img class="card-img observed" src="img/2020/pxys20d013.jpg" data-src="img/2020/pxys20d013.jpg" data-id="23" data-loaded="true" alt="dress Black Bohemian" height="960"> <div class="card-pop"><span class="pxy-ui-heart"></span></div> <div class="card-price pxy-bolder">65€</div> </div><div class="card portrait" id="card-18" data-id="18" data-keywords="Pink Salmon pink salmon dress rayon natural short flowerpower summer casual bohemian" data-scroll="0"> <h3 class="card-title">PINK SALMON</h3> <img class="card-img observed" src="img/2020/pxys20d008.jpg" data-src="img/2020/pxys20d008.jpg" data-id="18" data-loaded="true" alt="dress Pink Salmon" height="960"> <div class="card-pop"><span class="pxy-ui-heart"></span></div> <div class="card-price pxy-bolder">65€</div> </div><div class="card portrait" id="card-11" data-id="11" data-keywords="Ilary Roundbag nature bag rattan rattan roundbag open lined batik" data-scroll="0"> <h3 class="card-title">ILARY ROUNDBAG</h3> <img class="card-img observed" src="img/2020/pxys20b005.jpg" data-src="img/2020/pxys20b005.jpg" data-id="11" data-loaded="true" alt="bag Ilary Roundbag" height="960"> <div class="card-pop"><span class="pxy-ui-heart"></span></div> <div class="card-price pxy-bolder">40€</div> </div><div class="card square" id="card-10" data-id="10" data-keywords="Round Bag cyan bag leather leather roundbag colorful" data-scroll="0"> <h3 class="card-title">ROUND BAG</h3> <img class="card-img observed" src="img/2020/pxys20b004.jpg" data-src="img/2020/pxys20b004.jpg" data-id="10" data-loaded="true" alt="bag Round Bag" height="480"> <div class="card-pop"><span class="pxy-ui-heart"></span></div> <div class="card-price pxy-bolder">85€</div> </div><div class="card portrait" id="card-30" data-id="30" data-keywords="Black Bohemian black dress rayon natural short flowerpower summer casual bohemian" data-scroll="0"> <h3 class="card-title">BLACK BOHEMIAN</h3> <img class="card-img observed" src="img/2020/pxys20d020.jpg" data-src="img/2020/pxys20d020.jpg" data-id="30" data-loaded="true" alt="dress Black Bohemian" height="960"> <div class="card-pop"><span class="pxy-ui-heart"></span></div> <div class="card-price pxy-bolder">65€</div> </div><div class="card portrait" id="card-36" data-id="36" data-keywords="Red Hot red dress rayon natural short flowerpower summer casual bohemian" data-scroll="0"> <h3 class="card-title">RED HOT</h3> <img class="card-img observed" src="img/2020/pxys20d026.jpg" data-src="img/2020/pxys20d026.jpg" data-id="36" data-loaded="true" alt="dress Red Hot" height="960"> <div class="card-pop"><span class="pxy-ui-heart"></span></div> <div class="card-price pxy-bolder">65€</div> </div><div class="card portrait" id="card-2" data-id="2" data-keywords="Orange Rose rose dress rayon natural short flowerpower summer casual bohemian" data-scroll="0"> <h3 class="card-title">ORANGE ROSE</h3> <img class="card-img observed" src="img/2020/pxys20d003.jpg" data-src="img/2020/pxys20d003.jpg" data-id="2" data-loaded="true" alt="dress Orange Rose" height="960"> <div class="card-pop"><span class="pxy-ui-heart"></span></div> <div class="card-price pxy-bolder">65€</div> </div><div class="card portrait" id="card-24" data-id="24" data-keywords="Red Bohemian red dress rayon natural short flowerpower summer casual bohemian" data-scroll="0"> <h3 class="card-title">RED BOHEMIAN</h3> <img class="card-img observed" src="img/2020/pxys20d014.jpg" data-src="img/2020/pxys20d014.jpg" data-id="24" data-loaded="true" alt="dress Red Bohemian" height="960"> <div class="card-pop"><span class="pxy-ui-heart"></span></div> <div class="card-price pxy-bolder">65€</div> </div><div class="card portrait" id="card-34" data-id="34" data-keywords="Orange Rose rose dress rayon natural short flowerpower summer casual bohemian" data-scroll="0"> <h3 class="card-title">ORANGE ROSE</h3> <img class="card-img observed" src="img/2020/pxys20d024.jpg" data-src="img/2020/pxys20d024.jpg" data-id="34" data-loaded="true" alt="dress Orange Rose" height="960"> <div class="card-pop"><span class="pxy-ui-heart"></span></div> <div class="card-price pxy-bolder">65€</div> </div><div class="card portrait" id="card-38" data-id="38" data-keywords="Red Bohemian red dress rayon natural short flowerpower summer casual bohemian" data-scroll="0"> <h3 class="card-title">RED BOHEMIAN</h3> <img class="card-img observed" src="img/2020/pxys20d028.jpg" data-src="img/2020/pxys20d028.jpg" data-id="38" data-loaded="true" alt="dress Red Bohemian" height="960"> <div class="card-pop"><span class="pxy-ui-heart"></span></div> <div class="card-price pxy-bolder">65€</div> </div><div class="card portrait" id="card-29" data-id="29" data-keywords="Red Hot red dress rayon natural short flowerpower summer casual bohemian" data-scroll="0"> <h3 class="card-title">RED HOT</h3> <img class="card-img observed" src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEASABIAAD/2wBDABcQERQRDhcUEhQaGBcbIjklIh8fIkYyNSk5UkhXVVFIUE5bZoNvW2F8Yk5QcptzfIeLkpSSWG2grJ+OqoOPko3/2wBDARgaGiIeIkMlJUONXlBejY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY3/wAARCAAzABsDASIAAhEBAxEB/8QAGQAAAwEBAQAAAAAAAAAAAAAABAUAAgMG/8QAJxAAAQQCAQQBBAMAAAAAAAAAAQIDABEEIRITMUFRwSMyYXGx4fH/xAAWAQEBAQAAAAAAAAAAAAAAAAADAgH/xAAdEQADAAEFAQAAAAAAAAAAAAABAAIRITFBAxJh/9oADAMBAAIRAxEAPwD1kX5GY6h1ZaW1waNKQQbV7o3rzGHbvEi+p0c5bKwqnFBH7P8AZhdlGRor1SCdV3KZacS62laFBSSO4moqSPlL2lvjy5WTF7jLacVeOqgtf1FEeN2TDslSWn23VmgUqR8/EGCm1L6or7eJN+/EzwL34WkmRo9sNJYabQAQgAf5DYL1mi43jA0ojlVeBCpvxOjk5eGY2HcVaFAb7X7ifICGUBKm65giirQreo5yq6JBuj3qLctgpwWufIlQ46VvYMubmd2pFEYCwxAAFUACTuvcImGmwgd7J3NyTuwXm8AWzcGyQOhjj8j+JSh1y3HCbKUpab//2Q==" data-src="img/2020/pxys20d019.jpg" data-id="29" data-loaded="false" alt="dress Red Hot" height="960"> <div class="card-pop"><span class="pxy-ui-heart"></span></div> <div class="card-price pxy-bolder">65€</div> </div><div class="card portrait" id="card-20" data-id="20" data-keywords="Orange Rose rose dress rayon natural short flowerpower summer casual bohemian" data-scroll="0"> <h3 class="card-title">ORANGE ROSE</h3> <img class="card-img observed" src="" data-src="img/2020/pxys20d010.jpg" data-id="20" data-loaded="false" alt="dress Orange Rose" height="960"> <div class="card-pop"><span class="pxy-ui-heart"></span></div> <div class="card-price pxy-bolder">65€</div> </div><div class="card portrait" id="card-39" data-id="39" data-keywords="Red Bohemian red dress rayon natural short flowerpower summer casual bohemian" data-scroll="0"> <h3 class="card-title">RED BOHEMIAN</h3> <img class="card-img observed" src="img/2020/pxys20d029.jpg" data-src="img/2020/pxys20d029.jpg" data-id="39" data-loaded="true" alt="dress Red Bohemian" height="960"> <div class="card-pop"><span class="pxy-ui-heart"></span></div> <div class="card-price pxy-bolder">65€</div> </div><div class="card portrait" id="card-25" data-id="25" data-keywords="Pink Salmon pink salmon dress rayon natural short flowerpower summer casual bohemian" data-scroll="0"> <h3 class="card-title">PINK SALMON</h3> <img class="card-img observed" src="img/2020/pxys20d015.jpg" data-src="img/2020/pxys20d015.jpg" data-id="25" data-loaded="true" alt="dress Pink Salmon" height="960"> <div class="card-pop"><span class="pxy-ui-heart"></span></div> <div class="card-price pxy-bolder">65€</div> </div><div class="card portrait" id="card-22" data-id="22" data-keywords="Red Hot red dress rayon natural short flowerpower summer casual bohemian" data-scroll="0"> <h3 class="card-title">RED HOT</h3> <img class="card-img observed" src="img/2020/pxys20d012.jpg" data-src="img/2020/pxys20d012.jpg" data-id="22" data-loaded="true" alt="dress Red Hot" height="960"> <div class="card-pop"><span class="pxy-ui-heart"></span></div> <div class="card-price pxy-bolder">65€</div> </div><div class="card landscape" id="card-15" data-id="15" data-keywords="Starfish gold jewel metal necklace metal nickel free starfish" data-scroll="0"> <h3 class="card-title">STARFISH</h3> <img class="card-img observed" src="img/2020/pxys20j003.jpg" data-src="img/2020/pxys20j003.jpg" data-id="15" data-loaded="true" alt="jewel Starfish" height="480"> <div class="card-pop"><span class="pxy-ui-heart"></span></div> <div class="card-price pxy-bolder">25€</div> </div><div class="card portrait" id="card-1" data-id="1" data-keywords="Green Power green dress rayon natural short flowerpower summer casual bohemian" data-scroll="0"> <h3 class="card-title">GREEN POWER</h3> <img class="card-img observed" src="img/2020/pxys20d002.jpg" data-src="img/2020/pxys20d002.jpg" data-id="1" data-loaded="true" alt="dress Green Power" height="960"> <div class="card-pop"><span class="pxy-ui-heart"></span></div> <div class="card-price pxy-bolder">65€</div> </div><div class="card square" id="card-7" data-id="7" data-keywords="Classic Tote nature bag rattan rattan tote classic chic bohemian" data-scroll="0"> <h3 class="card-title">CLASSIC TOTE</h3> <img class="card-img observed" src="img/2020/pxys20b001.jpg" data-src="img/2020/pxys20b001.jpg" data-id="7" data-loaded="true" alt="bag Classic Tote" height="480"> <div class="card-pop"><span class="pxy-ui-heart"></span></div> <div class="card-price pxy-bolder">145€</div> </div></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
innerHTML
box.innerHTML = '';
pending…
first-last
while (box.firstChild) {
  box.removeChild(box.lastChild);
}
pending…
removeChildFirst
while (box.firstChild) {
  box.removeChild(box.firstChild);
}
pending…
textContent
box.textContent = '';
pending…
removeChildLast
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

RED BOHEMIAN

dress Red Bohemian
65€

LAVIC CHACKRA

jewel Lavic chackra
20€

PINK SALMON

dress Pink Salmon
65€

PINK SALMON

dress Pink Salmon
65€

RED HOT

dress Red Hot
65€

BLUE GREEN FLOWER

dress Blue Green Flower
65€

GREEN POWER

dress Green Power
65€

TOTEM

bag Totem
250€

RED BOHEMIAN

dress Red Bohemian
65€

NEW ROUND BAG

bag New Round Bag
55€

SHELLY

jewel Shelly
15€

ORANGE ROSE

dress Orange Rose
65€

BLUE GREEN FLOWER

dress Blue Green Flower
65€

GOLDY SHELL

jewel Goldy Shell
20€

BLACK BOHEMIAN

dress Black Bohemian
65€

GREEN POWER

dress Green Power
65€

TURQUOISE NECKLACE

jewel turquoise necklace
25€

BLACK BOHEMIAN

dress Black Bohemian
65€

PINK SALMON

dress Pink Salmon
65€

ILARY ROUNDBAG

bag Ilary Roundbag
40€

ROUND BAG

bag Round Bag
85€

BLACK BOHEMIAN

dress Black Bohemian
65€

RED HOT

dress Red Hot
65€

ORANGE ROSE

dress Orange Rose
65€

RED BOHEMIAN

dress Red Bohemian
65€

ORANGE ROSE

dress Orange Rose
65€

RED BOHEMIAN

dress Red Bohemian
65€

RED HOT

dress Red Hot
65€

ORANGE ROSE

dress Orange Rose
65€

RED BOHEMIAN

dress Red Bohemian
65€

PINK SALMON

dress Pink Salmon
65€

RED HOT

dress Red Hot
65€

STARFISH

jewel Starfish
25€

GREEN POWER

dress Green Power
65€

CLASSIC TOTE

bag Classic Tote
145€