MeasureThat.net

 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: 2 years ago by: Guest
Jump to the latest result
HTML Preparation code:
AخA
 
1
<div id="dom"></div>
Script Preparation code:
​x
 
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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; Beanbags</p>
                                            <div class="nav-mobile__links">
                                                        <a class="nav-mobile__link" href="/chairs/ottomans-and-footstools"  data-tracking-level-2="">Footstools &amp; Ottomans</a>
                                                        <a class="nav-mobile__link" href="/chairs/bean-bags"  data-tracking-level-2="">Beanbags &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; Utility</p>
                                            <div class="nav-mobile__links">
                                                        <a class="nav-mobile__link" href="/homewares-accessories/storage-boxes-baskets"  data-tracking-level-2="">Boxes &amp; 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 &amp; 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 &amp; 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 &amp; Linen</a>
                                                        <a class="nav-mobile__link" href="/bedding-and-bath/bedspreads-and-blankets"  data-tracking-level-2="">Bedspreads &amp; 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 &amp; 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 &amp; 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 &amp; Linen</a>
                                                        <a class="nav-mobile__link" href="/bedding-and-bath/bedspreads-and-blankets"  data-tracking-level-2="">Bedspreads &amp; 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 &amp; Hallway Rugs</a>
                                            </div>
                                        </div>
                                        <div class="nav-mobile__links-block">
                                            <p>Cushions &amp; 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 &amp; Throws</a>
                                            </div>
                                        </div>
                                        <div class="nav-mobile__links-block">
                                            <p>Curtains &amp; 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 &amp; 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 &amp; 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 &amp; Utility</p>
                                            <div class="nav-mobile__links">
                                                        <a class="nav-mobile__link" href="/homewares-accessories/storage-boxes-baskets"  data-tracking-level-2="">Boxes &amp; Baskets</a>
                                                        <a class="nav-mobile__link" href="/homewares-accessories/coat-stands-hooks"  data-tracking-level-2="">Hooks &amp; Coat Stands</a>
                                                        <a class="nav-mobile__link" href="/homewares-accessories/knobs-and-handles"  data-tracking-level-2="">Knobs &amp; 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 &amp; 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 &amp; Conservatory"
                data-tracking-parent=Garden &amp; 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 &amp; 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 &amp; 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 &amp; Bags</a>
                                                        <a class="nav-mobile__link" href="/lifestyle/suitcases"  data-tracking-level-2="">Suitcases &amp; Travel Accessories</a>
                                                        <a class="nav-mobile__link" href="/lifestyle/audio-and-technology"  data-tracking-level-2="">Audio &amp; 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 &amp; Dog Beds</a>
                                                        <a class="nav-mobile__link" href="/pets/pet-bowls"  data-tracking-level-2="">Cat &amp; Dog Bowls</a>
                                                        <a class="nav-mobile__link" href="/pets/dog-collars-leads"  data-tracking-level-2="">Dog Collars &amp; 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 &amp; 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 &amp; 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>

Previous results

Experimental features:

  • 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:
Run details: (Test run date: 2 years ago)
Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/105.0.0.0 Safari/537.36
Chrome 105 on Mac OS X 10.15.7
View result in a separate tab
Test name Executions per second
creating DOM objects and saving them in memory 581.3 Ops/sec
creating DOM objects implicitly and adding them to the DOM 468.9 Ops/sec
LLMs can make mistakes. Check important info.
Related benchmarks: