Toggle navigation
MeasureThat.net
Create a benchmark
Tools
Feedback
FAQ
Register
Log In
innerHTMl vs cached DOM fragment
(version: 0)
the cached DOM fragment is to be added later (via appendChild -> very fast)
Comparing performance of:
creating DOM objects and saving them in memory vs creating DOM objects implicitly and adding them to the DOM
Created:
3 years ago
by:
Guest
Jump to the latest result
HTML Preparation code:
<div id="dom"></div>
Script Preparation code:
window.html = `<div class="nav-mobile__container"> <div class="nav-mobile__close-button font-icon-Close" data-mobile-nav-close data-testid="close-mobile-nav"></div> <div class="nav-mobile__level-2-rail" data-level-two-rail data-mobile-tabs-root> <div class="nav-mobile__top" data-mobile-top> <div class="nav-mobile__tabs made-header__tabs--underline-transition" data-main-tabs data-underline-width-ref> <div class="nav-mobile__tab nav-mobile__tab--selected" data-tab data-default-tab data-mobile-tab> <p class="nav-mobile__tab-name" data-tab-name data-label="Shop">Shop </p> </div> <div class="nav-mobile__tab" data-tab data-mobile-tab> <p class="nav-mobile__tab-name" data-tab-name data-label="Ideas">Ideas </p> </div> <div class="nav-mobile__tab" data-tab data-mobile-tab> <p class="nav-mobile__tab-name" data-tab-name data-label="About"> About</p> </div> </div> <div class="nav-mobile__level-1-rail" data-level-one-rail> <div class="nav-mobile__level-1-list nav-mobile__level-1-list--visible-on-screen" data-default-level1-visible-item> <div class="nav-mobile__level-1-item" data-tracking-level-1="Sale"> <a class="nav-mobile__level-1-link" style="--color: #ff0000" href="/">Sale</a> </div> <div class="nav-mobile__level-1-item" data-subcategory-main-link data-tracking-level-1="New"> <div class="nav-mobile__level-1-img"> <img class="lazyload" height="48" data-srcset="https://res.cloudinary.com/made-test/image/upload/c_lfill,d_madeplusgrey.svg,dpr_1,f_auto,g_auto,h_45,q_auto:good,w_45/v1/madetestcritical/e3607f0c-7b11-4dfa-8741-691a21049009_style-tips2.jpg 1x, https://res.cloudinary.com/made-test/image/upload/c_lfill,d_madeplusgrey.svg,dpr_2,f_auto,g_auto,h_45,q_auto:good,w_45/v1/madetestcritical/e3607f0c-7b11-4dfa-8741-691a21049009_style-tips2.jpg 2x" data-src="https://res.cloudinary.com/made-test/image/upload/c_lfill,d_madeplusgrey.svg,dpr_1,f_auto,g_auto,h_45,q_auto:good,w_45/v1/madetestcritical/e3607f0c-7b11-4dfa-8741-691a21049009_style-tips2.jpg" alt="" /> </div> <div class="nav-mobile__level-1-group text-color" style="--color: #ff0000"> <p >New</p> <span class="nav-mobile__right-arrow font-icon-Right-arrow-small"></span> </div> </div> <div class="nav-mobile__level-1-item" data-subcategory-main-link data-tracking-level-1="Sofas"> <div class="nav-mobile__level-1-img"> <img class="lazyload" height="48" data-srcset="https://res.cloudinary.com/made-test/image/upload/c_lfill,d_madeplusgrey.svg,dpr_1,f_auto,g_auto,h_45,q_auto:good,w_45/v1/madetestcritical/67813d1c-616d-41bc-acf7-2f7b882d4e25_test-sofas.jpeg 1x, https://res.cloudinary.com/made-test/image/upload/c_lfill,d_madeplusgrey.svg,dpr_2,f_auto,g_auto,h_45,q_auto:good,w_45/v1/madetestcritical/67813d1c-616d-41bc-acf7-2f7b882d4e25_test-sofas.jpeg 2x" data-src="https://res.cloudinary.com/made-test/image/upload/c_lfill,d_madeplusgrey.svg,dpr_1,f_auto,g_auto,h_45,q_auto:good,w_45/v1/madetestcritical/67813d1c-616d-41bc-acf7-2f7b882d4e25_test-sofas.jpeg" alt="" /> </div> <div class="nav-mobile__level-1-group text-color" style="--color: #1f00ff"> <p >Sofas</p> <span class="nav-mobile__right-arrow font-icon-Right-arrow-small"></span> </div> </div> <div class="nav-mobile__level-1-item" data-subcategory-main-link data-tracking-level-1="Armchairs"> <div class="nav-mobile__level-1-img"> <img class="lazyload" height="48" data-srcset="https://res.cloudinary.com/made-test/image/upload/c_lfill,d_madeplusgrey.svg,dpr_1,f_auto,g_auto,h_45,q_auto:good,w_45/v1/madetestcritical/e17fde3c-d079-42be-9559-eb3b76558df5_collection1.jpg 1x, https://res.cloudinary.com/made-test/image/upload/c_lfill,d_madeplusgrey.svg,dpr_2,f_auto,g_auto,h_45,q_auto:good,w_45/v1/madetestcritical/e17fde3c-d079-42be-9559-eb3b76558df5_collection1.jpg 2x" data-src="https://res.cloudinary.com/made-test/image/upload/c_lfill,d_madeplusgrey.svg,dpr_1,f_auto,g_auto,h_45,q_auto:good,w_45/v1/madetestcritical/e17fde3c-d079-42be-9559-eb3b76558df5_collection1.jpg" alt="" /> </div> <div class="nav-mobile__level-1-group text-color" style="--color: #e0ff00"> <p >Armchairs</p> <span class="nav-mobile__right-arrow font-icon-Right-arrow-small"></span> </div> </div> <div class="nav-mobile__level-1-item" data-subcategory-main-link data-tracking-level-1="Chairs"> <div class="nav-mobile__level-1-img"> <img class="lazyload" height="48" data-srcset="https://res.cloudinary.com/made-test/image/upload/c_lfill,d_madeplusgrey.svg,dpr_1,f_auto,g_auto,h_45,q_auto:good,w_45/v1/madetestcritical/017355e0-59f6-426b-acf4-17e583053a60_test-chairs.jpeg 1x, https://res.cloudinary.com/made-test/image/upload/c_lfill,d_madeplusgrey.svg,dpr_2,f_auto,g_auto,h_45,q_auto:good,w_45/v1/madetestcritical/017355e0-59f6-426b-acf4-17e583053a60_test-chairs.jpeg 2x" data-src="https://res.cloudinary.com/made-test/image/upload/c_lfill,d_madeplusgrey.svg,dpr_1,f_auto,g_auto,h_45,q_auto:good,w_45/v1/madetestcritical/017355e0-59f6-426b-acf4-17e583053a60_test-chairs.jpeg" alt="" /> </div> <div class="nav-mobile__level-1-group text-color" style="--color: #00ff29"> <p >Chairs</p> <span class="nav-mobile__right-arrow font-icon-Right-arrow-small"></span> </div> </div> <div class="nav-mobile__level-1-item" data-subcategory-main-link data-tracking-level-1="Tables"> <div class="nav-mobile__level-1-img"> <img class="lazyload" height="48" data-srcset="https://res.cloudinary.com/made-test/image/upload/c_lfill,d_madeplusgrey.svg,dpr_1,f_auto,g_auto,h_45,q_auto:good,w_45/v1/madetestcritical/19f0cd2c-5eaa-4c97-bc67-431f97822ea3_test-tables.jpg 1x, https://res.cloudinary.com/made-test/image/upload/c_lfill,d_madeplusgrey.svg,dpr_2,f_auto,g_auto,h_45,q_auto:good,w_45/v1/madetestcritical/19f0cd2c-5eaa-4c97-bc67-431f97822ea3_test-tables.jpg 2x" data-src="https://res.cloudinary.com/made-test/image/upload/c_lfill,d_madeplusgrey.svg,dpr_1,f_auto,g_auto,h_45,q_auto:good,w_45/v1/madetestcritical/19f0cd2c-5eaa-4c97-bc67-431f97822ea3_test-tables.jpg" alt="" /> </div> <div class="nav-mobile__level-1-group " > <p >Tables</p> <span class="nav-mobile__right-arrow font-icon-Right-arrow-small"></span> </div> </div> <div class="nav-mobile__level-1-item" data-subcategory-main-link data-tracking-level-1="Storage"> <div class="nav-mobile__level-1-img"> <img class="lazyload" height="48" data-srcset="https://res.cloudinary.com/made-test/image/upload/c_lfill,d_madeplusgrey.svg,dpr_1,f_auto,g_auto,h_45,q_auto:good,w_45/v1/madetestcritical/3980f3fa-f747-43e6-acea-7f2b45d288dc_storage.jpg 1x, https://res.cloudinary.com/made-test/image/upload/c_lfill,d_madeplusgrey.svg,dpr_2,f_auto,g_auto,h_45,q_auto:good,w_45/v1/madetestcritical/3980f3fa-f747-43e6-acea-7f2b45d288dc_storage.jpg 2x" data-src="https://res.cloudinary.com/made-test/image/upload/c_lfill,d_madeplusgrey.svg,dpr_1,f_auto,g_auto,h_45,q_auto:good,w_45/v1/madetestcritical/3980f3fa-f747-43e6-acea-7f2b45d288dc_storage.jpg" alt="" /> </div> <div class="nav-mobile__level-1-group " > <p >Storage</p> <span class="nav-mobile__right-arrow font-icon-Right-arrow-small"></span> </div> </div> <div class="nav-mobile__level-1-item" data-subcategory-main-link data-tracking-level-1="Beds"> <div class="nav-mobile__level-1-img"> <img class="lazyload" height="48" data-srcset="https://res.cloudinary.com/made-test/image/upload/c_lfill,d_madeplusgrey.svg,dpr_1,f_auto,g_auto,h_45,q_auto:good,w_45/v1/madetestcritical/423b3bde-ec31-4fc7-8085-821c40252c27_beds.jpeg 1x, https://res.cloudinary.com/made-test/image/upload/c_lfill,d_madeplusgrey.svg,dpr_2,f_auto,g_auto,h_45,q_auto:good,w_45/v1/madetestcritical/423b3bde-ec31-4fc7-8085-821c40252c27_beds.jpeg 2x" data-src="https://res.cloudinary.com/made-test/image/upload/c_lfill,d_madeplusgrey.svg,dpr_1,f_auto,g_auto,h_45,q_auto:good,w_45/v1/madetestcritical/423b3bde-ec31-4fc7-8085-821c40252c27_beds.jpeg" alt="" /> </div> <div class="nav-mobile__level-1-group " > <p >Beds</p> <span class="nav-mobile__right-arrow font-icon-Right-arrow-small"></span> </div> </div> <div class="nav-mobile__level-1-item" data-subcategory-main-link data-tracking-level-1="Mattresses"> <div class="nav-mobile__level-1-img"> <img class="lazyload" height="48" data-srcset="https://res.cloudinary.com/made-test/image/upload/c_lfill,d_madeplusgrey.svg,dpr_1,f_auto,g_auto,h_45,q_auto:good,w_45/v1/madetestcritical/553b8992-c7f2-4c86-ad56-90a3c22e4ebd_mattresses.jpg 1x, https://res.cloudinary.com/made-test/image/upload/c_lfill,d_madeplusgrey.svg,dpr_2,f_auto,g_auto,h_45,q_auto:good,w_45/v1/madetestcritical/553b8992-c7f2-4c86-ad56-90a3c22e4ebd_mattresses.jpg 2x" data-src="https://res.cloudinary.com/made-test/image/upload/c_lfill,d_madeplusgrey.svg,dpr_1,f_auto,g_auto,h_45,q_auto:good,w_45/v1/madetestcritical/553b8992-c7f2-4c86-ad56-90a3c22e4ebd_mattresses.jpg" alt="" /> </div> <div class="nav-mobile__level-1-group " > <p >Mattresses</p> <span class="nav-mobile__right-arrow font-icon-Right-arrow-small"></span> </div> </div> <div class="nav-mobile__level-1-item" data-subcategory-main-link data-tracking-level-1="Lighting"> <div class="nav-mobile__level-1-img"> <img class="lazyload" height="48" data-srcset="https://res.cloudinary.com/made-test/image/upload/c_lfill,d_madeplusgrey.svg,dpr_1,f_auto,g_auto,h_45,q_auto:good,w_45/v1/madetestcritical/977d123b-ff9e-48c6-88d5-950bcac5c46b_Lighting_Mobile_Carousel_02.jpg 1x, https://res.cloudinary.com/made-test/image/upload/c_lfill,d_madeplusgrey.svg,dpr_2,f_auto,g_auto,h_45,q_auto:good,w_45/v1/madetestcritical/977d123b-ff9e-48c6-88d5-950bcac5c46b_Lighting_Mobile_Carousel_02.jpg 2x" data-src="https://res.cloudinary.com/made-test/image/upload/c_lfill,d_madeplusgrey.svg,dpr_1,f_auto,g_auto,h_45,q_auto:good,w_45/v1/madetestcritical/977d123b-ff9e-48c6-88d5-950bcac5c46b_Lighting_Mobile_Carousel_02.jpg" alt="" /> </div> <div class="nav-mobile__level-1-group " > <p >Lighting</p> <span class="nav-mobile__right-arrow font-icon-Right-arrow-small"></span> </div> </div> <div class="nav-mobile__level-1-item" data-subcategory-main-link data-tracking-level-1="Home Furnishing"> <div class="nav-mobile__level-1-img"> <img class="lazyload" height="48" data-srcset="https://res.cloudinary.com/made-test/image/upload/c_lfill,d_madeplusgrey.svg,dpr_1,f_auto,g_auto,h_45,q_auto:good,w_45/v1/madetestcritical/3f1f01a2-6be1-4e29-8202-84577c6b06d5_img-test.jpg 1x, https://res.cloudinary.com/made-test/image/upload/c_lfill,d_madeplusgrey.svg,dpr_2,f_auto,g_auto,h_45,q_auto:good,w_45/v1/madetestcritical/3f1f01a2-6be1-4e29-8202-84577c6b06d5_img-test.jpg 2x" data-src="https://res.cloudinary.com/made-test/image/upload/c_lfill,d_madeplusgrey.svg,dpr_1,f_auto,g_auto,h_45,q_auto:good,w_45/v1/madetestcritical/3f1f01a2-6be1-4e29-8202-84577c6b06d5_img-test.jpg" alt="" /> </div> <div class="nav-mobile__level-1-group " > <p >Home Furnishing</p> <span class="nav-mobile__right-arrow font-icon-Right-arrow-small"></span> </div> </div> <div class="nav-mobile__level-1-item" data-subcategory-main-link data-tracking-level-1="Kitchen"> <div class="nav-mobile__level-1-img"> <img class="lazyload" height="48" data-srcset="https://res.cloudinary.com/made-test/image/upload/c_lfill,d_madeplusgrey.svg,dpr_1,f_auto,g_auto,h_45,q_auto:good,w_45/v1/madetestcritical/2187e1e1-3dc2-4e04-ad99-e3c90b086339_kitchen.jpg 1x, https://res.cloudinary.com/made-test/image/upload/c_lfill,d_madeplusgrey.svg,dpr_2,f_auto,g_auto,h_45,q_auto:good,w_45/v1/madetestcritical/2187e1e1-3dc2-4e04-ad99-e3c90b086339_kitchen.jpg 2x" data-src="https://res.cloudinary.com/made-test/image/upload/c_lfill,d_madeplusgrey.svg,dpr_1,f_auto,g_auto,h_45,q_auto:good,w_45/v1/madetestcritical/2187e1e1-3dc2-4e04-ad99-e3c90b086339_kitchen.jpg" alt="" /> </div> <div class="nav-mobile__level-1-group " > <p >Kitchen</p> <span class="nav-mobile__right-arrow font-icon-Right-arrow-small"></span> </div> </div> <div class="nav-mobile__level-1-item" data-subcategory-main-link data-tracking-level-1="Accessories"> <div class="nav-mobile__level-1-img"> <img class="lazyload" height="48" data-srcset="https://res.cloudinary.com/made-test/image/upload/c_lfill,d_madeplusgrey.svg,dpr_1,f_auto,g_auto,h_45,q_auto:good,w_45/v1/madetestcritical/89001433-1854-47cb-9a8d-158135e72e76_Screenshot%2B2020-09-04%2Bat%2B18.49.57.png 1x, https://res.cloudinary.com/made-test/image/upload/c_lfill,d_madeplusgrey.svg,dpr_2,f_auto,g_auto,h_45,q_auto:good,w_45/v1/madetestcritical/89001433-1854-47cb-9a8d-158135e72e76_Screenshot%2B2020-09-04%2Bat%2B18.49.57.png 2x" data-src="https://res.cloudinary.com/made-test/image/upload/c_lfill,d_madeplusgrey.svg,dpr_1,f_auto,g_auto,h_45,q_auto:good,w_45/v1/madetestcritical/89001433-1854-47cb-9a8d-158135e72e76_Screenshot%2B2020-09-04%2Bat%2B18.49.57.png" alt="" /> </div> <div class="nav-mobile__level-1-group " > <p >Accessories</p> <span class="nav-mobile__right-arrow font-icon-Right-arrow-small"></span> </div> </div> <div class="nav-mobile__level-1-item" data-subcategory-main-link data-tracking-level-1="Garden & Conservatory"> <div class="nav-mobile__level-1-img"> <img class="lazyload" height="48" data-srcset="https://res.cloudinary.com/made-test/image/upload/c_lfill,d_madeplusgrey.svg,dpr_1,f_auto,g_auto,h_45,q_auto:good,w_45/v1/madetestcritical/470974d9-2c3e-471c-8b53-42757662e1e5_test-lifestyle.jpg 1x, https://res.cloudinary.com/made-test/image/upload/c_lfill,d_madeplusgrey.svg,dpr_2,f_auto,g_auto,h_45,q_auto:good,w_45/v1/madetestcritical/470974d9-2c3e-471c-8b53-42757662e1e5_test-lifestyle.jpg 2x" data-src="https://res.cloudinary.com/made-test/image/upload/c_lfill,d_madeplusgrey.svg,dpr_1,f_auto,g_auto,h_45,q_auto:good,w_45/v1/madetestcritical/470974d9-2c3e-471c-8b53-42757662e1e5_test-lifestyle.jpg" alt="" /> </div> <div class="nav-mobile__level-1-group " > <p >Garden & Conservatory</p> <span class="nav-mobile__right-arrow font-icon-Right-arrow-small"></span> </div> </div> <div class="nav-mobile__level-1-item" data-subcategory-main-link data-tracking-level-1="Clearance"> <div class="nav-mobile__level-1-group " > <p class="default-copy">Clearance</p> <span class="nav-mobile__right-arrow font-icon-Right-arrow-small"></span> </div> </div> </div> <div class="nav-mobile__level-1-list nav-mobile__level-1-list--big-image nav-mobile__level-1-list--visible-off-screen"> <div class="nav-mobile__level-1-item" data-tracking-level-1="Style Tips"> <a href="/"> <img class="lazyload" height="150" data-srcset="https://res.cloudinary.com/made-test/image/upload/c_lfill,d_madeplusgrey.svg,dpr_1,f_auto,g_auto,h_150,q_auto:good,w_180/v1/madetestcritical/60d4438c-bc13-4c69-aac6-c3c922b2b30b_Screenshot%2B2020-08-27%2Bat%2B19.46.30.png 1x, https://res.cloudinary.com/made-test/image/upload/c_lfill,d_madeplusgrey.svg,dpr_2,f_auto,g_auto,h_150,q_auto:good,w_180/v1/madetestcritical/60d4438c-bc13-4c69-aac6-c3c922b2b30b_Screenshot%2B2020-08-27%2Bat%2B19.46.30.png 2x" data-src="https://res.cloudinary.com/made-test/image/upload/c_lfill,d_madeplusgrey.svg,dpr_1,f_auto,g_auto,h_150,q_auto:good,w_180/v1/madetestcritical/60d4438c-bc13-4c69-aac6-c3c922b2b30b_Screenshot%2B2020-08-27%2Bat%2B19.46.30.png" alt="" /> <p>Style Tips</p> </a> </div> <div class="nav-mobile__level-1-item" data-tracking-level-1="Inspiration"> <a href="/inspiration"> <img class="lazyload" height="150" data-srcset="https://res.cloudinary.com/made-test/image/upload/c_lfill,d_madeplusgrey.svg,dpr_1,f_auto,g_auto,h_150,q_auto:good,w_180/v1/madetestcritical/f3161422-f846-4593-95dd-3cccf2dedc5e_room-ideas2.jpg 1x, https://res.cloudinary.com/made-test/image/upload/c_lfill,d_madeplusgrey.svg,dpr_2,f_auto,g_auto,h_150,q_auto:good,w_180/v1/madetestcritical/f3161422-f846-4593-95dd-3cccf2dedc5e_room-ideas2.jpg 2x" data-src="https://res.cloudinary.com/made-test/image/upload/c_lfill,d_madeplusgrey.svg,dpr_1,f_auto,g_auto,h_150,q_auto:good,w_180/v1/madetestcritical/f3161422-f846-4593-95dd-3cccf2dedc5e_room-ideas2.jpg" alt="" /> <p>Inspiration</p> </a> </div> <div class="nav-mobile__level-1-item" data-tracking-level-1="Style Tips"> <a href="/"> <img class="lazyload" height="150" data-srcset="https://res.cloudinary.com/made-test/image/upload/c_lfill,d_madeplusgrey.svg,dpr_1,f_auto,g_auto,h_150,q_auto:good,w_180/v1/madetestcritical/484b598b-82ff-4ebe-9cce-85360713e90e_how-its-made1.jpg 1x, https://res.cloudinary.com/made-test/image/upload/c_lfill,d_madeplusgrey.svg,dpr_2,f_auto,g_auto,h_150,q_auto:good,w_180/v1/madetestcritical/484b598b-82ff-4ebe-9cce-85360713e90e_how-its-made1.jpg 2x" data-src="https://res.cloudinary.com/made-test/image/upload/c_lfill,d_madeplusgrey.svg,dpr_1,f_auto,g_auto,h_150,q_auto:good,w_180/v1/madetestcritical/484b598b-82ff-4ebe-9cce-85360713e90e_how-its-made1.jpg" alt="" /> <p>Style Tips</p> </a> </div> <div class="nav-mobile__level-1-item" data-tracking-level-1="Style Tips"> <a href="/"> <img class="lazyload" height="150" data-srcset="https://res.cloudinary.com/made-test/image/upload/c_lfill,d_madeplusgrey.svg,dpr_1,f_auto,g_auto,h_150,q_auto:good,w_180/v1/madetestcritical/3acc1f2e-f8e0-48b1-a58c-b1c7b2fa7cfd_designer2.jpg 1x, https://res.cloudinary.com/made-test/image/upload/c_lfill,d_madeplusgrey.svg,dpr_2,f_auto,g_auto,h_150,q_auto:good,w_180/v1/madetestcritical/3acc1f2e-f8e0-48b1-a58c-b1c7b2fa7cfd_designer2.jpg 2x" data-src="https://res.cloudinary.com/made-test/image/upload/c_lfill,d_madeplusgrey.svg,dpr_1,f_auto,g_auto,h_150,q_auto:good,w_180/v1/madetestcritical/3acc1f2e-f8e0-48b1-a58c-b1c7b2fa7cfd_designer2.jpg" alt="" /> <p>Style Tips</p> </a> </div> </div> <div class="nav-mobile__level-1-list nav-mobile__level-1-list--big-image nav-mobile__level-1-list--hidden"> <div class="nav-mobile__level-1-item" data-tracking-level-1="Style Tips"> <a href="/"> <img class="lazyload" height="150" data-srcset="https://res.cloudinary.com/made-test/image/upload/c_lfill,d_madeplusgrey.svg,dpr_1,f_auto,g_auto,h_150,q_auto:good,w_180/v1/madetestcritical/e17fde3c-d079-42be-9559-eb3b76558df5_collection1.jpg 1x, https://res.cloudinary.com/made-test/image/upload/c_lfill,d_madeplusgrey.svg,dpr_2,f_auto,g_auto,h_150,q_auto:good,w_180/v1/madetestcritical/e17fde3c-d079-42be-9559-eb3b76558df5_collection1.jpg 2x" data-src="https://res.cloudinary.com/made-test/image/upload/c_lfill,d_madeplusgrey.svg,dpr_1,f_auto,g_auto,h_150,q_auto:good,w_180/v1/madetestcritical/e17fde3c-d079-42be-9559-eb3b76558df5_collection1.jpg" alt="" /> <p>Style Tips</p> </a> </div> <div class="nav-mobile__level-1-item" data-tracking-level-1="Style Tips"> <a href="/"> <img class="lazyload" height="150" data-srcset="https://res.cloudinary.com/made-test/image/upload/c_lfill,d_madeplusgrey.svg,dpr_1,f_auto,g_auto,h_150,q_auto:good,w_180/v1/madetestcritical/e17fde3c-d079-42be-9559-eb3b76558df5_collection1.jpg 1x, https://res.cloudinary.com/made-test/image/upload/c_lfill,d_madeplusgrey.svg,dpr_2,f_auto,g_auto,h_150,q_auto:good,w_180/v1/madetestcritical/e17fde3c-d079-42be-9559-eb3b76558df5_collection1.jpg 2x" data-src="https://res.cloudinary.com/made-test/image/upload/c_lfill,d_madeplusgrey.svg,dpr_1,f_auto,g_auto,h_150,q_auto:good,w_180/v1/madetestcritical/e17fde3c-d079-42be-9559-eb3b76558df5_collection1.jpg" alt="" /> <p>Style Tips</p> </a> </div> <div class="nav-mobile__level-1-item" data-tracking-level-1="Style Tips"> <a href="/"> <img class="lazyload" height="150" data-srcset="https://res.cloudinary.com/made-test/image/upload/c_lfill,d_madeplusgrey.svg,dpr_1,f_auto,g_auto,h_150,q_auto:good,w_180/v1/madetestcritical/2187e1e1-3dc2-4e04-ad99-e3c90b086339_kitchen.jpg 1x, https://res.cloudinary.com/made-test/image/upload/c_lfill,d_madeplusgrey.svg,dpr_2,f_auto,g_auto,h_150,q_auto:good,w_180/v1/madetestcritical/2187e1e1-3dc2-4e04-ad99-e3c90b086339_kitchen.jpg 2x" data-src="https://res.cloudinary.com/made-test/image/upload/c_lfill,d_madeplusgrey.svg,dpr_1,f_auto,g_auto,h_150,q_auto:good,w_180/v1/madetestcritical/2187e1e1-3dc2-4e04-ad99-e3c90b086339_kitchen.jpg" alt="" /> <p>Style Tips</p> </a> </div> </div> </div> </div> <div class="nav-mobile__level-2" data-mobile-level-two> <div class="nav-mobile__level-2-item" data-level-2-item="Sale" data-tracking-parent=Sale> <div class="nav-mobile__hero"> <div class="nav-mobile__hero-overlay no-overlay"></div> <p class="nav-mobile__hero-title">Sale</p> <div class="nav-mobile__back-button" data-mobile-nav-back> <span class="font-icon font-icon-Left-arrow-small"></span> <span>Menu</span> </div> </div> <div class="nav-mobile__links-list"> <div class="nav-mobile__links-block"> <p></p> <div class="nav-mobile__links"> </div> </div> </div> </div> <div class="nav-mobile__level-2-item" data-level-2-item="New" data-tracking-parent=New> <div class="nav-mobile__hero"> <img class="lazyload" data-srcset="https://res.cloudinary.com/made-test/image/upload/c_lfill,d_madeplusgrey.svg,dpr_1,f_auto,g_auto,q_auto:good,w_600/v1/madetestcritical/cef7832c-4c12-4dfe-8071-1be04d4afc37_style-tips1.jpg 1x, https://res.cloudinary.com/made-test/image/upload/c_lfill,d_madeplusgrey.svg,dpr_2,f_auto,g_auto,q_auto:good,w_600/v1/madetestcritical/cef7832c-4c12-4dfe-8071-1be04d4afc37_style-tips1.jpg 2x" data-src="https://res.cloudinary.com/made-test/image/upload/c_lfill,d_madeplusgrey.svg,f_auto,g_auto,q_auto:good,w_600/v1/madetestcritical/cef7832c-4c12-4dfe-8071-1be04d4afc37_style-tips1.jpg" alt=""> <div class="nav-mobile__hero-overlay "></div> <p class="nav-mobile__hero-title">New</p> <div class="nav-mobile__back-button" data-mobile-nav-back> <span class="font-icon font-icon-Left-arrow-small"></span> <span>Menu</span> </div> </div> <div class="nav-mobile__links-list"> <div class="nav-mobile__links-block"> <p>New</p> <div class="nav-mobile__links"> <a class="nav-mobile__link" href="/new-in/living-room" data-tracking-level-2="">New In Living Room</a> <a class="nav-mobile__link" href="/new-in/dining-room" data-tracking-level-2="">New In Dining Room</a> <a class="nav-mobile__link" href="/new-in/bedroom" data-tracking-level-2="">New In Bedroom</a> <a class="nav-mobile__link" href="/new-in/storage" data-tracking-level-2="">New In Storage</a> <a class="nav-mobile__link" href="/new-in/homeoffice" data-tracking-level-2="">New In Home Office</a> <a class="nav-mobile__link" href="/new-in/bathroom" data-tracking-level-2="">New In Bathroom</a> <a class="nav-mobile__link" href="/new-in/lighting" data-tracking-level-2="">New In Lighting</a> <a class="nav-mobile__link" href="/new-in/accessories" data-tracking-level-2="">New In Accessories</a> <a class="nav-mobile__link" href="/new-in/soft-furnishings" data-tracking-level-2="">New In Home Furnishings</a> <a class="nav-mobile__link" href="/new-in/cook-and-dine" data-tracking-level-2="">New In Kitchen</a> </div> </div> <div class="nav-mobile__links-block"> <p>Test subcategory 2</p> <div class="nav-mobile__links"> <a class="nav-mobile__link" href="/new-in/living-room" data-tracking-level-2="">New In Living Room</a> </div> </div> <div class="nav-mobile__links-block"> <p>Test subcategory 3</p> <div class="nav-mobile__links"> <a class="nav-mobile__link" href="/new-in/living-room" data-tracking-level-2="">New In Living Room</a> </div> </div> <div class="nav-mobile__links-block"> <p>Test subcategory 4</p> <div class="nav-mobile__links"> <a class="nav-mobile__link" href="/new-in/living-room" data-tracking-level-2="">New In Living Room</a> <a class="nav-mobile__link" href="/new-in/living-room" data-tracking-level-2="">New In Living Room</a> <a class="nav-mobile__link" href="/new-in/living-room" data-tracking-level-2="">New In Living Room</a> </div> </div> <div class="nav-mobile__links-block"> <p>Test subcategory 5</p> <div class="nav-mobile__links"> <a class="nav-mobile__link" href="/new-in/living-room" data-tracking-level-2="">New In Living Room</a> <a class="nav-mobile__link" href="/new-in/living-room" data-tracking-level-2="">New In Living Room</a> <a class="nav-mobile__link" href="/new-in/living-room" data-tracking-level-2="">New In Living Room</a> </div> </div> <div class="nav-mobile__links-block"> <p>Test subcategory 6</p> <div class="nav-mobile__links"> <a class="nav-mobile__link" href="/new-in/living-room" data-tracking-level-2="">New In Living Room</a> <a class="nav-mobile__link" href="/new-in/living-room" data-tracking-level-2="">New In Living Room</a> <a class="nav-mobile__link" href="/new-in/living-room" data-tracking-level-2="">New In Living Room</a> </div> </div> <div class="nav-mobile__links-block"> <p>Test 7 Bogdan</p> <div class="nav-mobile__links"> <a class="nav-mobile__link" href="/new-in/living-room" data-tracking-level-2="">New In Living Room</a> <a class="nav-mobile__link" href="/new-in/living-room" data-tracking-level-2="">New In Living Room</a> <a class="nav-mobile__link" href="/new-in/living-room" data-tracking-level-2="">New In Living Room</a> <a class="nav-mobile__link" href="/new-in/living-room" data-tracking-level-2="">New In Living Room</a> <a class="nav-mobile__link" href="/new-in/living-room" data-tracking-level-2="">New In Living Room</a> <a class="nav-mobile__link" href="/new-in/living-room" data-tracking-level-2="">New In Living Room</a> </div> </div> <div class="nav-mobile__links-block"> <p>This is the 8th</p> <div class="nav-mobile__links"> <a class="nav-mobile__link" href="/new-in/living-room" data-tracking-level-2="">New In Living Room</a> <a class="nav-mobile__link" href="/new-in/living-room" data-tracking-level-2="">New In Living Room</a> <a class="nav-mobile__link" href="/new-in/living-room" data-tracking-level-2="">New In Living Room</a> <a class="nav-mobile__link" href="/new-in/living-room" data-tracking-level-2="">New In Living Room</a> <a class="nav-mobile__link" href="/new-in/living-room" data-tracking-level-2="">New In Living Room</a> <a class="nav-mobile__link" href="/new-in/living-room" data-tracking-level-2="">New In Living Room</a> </div> </div> </div> </div> <div class="nav-mobile__level-2-item" data-level-2-item="Sofas" data-tracking-parent=Sofas> <div class="nav-mobile__hero"> <img class="lazyload" data-srcset="https://res.cloudinary.com/made-test/image/upload/c_lfill,d_madeplusgrey.svg,dpr_1,f_auto,g_auto,q_auto:good,w_600/v1/madetestcritical/67813d1c-616d-41bc-acf7-2f7b882d4e25_test-sofas.jpeg 1x, https://res.cloudinary.com/made-test/image/upload/c_lfill,d_madeplusgrey.svg,dpr_2,f_auto,g_auto,q_auto:good,w_600/v1/madetestcritical/67813d1c-616d-41bc-acf7-2f7b882d4e25_test-sofas.jpeg 2x" data-src="https://res.cloudinary.com/made-test/image/upload/c_lfill,d_madeplusgrey.svg,f_auto,g_auto,q_auto:good,w_600/v1/madetestcritical/67813d1c-616d-41bc-acf7-2f7b882d4e25_test-sofas.jpeg" alt=""> <div class="nav-mobile__hero-overlay "></div> <p class="nav-mobile__hero-title">Sofas</p> <div class="nav-mobile__back-button" data-mobile-nav-back> <span class="font-icon font-icon-Left-arrow-small"></span> <span>Menu</span> </div> </div> <div class="nav-mobile__links-list"> <div class="nav-mobile__links-block"> <p>By size</p> <div class="nav-mobile__links"> <a class="nav-mobile__link" href="/sofas-and-armchairs/2-seater-sofas" data-tracking-level-2="">Small & 2 Seater Sofas</a> <a class="nav-mobile__link" href="/sofas-and-armchairs/3-seater-sofas" data-tracking-level-2="">3 Seater Sofas</a> <a class="nav-mobile__link" href="/sofas-and-armchairs/4-seater-sofas" data-tracking-level-2="">4 Seater Sofas</a> <a class="nav-mobile__link" href="/chairs/armchairs" data-tracking-level-2="">Armchairs</a> <a class="nav-mobile__link" href="/sofas-and-armchairs/sofas" data-tracking-level-2="">All Sofas</a> </div> </div> <div class="nav-mobile__links-block"> <p>By type</p> <div class="nav-mobile__links"> <a class="nav-mobile__link" href="/sofas-and-armchairs/sofa-beds" data-tracking-level-2="">Sofa Beds & Chair Beds</a> <a class="nav-mobile__link" href="/sofas-and-armchairs/corner-sofas" data-tracking-level-2="">Corner Sofas</a> <a class="nav-mobile__link" href="/sofas-and-armchairs/modular-sofas" data-tracking-level-2="">Modular Sofas</a> <a class="nav-mobile__link" href="/sofas-and-armchairs/chaise-longues" data-tracking-level-2="">Chaise Longues & Day Beds</a> <a class="nav-mobile__link" href="/sofas-and-armchairs/love-seats" data-tracking-level-2="">Love Seats</a> <a class="nav-mobile__link" href="/sofas-and-armchairs/chesterfield-sofas" data-tracking-level-2="">Chesterfield Sofas</a> </div> </div> <div class="nav-mobile__links-block"> <p>By material</p> <div class="nav-mobile__links"> <a class="nav-mobile__link" href="/sofas-and-armchairs/leather-sofas" data-tracking-level-2="">Leather Sofas</a> <a class="nav-mobile__link" href="/sofas-and-armchairs/velvet-sofas" data-tracking-level-2="">Velvet Sofas</a> <a class="nav-mobile__link" href="/sofas-and-armchairs/fabric-sofas" data-tracking-level-2="">Fabric Sofas</a> </div> </div> <div class="nav-mobile__links-block"> <p>Everything else</p> <div class="nav-mobile__links"> <a class="nav-mobile__link" href="/sofas-and-armchairs/custom-made" data-tracking-level-2="">Custom MADE Sofas</a> <a class="nav-mobile__link" href="/sofasizer" data-tracking-level-2="">Sofa Sizer</a> <a class="nav-mobile__link" href="/find-your-style" data-tracking-level-2="">Find your Style</a> <a class="nav-mobile__link" href="/how-to-buy-a-sofa" data-tracking-level-2="">Sofa Buying Guide</a> <a class="nav-mobile__link" href="/how-to-buy-a-sofa-bed" data-tracking-level-2="">Sofa Bed Buying Guide</a> <a class="nav-mobile__link" href="/how-to-clean-a-sofa" data-tracking-level-2="">Sofa Care Guide</a> </div> </div> </div> </div> <div class="nav-mobile__level-2-item" data-level-2-item="Armchairs" data-tracking-parent=Armchairs> <div class="nav-mobile__hero"> <img class="lazyload" data-srcset="https://res.cloudinary.com/made-test/image/upload/c_lfill,d_madeplusgrey.svg,dpr_1,f_auto,g_auto,q_auto:good,w_600/v1/madetestcritical/e17fde3c-d079-42be-9559-eb3b76558df5_collection1.jpg 1x, https://res.cloudinary.com/made-test/image/upload/c_lfill,d_madeplusgrey.svg,dpr_2,f_auto,g_auto,q_auto:good,w_600/v1/madetestcritical/e17fde3c-d079-42be-9559-eb3b76558df5_collection1.jpg 2x" data-src="https://res.cloudinary.com/made-test/image/upload/c_lfill,d_madeplusgrey.svg,f_auto,g_auto,q_auto:good,w_600/v1/madetestcritical/e17fde3c-d079-42be-9559-eb3b76558df5_collection1.jpg" alt=""> <div class="nav-mobile__hero-overlay "></div> <p class="nav-mobile__hero-title">Armchairs</p> <div class="nav-mobile__back-button" data-mobile-nav-back> <span class="font-icon font-icon-Left-arrow-small"></span> <span>Menu</span> </div> </div> <div class="nav-mobile__links-list"> <div class="nav-mobile__links-block"> <p>By type</p> <div class="nav-mobile__links"> <a class="nav-mobile__link" href="/chairs/armchairs" data-tracking-level-2="">Armchairs</a> <a class="nav-mobile__link" href="/chairs/accent-chairs" data-tracking-level-2="">Accent Chairs</a> <a class="nav-mobile__link" href="/chairs/high-back-chairs" data-tracking-level-2="">High Back Chairs</a> <a class="nav-mobile__link" href="/chairs/tub-chairs" data-tracking-level-2="">Tub Chairs</a> </div> </div> <div class="nav-mobile__links-block"> <p>By material</p> <div class="nav-mobile__links"> <a class="nav-mobile__link" href="/chairs/leather-armchairs" data-tracking-level-2="">Leather Armchairs</a> <a class="nav-mobile__link" href="/chairs/velvet-armchairs" data-tracking-level-2="">Velvet Armchairs</a> <a class="nav-mobile__link" href="/chairs/fabric-armchairs" data-tracking-level-2="">Fabric Armchairs</a> <a class="nav-mobile__link" href="/chairs/chesterfield-chairs" data-tracking-level-2="">Chesterfield Chairs</a> <a class="nav-mobile__link" href="/chairs/leather-armchairs" data-tracking-level-2="">Leather Armchairs</a> <a class="nav-mobile__link" href="/chairs/velvet-armchairs" data-tracking-level-2="">Velvet Armchairs</a> <a class="nav-mobile__link" href="/chairs/fabric-armchairs" data-tracking-level-2="">Fabric Armchairs</a> </div> </div> <div class="nav-mobile__links-block"> <p>Footstools & Beanbags</p> <div class="nav-mobile__links"> <a class="nav-mobile__link" href="/chairs/ottomans-and-footstools" data-tracking-level-2="">Footstools & Ottomans</a> <a class="nav-mobile__link" href="/chairs/bean-bags" data-tracking-level-2="">Beanbags & Pouffes</a> </div> </div> <div class="nav-mobile__links-block"> <p>Everything else</p> <div class="nav-mobile__links"> <a class="nav-mobile__link" href="/sofas-and-armchairs/custom-made" data-tracking-level-2="">Custom MADE Armchairs</a> <a class="nav-mobile__link" href="/find-your-style" data-tracking-level-2="">Find your Style</a> </div> </div> </div> </div> <div class="nav-mobile__level-2-item" data-level-2-item="Chairs" data-tracking-parent=Chairs> <div class="nav-mobile__hero"> <img class="lazyload" data-srcset="https://res.cloudinary.com/made-test/image/upload/c_lfill,d_madeplusgrey.svg,dpr_1,f_auto,g_auto,q_auto:good,w_600/v1/madetestcritical/017355e0-59f6-426b-acf4-17e583053a60_test-chairs.jpeg 1x, https://res.cloudinary.com/made-test/image/upload/c_lfill,d_madeplusgrey.svg,dpr_2,f_auto,g_auto,q_auto:good,w_600/v1/madetestcritical/017355e0-59f6-426b-acf4-17e583053a60_test-chairs.jpeg 2x" data-src="https://res.cloudinary.com/made-test/image/upload/c_lfill,d_madeplusgrey.svg,f_auto,g_auto,q_auto:good,w_600/v1/madetestcritical/017355e0-59f6-426b-acf4-17e583053a60_test-chairs.jpeg" alt=""> <div class="nav-mobile__hero-overlay "></div> <p class="nav-mobile__hero-title">Chairs</p> <div class="nav-mobile__back-button" data-mobile-nav-back> <span class="font-icon font-icon-Left-arrow-small"></span> <span>Menu</span> </div> </div> <div class="nav-mobile__links-list"> <div class="nav-mobile__links-block"> <p>Chairs</p> <div class="nav-mobile__links"> <a class="nav-mobile__link" href="/chairs/dining-chairs" data-tracking-level-2="">Dining Chairs</a> <a class="nav-mobile__link" href="/chairs/stools" data-tracking-level-2="">Stools & Bar Stools</a> <a class="nav-mobile__link" href="/chairs/benches" data-tracking-level-2="">Benches</a> <a class="nav-mobile__link" href="/chairs/office-chairs" data-tracking-level-2="">Office Chairs</a> <a class="nav-mobile__link" href="/chairs/swivel-chairs" data-tracking-level-2="">Swivel Chairs</a> <a class="nav-mobile__link" href="/chairs/bedroom-chairs" data-tracking-level-2="">Bedroom Chairs</a> <a class="nav-mobile__link" href="/outdoor-and-garden/outdoor-chairs" data-tracking-level-2="">Outdoor Chairs</a> <a class="nav-mobile__link" href="/kids/tables-and-chairs" data-tracking-level-2="">Kids Chairs & Stools</a> <a class="nav-mobile__link" href="/outdoor-and-garden/outdoor-chairs" data-tracking-level-2="">Outdoor Chairs</a> <a class="nav-mobile__link" href="/chairs" data-tracking-level-2="">All Chairs</a> </div> </div> <div class="nav-mobile__links-block"> <p>Everything else</p> <div class="nav-mobile__links"> <a class="nav-mobile__link" href="/sofasizer" data-tracking-level-2="">Sofasizer</a> <a class="nav-mobile__link" href="/find-your-style" data-tracking-level-2="">Find your Style</a> </div> </div> </div> </div> <div class="nav-mobile__level-2-item" data-level-2-item="Tables" data-tracking-parent=Tables> <div class="nav-mobile__hero"> <img class="lazyload" data-srcset="https://res.cloudinary.com/made-test/image/upload/c_lfill,d_madeplusgrey.svg,dpr_1,f_auto,g_auto,q_auto:good,w_600/v1/madetestcritical/19f0cd2c-5eaa-4c97-bc67-431f97822ea3_test-tables.jpg 1x, https://res.cloudinary.com/made-test/image/upload/c_lfill,d_madeplusgrey.svg,dpr_2,f_auto,g_auto,q_auto:good,w_600/v1/madetestcritical/19f0cd2c-5eaa-4c97-bc67-431f97822ea3_test-tables.jpg 2x" data-src="https://res.cloudinary.com/made-test/image/upload/c_lfill,d_madeplusgrey.svg,f_auto,g_auto,q_auto:good,w_600/v1/madetestcritical/19f0cd2c-5eaa-4c97-bc67-431f97822ea3_test-tables.jpg" alt=""> <div class="nav-mobile__hero-overlay "></div> <p class="nav-mobile__hero-title">Tables</p> <div class="nav-mobile__back-button" data-mobile-nav-back> <span class="font-icon font-icon-Left-arrow-small"></span> <span>Menu</span> </div> </div> <div class="nav-mobile__links-list"> <div class="nav-mobile__links-block"> <p>Tables</p> <div class="nav-mobile__links"> <a class="nav-mobile__link" href="/tables/dining-tables" data-tracking-level-2="">Dining Tables</a> <a class="nav-mobile__link" href="/tables/extending-tables" data-tracking-level-2="">Extendable Dining Tables</a> <a class="nav-mobile__link" href="/tables/dining-table-sets" data-tracking-level-2="">Dining Table Sets</a> <a class="nav-mobile__link" href="/tables/coffee-tables" data-tracking-level-2="">Coffee Tables</a> <a class="nav-mobile__link" href="/tables/side-tables" data-tracking-level-2="">Side Tables</a> <a class="nav-mobile__link" href="/tables/nest-of-tables" data-tracking-level-2="">Nest of Tables</a> <a class="nav-mobile__link" href="/outdoor-and-garden/garden-table-and-chairs" data-tracking-level-2="">Outdoor Tables</a> <a class="nav-mobile__link" href="/tables/console-tables" data-tracking-level-2="">Console Tables</a> <a class="nav-mobile__link" href="/tables/desks" data-tracking-level-2="">Desks</a> <a class="nav-mobile__link" href="/tables/bedside-tables" data-tracking-level-2="">Bedside Tables</a> </div> </div> <div class="nav-mobile__links-block"> <p>Everything else</p> <div class="nav-mobile__links"> <a class="nav-mobile__link" href="/tables/custom-made-dining-tables" data-tracking-level-2="">Custom MADE Dining Tables</a> <a class="nav-mobile__link" href="/find-your-style" data-tracking-level-2="">Find your Style</a> </div> </div> </div> </div> <div class="nav-mobile__level-2-item" data-level-2-item="Storage" data-tracking-parent=Storage> <div class="nav-mobile__hero"> <img class="lazyload" data-srcset="https://res.cloudinary.com/made-test/image/upload/c_lfill,d_madeplusgrey.svg,dpr_1,f_auto,g_auto,q_auto:good,w_600/v1/madetestcritical/3980f3fa-f747-43e6-acea-7f2b45d288dc_storage.jpg 1x, https://res.cloudinary.com/made-test/image/upload/c_lfill,d_madeplusgrey.svg,dpr_2,f_auto,g_auto,q_auto:good,w_600/v1/madetestcritical/3980f3fa-f747-43e6-acea-7f2b45d288dc_storage.jpg 2x" data-src="https://res.cloudinary.com/made-test/image/upload/c_lfill,d_madeplusgrey.svg,f_auto,g_auto,q_auto:good,w_600/v1/madetestcritical/3980f3fa-f747-43e6-acea-7f2b45d288dc_storage.jpg" alt=""> <div class="nav-mobile__hero-overlay "></div> <p class="nav-mobile__hero-title">Storage</p> <div class="nav-mobile__back-button" data-mobile-nav-back> <span class="font-icon font-icon-Left-arrow-small"></span> <span>Menu</span> </div> </div> <div class="nav-mobile__links-list"> <div class="nav-mobile__links-block"> <p>Storage</p> <div class="nav-mobile__links"> <a class="nav-mobile__link" href="/storage/media-unit" data-tracking-level-2="">Media Units & TV Stands</a> <a class="nav-mobile__link" href="/storage/cabinets" data-tracking-level-2="">Cabinets</a> <a class="nav-mobile__link" href="/storage/sideboards" data-tracking-level-2="">Sideboards</a> <a class="nav-mobile__link" href="/storage/bookcases-and-shelves" data-tracking-level-2="">Bookcases</a> <a class="nav-mobile__link" href="/storage/shelves" data-tracking-level-2="">Shelves & Shelving Units</a> <a class="nav-mobile__link" href="/storage/hallway" data-tracking-level-2="">Hallway Storage</a> <a class="nav-mobile__link" href="/kids/storage" data-tracking-level-2="">Kids Storage</a> <a class="nav-mobile__link" href="/storage/kitchen" data-tracking-level-2="">Kitchen Storage</a> <a class="nav-mobile__link" href="/storage/wardrobes" data-tracking-level-2="">Wardrobes</a> <a class="nav-mobile__link" href="/storage/chests-of-drawers" data-tracking-level-2="">Chest of Drawers</a> </div> </div> <div class="nav-mobile__links-block"> <p>Storage & Utility</p> <div class="nav-mobile__links"> <a class="nav-mobile__link" href="/homewares-accessories/storage-boxes-baskets" data-tracking-level-2="">Boxes & Baskets</a> <a class="nav-mobile__link" href="/kitchen/bins" data-tracking-level-2="">Bins</a> <a class="nav-mobile__link" href="/bathroom/laundry-baskets" data-tracking-level-2="">Laundry Baskets</a> <a class="nav-mobile__link" href="/homewares-accessories/coat-stands-hooks" data-tracking-level-2="">Hooks & Coat Stands</a> </div> </div> <div class="nav-mobile__links-block"> <p>Custom made</p> <div class="nav-mobile__links"> <a class="nav-mobile__link" href="/storagesizer" data-tracking-level-2="">Storagesizer</a> <a class="nav-mobile__link" href="/find-your-style" data-tracking-level-2="">Find your Style</a> <a class="nav-mobile__link" href="/storage/wardrobes/fitted-wardrobes" data-tracking-level-2="">Customer Made Wardrobes</a> </div> </div> </div> </div> <div class="nav-mobile__level-2-item" data-level-2-item="Beds" data-tracking-parent=Beds> <div class="nav-mobile__hero"> <img class="lazyload" data-srcset="https://res.cloudinary.com/made-test/image/upload/c_lfill,d_madeplusgrey.svg,dpr_1,f_auto,g_auto,q_auto:good,w_600/v1/madetestcritical/423b3bde-ec31-4fc7-8085-821c40252c27_beds.jpeg 1x, https://res.cloudinary.com/made-test/image/upload/c_lfill,d_madeplusgrey.svg,dpr_2,f_auto,g_auto,q_auto:good,w_600/v1/madetestcritical/423b3bde-ec31-4fc7-8085-821c40252c27_beds.jpeg 2x" data-src="https://res.cloudinary.com/made-test/image/upload/c_lfill,d_madeplusgrey.svg,f_auto,g_auto,q_auto:good,w_600/v1/madetestcritical/423b3bde-ec31-4fc7-8085-821c40252c27_beds.jpeg" alt=""> <div class="nav-mobile__hero-overlay "></div> <p class="nav-mobile__hero-title">Beds</p> <div class="nav-mobile__back-button" data-mobile-nav-back> <span class="font-icon font-icon-Left-arrow-small"></span> <span>Menu</span> </div> </div> <div class="nav-mobile__links-list"> <div class="nav-mobile__links-block"> <p>By size</p> <div class="nav-mobile__links"> <a class="nav-mobile__link" href="/beds/double-beds" data-tracking-level-2="">Double Beds</a> <a class="nav-mobile__link" href="/beds/king-size-beds" data-tracking-level-2="">King Size Beds</a> <a class="nav-mobile__link" href="/beds/super-kingsize-beds" data-tracking-level-2="">Super King Size Beds</a> <a class="nav-mobile__link" href="/beds/single-beds" data-tracking-level-2="">Single Beds</a> <a class="nav-mobile__link" href="/kids/beds" data-tracking-level-2="">Kids Beds</a> <a class="nav-mobile__link" href="/beds" data-tracking-level-2="">All Beds</a> </div> </div> <div class="nav-mobile__links-block"> <p>By type</p> <div class="nav-mobile__links"> <a class="nav-mobile__link" href="/beds/storage-beds" data-tracking-level-2="">Storage & Ottoman Beds</a> <a class="nav-mobile__link" href="/sofas-and-armchairs/sofa-beds" data-tracking-level-2="">Sofa Beds</a> <a class="nav-mobile__link" href="/beds/upholstered-beds" data-tracking-level-2="">Upholstered Beds</a> <a class="nav-mobile__link" href="/beds/velvet-beds" data-tracking-level-2="">Velvet Beds</a> <a class="nav-mobile__link" href="/beds/wooden-beds" data-tracking-level-2="">Wooden Beds</a> <a class="nav-mobile__link" href="/beds/metal-beds" data-tracking-level-2="">Metal Beds</a> <a class="nav-mobile__link" href="/beds/custom-made" data-tracking-level-2="">Custom MADE Beds</a> </div> </div> <div class="nav-mobile__links-block"> <p>Bedding</p> <div class="nav-mobile__links"> <a class="nav-mobile__link" href="/bedding-and-bath/bed-sets" data-tracking-level-2="">Bedding Sets & Linen</a> <a class="nav-mobile__link" href="/bedding-and-bath/bedspreads-and-blankets" data-tracking-level-2="">Bedspreads & Blankets</a> <a class="nav-mobile__link" href="/bedding-and-bath/cushions" data-tracking-level-2="">Bed Cushions</a> </div> </div> </div> </div> <div class="nav-mobile__level-2-item" data-level-2-item="Mattresses" data-tracking-parent=Mattresses> <div class="nav-mobile__hero"> <img class="lazyload" data-srcset="https://res.cloudinary.com/made-test/image/upload/c_lfill,d_madeplusgrey.svg,dpr_1,f_auto,g_auto,q_auto:good,w_600/v1/madetestcritical/553b8992-c7f2-4c86-ad56-90a3c22e4ebd_mattresses.jpg 1x, https://res.cloudinary.com/made-test/image/upload/c_lfill,d_madeplusgrey.svg,dpr_2,f_auto,g_auto,q_auto:good,w_600/v1/madetestcritical/553b8992-c7f2-4c86-ad56-90a3c22e4ebd_mattresses.jpg 2x" data-src="https://res.cloudinary.com/made-test/image/upload/c_lfill,d_madeplusgrey.svg,f_auto,g_auto,q_auto:good,w_600/v1/madetestcritical/553b8992-c7f2-4c86-ad56-90a3c22e4ebd_mattresses.jpg" alt=""> <div class="nav-mobile__hero-overlay "></div> <p class="nav-mobile__hero-title">Mattresses</p> <div class="nav-mobile__back-button" data-mobile-nav-back> <span class="font-icon font-icon-Left-arrow-small"></span> <span>Menu</span> </div> </div> <div class="nav-mobile__links-list"> <div class="nav-mobile__links-block"> <p>Mattresses</p> <div class="nav-mobile__links"> <a class="nav-mobile__link" href="/mattresses/double-mattresses" data-tracking-level-2="">Double Mattresses</a> <a class="nav-mobile__link" href="/mattresses/super-king-size-mattresses" data-tracking-level-2="">Super King Size Mattresses</a> <a class="nav-mobile__link" href="/mattresses/kingsize-mattresses" data-tracking-level-2="">King Size Mattresses</a> <a class="nav-mobile__link" href="/mattresses/single-mattresses" data-tracking-level-2="">Single Mattresses</a> <a class="nav-mobile__link" href="/mattresses" data-tracking-level-2="">All Mattresses</a> </div> </div> </div> </div> <div class="nav-mobile__level-2-item" data-level-2-item="Lighting" data-tracking-parent=Lighting> <div class="nav-mobile__hero"> <img class="lazyload" data-srcset="https://res.cloudinary.com/made-test/image/upload/c_lfill,d_madeplusgrey.svg,dpr_1,f_auto,g_auto,q_auto:good,w_600/v1/madetestcritical/977d123b-ff9e-48c6-88d5-950bcac5c46b_Lighting_Mobile_Carousel_02.jpg 1x, https://res.cloudinary.com/made-test/image/upload/c_lfill,d_madeplusgrey.svg,dpr_2,f_auto,g_auto,q_auto:good,w_600/v1/madetestcritical/977d123b-ff9e-48c6-88d5-950bcac5c46b_Lighting_Mobile_Carousel_02.jpg 2x" data-src="https://res.cloudinary.com/made-test/image/upload/c_lfill,d_madeplusgrey.svg,f_auto,g_auto,q_auto:good,w_600/v1/madetestcritical/977d123b-ff9e-48c6-88d5-950bcac5c46b_Lighting_Mobile_Carousel_02.jpg" alt=""> <div class="nav-mobile__hero-overlay "></div> <p class="nav-mobile__hero-title">Lighting</p> <div class="nav-mobile__back-button" data-mobile-nav-back> <span class="font-icon font-icon-Left-arrow-small"></span> <span>Menu</span> </div> </div> <div class="nav-mobile__links-list"> <div class="nav-mobile__links-block"> <p>By type</p> <div class="nav-mobile__links"> <a class="nav-mobile__link" href="/lighting/floor-lamps" data-tracking-level-2="">Floor Lamps</a> <a class="nav-mobile__link" href="/lighting/table-lamps" data-tracking-level-2="">Desk & Table Lamps</a> <a class="nav-mobile__link" href="/lighting/bedside-lamps" data-tracking-level-2="">Bedside Table Lamps</a> <a class="nav-mobile__link" href="/lighting/wall-lamp" data-tracking-level-2="">Wall Lights</a> <a class="nav-mobile__link" href="/lighting/ceiling-lights" data-tracking-level-2="">Ceiling Lighting</a> <a class="nav-mobile__link" href="/lighting/tripod-floor-lamps" data-tracking-level-2="">Tripod Floor Lamps</a> <a class="nav-mobile__link" href="/lighting/chandelier" data-tracking-level-2="">Chandeliers</a> <a class="nav-mobile__link" href="/lighting/led-lights" data-tracking-level-2="">LED Lighting</a> <a class="nav-mobile__link" href="/lighting/pendant-lighting" data-tracking-level-2="">Pendant Lighting</a> <a class="nav-mobile__link" href="/lighting/shades-bases" data-tracking-level-2="">Lamp Shades</a> </div> </div> <div class="nav-mobile__links-block"> <p>By room</p> <div class="nav-mobile__links"> <a class="nav-mobile__link" href="/lighting/living-room-lighting" data-tracking-level-2="">Living Room Lighting</a> <a class="nav-mobile__link" href="/lighting/dining-room-lighting" data-tracking-level-2="">Dining Room Lighting</a> <a class="nav-mobile__link" href="/lighting/kitchen-lighting" data-tracking-level-2="">Kitchen Lighting</a> <a class="nav-mobile__link" href="/lighting/bedroom-lighting" data-tracking-level-2="">Bedroom Lighting</a> <a class="nav-mobile__link" href="/lighting/office-lighting" data-tracking-level-2="">Office Lighting</a> <a class="nav-mobile__link" href="/lighting/bathroom-lighting" data-tracking-level-2="">Bathroom Lighting</a> </div> </div> <div class="nav-mobile__links-block"> <p>Everything else</p> <div class="nav-mobile__links"> <a class="nav-mobile__link" href="/find-your-style" data-tracking-level-2="">Find your Style</a> </div> </div> </div> </div> <div class="nav-mobile__level-2-item" data-level-2-item="Home Furnishing" data-tracking-parent=Home Furnishing> <div class="nav-mobile__hero"> <img class="lazyload" data-srcset="https://res.cloudinary.com/made-test/image/upload/c_lfill,d_madeplusgrey.svg,dpr_1,f_auto,g_auto,q_auto:good,w_600/v1/madetestcritical/3f1f01a2-6be1-4e29-8202-84577c6b06d5_img-test.jpg 1x, https://res.cloudinary.com/made-test/image/upload/c_lfill,d_madeplusgrey.svg,dpr_2,f_auto,g_auto,q_auto:good,w_600/v1/madetestcritical/3f1f01a2-6be1-4e29-8202-84577c6b06d5_img-test.jpg 2x" data-src="https://res.cloudinary.com/made-test/image/upload/c_lfill,d_madeplusgrey.svg,f_auto,g_auto,q_auto:good,w_600/v1/madetestcritical/3f1f01a2-6be1-4e29-8202-84577c6b06d5_img-test.jpg" alt=""> <div class="nav-mobile__hero-overlay "></div> <p class="nav-mobile__hero-title">Home Furnishing</p> <div class="nav-mobile__back-button" data-mobile-nav-back> <span class="font-icon font-icon-Left-arrow-small"></span> <span>Menu</span> </div> </div> <div class="nav-mobile__links-list"> <div class="nav-mobile__links-block"> <p>Bed & Bath linen</p> <div class="nav-mobile__links"> <a class="nav-mobile__link" href="/bedding-and-bath/bed-sets" data-tracking-level-2="">Bedding Sets & Linen</a> <a class="nav-mobile__link" href="/bedding-and-bath/bedspreads-and-blankets" data-tracking-level-2="">Bedspreads & Quilts</a> <a class="nav-mobile__link" href="/bedding-and-bath/bath-towels" data-tracking-level-2="">Bath Towels</a> <a class="nav-mobile__link" href="/bedding-and-bath/bath-mats" data-tracking-level-2="">Bath Mats</a> </div> </div> <div class="nav-mobile__links-block"> <p>Rugs</p> <div class="nav-mobile__links"> <a class="nav-mobile__link" href="/homewares-accessories/rugs" data-tracking-level-2="">Rugs</a> <a class="nav-mobile__link" href="/homewares-accessories/doormats" data-tracking-level-2="">Doormat</a> <a class="nav-mobile__link" href="/homewares-accessories/runners" data-tracking-level-2="">Runners & Hallway Rugs</a> </div> </div> <div class="nav-mobile__links-block"> <p>Cushions & Throws</p> <div class="nav-mobile__links"> <a class="nav-mobile__link" href="/homewares-accessories/cushions" data-tracking-level-2="">Cushions</a> <a class="nav-mobile__link" href="/homewares-accessories/throws-blankets" data-tracking-level-2="">Blankets & Throws</a> </div> </div> <div class="nav-mobile__links-block"> <p>Curtains & Wallpaper</p> <div class="nav-mobile__links"> <a class="nav-mobile__link" href="/soft-furnishings/curtains" data-tracking-level-2="">Curtains</a> <a class="nav-mobile__link" href="/homewares-accessories/wallpaper" data-tracking-level-2="">Wallpaper</a> </div> </div> </div> </div> <div class="nav-mobile__level-2-item" data-level-2-item="Kitchen" data-tracking-parent=Kitchen> <div class="nav-mobile__hero"> <img class="lazyload" data-srcset="https://res.cloudinary.com/made-test/image/upload/c_lfill,d_madeplusgrey.svg,dpr_1,f_auto,g_auto,q_auto:good,w_600/v1/madetestcritical/2187e1e1-3dc2-4e04-ad99-e3c90b086339_kitchen.jpg 1x, https://res.cloudinary.com/made-test/image/upload/c_lfill,d_madeplusgrey.svg,dpr_2,f_auto,g_auto,q_auto:good,w_600/v1/madetestcritical/2187e1e1-3dc2-4e04-ad99-e3c90b086339_kitchen.jpg 2x" data-src="https://res.cloudinary.com/made-test/image/upload/c_lfill,d_madeplusgrey.svg,f_auto,g_auto,q_auto:good,w_600/v1/madetestcritical/2187e1e1-3dc2-4e04-ad99-e3c90b086339_kitchen.jpg" alt=""> <div class="nav-mobile__hero-overlay "></div> <p class="nav-mobile__hero-title">Kitchen</p> <div class="nav-mobile__back-button" data-mobile-nav-back> <span class="font-icon font-icon-Left-arrow-small"></span> <span>Menu</span> </div> </div> <div class="nav-mobile__links-list"> <div class="nav-mobile__links-block"> <p>Kitchen</p> <div class="nav-mobile__links"> <a class="nav-mobile__link" href="/kitchen/dinnerware" data-tracking-level-2="">Dinner Sets</a> <a class="nav-mobile__link" href="/kitchen/serveware" data-tracking-level-2="">Serveware</a> <a class="nav-mobile__link" href="/kitchen/cutlery" data-tracking-level-2="">Cutlery Sets</a> <a class="nav-mobile__link" href="/kitchen/glasses-and-tumblers" data-tracking-level-2="">Glassware</a> <a class="nav-mobile__link" href="/kitchen/mugs" data-tracking-level-2="">Mugs</a> <a class="nav-mobile__link" href="/kitchen/pots-and-pans" data-tracking-level-2="">Pots & Pans Sets</a> <a class="nav-mobile__link" href="/kitchen/bins" data-tracking-level-2="">Bins</a> <a class="nav-mobile__link" href="/kitchen/kitchen-accessories" data-tracking-level-2="">Kitchen Accessories</a> <a class="nav-mobile__link" href="/kitchen" data-tracking-level-2="">All Kitchen</a> </div> </div> </div> </div> <div class="nav-mobile__level-2-item" data-level-2-item="Accessories" data-tracking-parent=Accessories> <div class="nav-mobile__hero"> <img class="lazyload" data-srcset="https://res.cloudinary.com/made-test/image/upload/c_lfill,d_madeplusgrey.svg,dpr_1,f_auto,g_auto,q_auto:good,w_600/v1/madetestcritical/89001433-1854-47cb-9a8d-158135e72e76_Screenshot%2B2020-09-04%2Bat%2B18.49.57.png 1x, https://res.cloudinary.com/made-test/image/upload/c_lfill,d_madeplusgrey.svg,dpr_2,f_auto,g_auto,q_auto:good,w_600/v1/madetestcritical/89001433-1854-47cb-9a8d-158135e72e76_Screenshot%2B2020-09-04%2Bat%2B18.49.57.png 2x" data-src="https://res.cloudinary.com/made-test/image/upload/c_lfill,d_madeplusgrey.svg,f_auto,g_auto,q_auto:good,w_600/v1/madetestcritical/89001433-1854-47cb-9a8d-158135e72e76_Screenshot%2B2020-09-04%2Bat%2B18.49.57.png" alt=""> <div class="nav-mobile__hero-overlay "></div> <p class="nav-mobile__hero-title">Accessories</p> <div class="nav-mobile__back-button" data-mobile-nav-back> <span class="font-icon font-icon-Left-arrow-small"></span> <span>Menu</span> </div> </div> <div class="nav-mobile__links-list"> <div class="nav-mobile__links-block"> <p>Home Accessories</p> <div class="nav-mobile__links"> <a class="nav-mobile__link" href="/homewares-accessories/rugs" data-tracking-level-2="">Rugs</a> <a class="nav-mobile__link" href="/homewares-accessories/art" data-tracking-level-2="">Wall Art</a> <a class="nav-mobile__link" href="/homewares-accessories/mirrors" data-tracking-level-2="">Mirrors</a> <a class="nav-mobile__link" href="/homewares-accessories/picture-frames" data-tracking-level-2="">Picture Frames</a> <a class="nav-mobile__link" href="/homewares-accessories/clocks" data-tracking-level-2="">Clocks</a> <a class="nav-mobile__link" href="/homewares-accessories/decorative-accessories" data-tracking-level-2="">Decorative Accessories</a> <a class="nav-mobile__link" href="/outdoor-and-garden/pots-planters" data-tracking-level-2="">Plant Pots & Plant Stands</a> <a class="nav-mobile__link" href="/outdoor-and-garden/accessories" data-tracking-level-2="">Garden Accessories</a> <a class="nav-mobile__link" href="/bathroom/bathroom-accessories" data-tracking-level-2="">Bathroom Accessories</a> <a class="nav-mobile__link" href="/homewares-accessories" data-tracking-level-2="">All Home Accessories</a> </div> </div> <div class="nav-mobile__links-block"> <p>Storage & Utility</p> <div class="nav-mobile__links"> <a class="nav-mobile__link" href="/homewares-accessories/storage-boxes-baskets" data-tracking-level-2="">Boxes & Baskets</a> <a class="nav-mobile__link" href="/homewares-accessories/coat-stands-hooks" data-tracking-level-2="">Hooks & Coat Stands</a> <a class="nav-mobile__link" href="/homewares-accessories/knobs-and-handles" data-tracking-level-2="">Knobs & Handles</a> <a class="nav-mobile__link" href="/bathroom/laundry-baskets" data-tracking-level-2="">Laundry Baskets</a> <a class="nav-mobile__link" href="/storage/storage-and-utility" data-tracking-level-2="">All Storage & Utility</a> </div> </div> <div class="nav-mobile__links-block"> <p>By Room</p> <div class="nav-mobile__links"> <a class="nav-mobile__link" href="/kitchen/kitchen-accessories" data-tracking-level-2="">Kitchen Accessories</a> <a class="nav-mobile__link" href="/bathroom/bathroom-accessories" data-tracking-level-2="">Bathroom Accessories</a> <a class="nav-mobile__link" href="/homewares-accessories/desk-accessories" data-tracking-level-2="">Office Accessories</a> <a class="nav-mobile__link" href="/outdoor-and-garden/accessories" data-tracking-level-2="">Garden Accessories</a> <a class="nav-mobile__link" href="/kids/accessories" data-tracking-level-2="">Kids Accessories</a> </div> </div> <div class="nav-mobile__links-block"> <p>Everything else</p> <div class="nav-mobile__links"> <a class="nav-mobile__link" href="/find-your-style" data-tracking-level-2="">Find your Style</a> </div> </div> </div> </div> <div class="nav-mobile__level-2-item" data-level-2-item="Garden & Conservatory" data-tracking-parent=Garden & Conservatory> <div class="nav-mobile__hero"> <img class="lazyload" data-srcset="https://res.cloudinary.com/made-test/image/upload/c_lfill,d_madeplusgrey.svg,dpr_1,f_auto,g_auto,q_auto:good,w_600/v1/madetestcritical/470974d9-2c3e-471c-8b53-42757662e1e5_test-lifestyle.jpg 1x, https://res.cloudinary.com/made-test/image/upload/c_lfill,d_madeplusgrey.svg,dpr_2,f_auto,g_auto,q_auto:good,w_600/v1/madetestcritical/470974d9-2c3e-471c-8b53-42757662e1e5_test-lifestyle.jpg 2x" data-src="https://res.cloudinary.com/made-test/image/upload/c_lfill,d_madeplusgrey.svg,f_auto,g_auto,q_auto:good,w_600/v1/madetestcritical/470974d9-2c3e-471c-8b53-42757662e1e5_test-lifestyle.jpg" alt=""> <div class="nav-mobile__hero-overlay "></div> <p class="nav-mobile__hero-title">Garden & Conservatory</p> <div class="nav-mobile__back-button" data-mobile-nav-back> <span class="font-icon font-icon-Left-arrow-small"></span> <span>Menu</span> </div> </div> <div class="nav-mobile__links-list"> <div class="nav-mobile__links-block"> <p>Bikes</p> <div class="nav-mobile__links"> <a class="nav-mobile__link" href="/collection/made-x-closca-collection" data-tracking-level-2="">MADE x Closca</a> <a class="nav-mobile__link" href="/collection/made-x-veloretti" data-tracking-level-2="">MADE x Veloretti Bikes</a> <a class="nav-mobile__link" href="/bikes/bike-accessories" data-tracking-level-2="">Bike Accessories</a> <a class="nav-mobile__link" href="/bikes" data-tracking-level-2="">All Bikes & Accessories</a> </div> </div> <div class="nav-mobile__links-block"> <p>Lifestyle</p> <div class="nav-mobile__links"> <a class="nav-mobile__link" href="/travel-bags" data-tracking-level-2="">Backpacks & Bags</a> <a class="nav-mobile__link" href="/lifestyle/suitcases" data-tracking-level-2="">Suitcases & Travel Accessories</a> <a class="nav-mobile__link" href="/lifestyle/audio-and-technology" data-tracking-level-2="">Audio & Technology</a> <a class="nav-mobile__link" href="/lifestyle/games" data-tracking-level-2="">Games</a> <a class="nav-mobile__link" href="/lifestyle" data-tracking-level-2="">All Lifestyle</a> </div> </div> <div class="nav-mobile__links-block"> <p>Pets</p> <div class="nav-mobile__links"> <a class="nav-mobile__link" href="/pets/pet-beds" data-tracking-level-2="">Cat & Dog Beds</a> <a class="nav-mobile__link" href="/pets/pet-bowls" data-tracking-level-2="">Cat & Dog Bowls</a> <a class="nav-mobile__link" href="/pets/dog-collars-leads" data-tracking-level-2="">Dog Collars & Leads</a> <a class="nav-mobile__link" href="/pets" data-tracking-level-2="">All Pets</a> </div> </div> </div> </div> <div class="nav-mobile__level-2-item" data-level-2-item="Clearance" data-tracking-parent=Clearance> <div class="nav-mobile__hero"> <div class="nav-mobile__hero-overlay no-overlay"></div> <p class="nav-mobile__hero-title">Clearance</p> <div class="nav-mobile__back-button" data-mobile-nav-back> <span class="font-icon font-icon-Left-arrow-small"></span> <span>Menu</span> </div> </div> <div class="nav-mobile__links-list"> <div class="nav-mobile__links-block"> <p>Clearance</p> <div class="nav-mobile__links"> <a class="nav-mobile__link" href="/last-chance/sofas-armchairs" data-tracking-level-2="">Sofas & Armchairs</a> <a class="nav-mobile__link" href="/last-chance/beds" data-tracking-level-2="">Beds</a> <a class="nav-mobile__link" href="/last-chance/chairs" data-tracking-level-2="">Chairs</a> <a class="nav-mobile__link" href="/last-chance/tables" data-tracking-level-2="">Tables</a> <a class="nav-mobile__link" href="/last-chance/storage" data-tracking-level-2="">Storage</a> <a class="nav-mobile__link" href="/last-chance/lighting" data-tracking-level-2="">Lighting</a> <a class="nav-mobile__link" href="/last-chance/rugs-accessories" data-tracking-level-2="">Home Accessories</a> <a class="nav-mobile__link" href="/last-chance/soft-furnishings" data-tracking-level-2="">Soft Furnishings</a> <a class="nav-mobile__link" href="/last-chance/lifestyle" data-tracking-level-2="">Lifestyle</a> <a class="nav-mobile__link" href="/last-chance" data-tracking-level-2="">All Clearance</a> </div> </div> <div class="nav-mobile__links-block"> <p>By Room</p> <div class="nav-mobile__links"> <a class="nav-mobile__link" href="/last-chance/living-room" data-tracking-level-2="">Living room</a> <a class="nav-mobile__link" href="/last-chance/bedroom-furniture" data-tracking-level-2="">Bedroom</a> <a class="nav-mobile__link" href="/last-chance/dining-room" data-tracking-level-2="">Dining room</a> <a class="nav-mobile__link" href="/last-chance/office-hallway" data-tracking-level-2="">Office & Hallway</a> <a class="nav-mobile__link" href="/last-chance/kitchen" data-tracking-level-2="">Kitchen</a> <a class="nav-mobile__link" href="/last-chance/last-chance-bed-bath" data-tracking-level-2="">Bathroom</a> <a class="nav-mobile__link" href="/last-chance/outdoor-furniture" data-tracking-level-2="">Outdoor</a> </div> </div> </div> </div> </div> </div> <div class="nav-mobile__bottom"> <div class="nav-mobile__bottom-links" data-mobile-wrapper> <div class="nav-mobile__message-wrapper hidden-on-logged-out" data-testid="mobile-login-message"> <div class="nav-mobile__login-message" data-login-message> Hi <span data-mobile-logged-in></span> </div> <a class="nav-mobile__logout" href="/customer/account/logout" data-tracking-level-1="Log Out">Log Out</a> </div> <div class="nav-mobile__bottom-link hidden-on-logged-in" data-testid="login"> <a href="/customer/account" data-tracking-level-1="Log in / Register"> <span class="nav-mobile__icon icon font-icon-Account-logged-out"></span> Log in / Register </a> </div> <div class="nav-mobile__bottom-link hidden-on-logged-out" data-testid="my account"> <a href="/customer/account" data-tracking-level-1="My account"> <span class="nav-mobile__icon icon font-icon-Account-logged-in"></span> My account </a> </div> <div class="nav-mobile__bottom-link hidden-on-logged-out" data-testid="my orders"> <a href="/sales/order/history/" data-tracking-level-1="My orders"> <span class="nav-mobile__icon icon font-icon-orders"></span> My orders </a> </div> <div class="nav-mobile__bottom-link " data-testid="showroom"> <a href="/showrooms" data-tracking-level-1="Our showrooms"> <span class="nav-mobile__icon icon font-icon-showrooms"></span> Our showrooms </a> </div> <div class="nav-mobile__bottom-link " data-testid="help center"> <a href="https://help.made.com/hc/en-gb" data-tracking-level-1="Help Centre"> <span class="nav-mobile__icon icon font-icon-support"></span> Help Centre </a> </div> <div class="nav-mobile__bottom-link " data-testid="app"> <a href="" data-tracking-level-1="Download the MADE app"> <span class="nav-mobile__icon icon font-icon-app"></span> Download the MADE app </a> </div> </div> <div class="nav-mobile__storeswitcher"> <span data-store-dropdown-item-mobile></span> <span class="nav-mobile__storeswitcher-arrow font-icon-Link-Arrow"></span> <select id="store-switcher-select" data-mobile-store-tracking> <option value="United Kingdom" data-current-store-code-mobile data-flag="en-gb" data-code="en-gb" data-path="" > United Kingdom </option> <option value="Ireland" data-current-store-code-mobile data-flag="en-ie" data-code="en-gb" data-path="" > Ireland </option> <option value="France" data-current-store-code-mobile data-flag="fr-fr" data-code="fr-fr" data-path="fr/" > France </option> <option value="Belgium (French)" data-current-store-code-mobile data-flag="fr-be" data-code="fr-fr" data-path="fr/" > Belgium (French) </option> <option value="Netherlands" data-current-store-code-mobile data-flag="nl-nl" data-code="nl-nl" data-path="nl/" > Netherlands </option> <option value="Belgium (Dutch)" data-current-store-code-mobile data-flag="nl-be" data-code="nl-nl" data-path="nl/" > Belgium (Dutch) </option> <option value="Germany" data-current-store-code-mobile data-flag="de-de" data-code="de-de" data-path="de/" > Germany </option> <option value="Austria (German)" data-current-store-code-mobile data-flag="de-at" data-code="de-de" data-path="de/" > Austria (German) </option> <option value="Switzerland (German)" data-current-store-code-mobile data-flag="de-ch" data-code="de-ch" data-path="ch/" > Switzerland (German) </option> <option value="Spain" data-current-store-code-mobile data-flag="es-es" data-code="es-es" data-path="es/" > Spain </option> </select> </div> </div> </div> `; window.savedFragments = []; window.dom = document.getElementById('dom'); window.setupMobileSubnavInsertion = (subnavHTML) => { window.dom.innerHTML = subnavHTML; }; window.setupMobileSubnavInsertion2Fragment = (subnavHTML) => { const template = document.createElement('template'); template.innerHTML = subnavHTML; return template.content; };
Tests:
creating DOM objects and saving them in memory
window.savedFragments.push(window.setupMobileSubnavInsertion2Fragment(window.html))
creating DOM objects implicitly and adding them to the DOM
window.setupMobileSubnavInsertion(window.html)
Rendered benchmark preparation results:
Suite status:
<idle, ready to run>
Run tests (2)
Previous results
Fork
Test case name
Result
creating DOM objects and saving them in memory
creating DOM objects implicitly and adding them to the DOM
Fastest:
N/A
Slowest:
N/A
Latest run results:
No previous run results
This benchmark does not have any results yet. Be the first one
to run it!
Autogenerated LLM Summary
(model
llama3.2:3b
, generated one year ago):
Based on the provided code snippets, HTML templates, and benchmark definitions, I'll attempt to provide an answer. **Code Analysis** The code appears to be part of a web application that renders a mobile navigation subnav. The `window.setupMobileSubnavInsertion` function takes an HTML string as input and appends it to an existing DOM element with the ID "dom". The `window.setupMobileSubnavInsertion2Fragment` function is similar, but it returns a `template` object containing the same HTML. **Benchmark Analysis** The benchmark definitions suggest that two test cases are being measured: 1. Creating DOM objects and saving them in memory. 2. Creating DOM objects implicitly and adding them to the DOM. These tests likely measure the performance of creating and manipulating DOM objects, which is a common use case in web development. **Performance Observations** From the benchmark results, we can observe that: * The "creating DOM objects and saving them in memory" test (Test Name: "creating DOM objects and saving them in memory") has an average execution frequency of 581.29 Hz. * The "creating DOM objects implicitly and adding them to the DOM" test (Test Name: "creating DOM objects implicitly and adding them to the DOM") has an average execution frequency of 468.87 Hz. These results suggest that creating and saving DOM objects in memory might be slightly faster than creating them implicitly and adding them to the DOM. **Theoretical Explanation** This performance difference could be due to various factors, such as: * The overhead of dynamically appending HTML elements to the DOM versus simply creating a new template object. * Differences in JavaScript engine optimization or caching between the two tests. * Variations in network latency or page loading times that affect the test results. Without more detailed information about the specific use case, hardware configuration, and browser settings, it's difficult to provide a definitive explanation for this performance difference.
Related benchmarks:
innerHTML vs removeChild (firstChild and lastChild)
createElement vs innerHTML
.getElementsByClassName() vs. .querySelectorAll()
item(i) vs childNodes[i]
replaceChildren VS while+appendChild VS replaceChildren+fragment VS innerHTML+fragment VS while+fragment
Comments
Confirm delete:
Do you really want to delete benchmark?