{"id":1873,"date":"2026-04-02T13:29:15","date_gmt":"2026-04-02T13:29:15","guid":{"rendered":"https:\/\/staging.younify.fidev.nl\/solution\/improving-core-web-vitals-on-a-magento-hyva-webshop-the-approach-at-wink-see\/"},"modified":"2026-04-30T11:41:05","modified_gmt":"2026-04-30T11:41:05","slug":"improving-core-web-vitals-on-a-magento-hyva-webshop-the-approach-at-wink-see","status":"publish","type":"solution","link":"https:\/\/staging.younify.fidev.nl\/en\/solution\/improving-core-web-vitals-on-a-magento-hyva-webshop-the-approach-at-wink-see\/","title":{"rendered":"Improving Core Web Vitals on a Magento Hyv\u00e4 webshop: the approach at Wink &amp; See"},"content":{"rendered":"\n<section class=\"container-fluid el-text-columns \">\n    <div class=\"container-lg py-5\">\n                    \n                <div class=\"row justify-content-lg-start align-items-start text-start\">\n\n                                            <div class=\"col-lg-12 h4-uppercase h4-semibold\">\n                                                        <h2>The problem<\/h2>\n<p>Google uses Core Web Vitals as a direct ranking factor. A low score, especially on mobile, costs organic traffic, increases the bounce rate, and harms the user experience. For Wink &amp; See, there was a specific bottleneck: a CLS (Cumulative Layout Shift) issue on the product page caused elements to shift while the page was loading. For mobile users, this meant clicking the wrong button, frustration, and dropping off, precisely on the page where the purchase decision is made.   <\/p>\n                                                                                                                                        <\/div>\n                                    <\/div>\n                            <\/div>\n<\/section>\n\n\n<section class=\"container-fluid el-text-image pt-lg-5 bg-accent-2 position-relative mb-minus-1 pb-lg-5\">\n    <div class=\"container-xl py-5\">\n        <div class=\"row\">\n\n                            <div class=\"col-lg-4 pe-lg-4 position-relative\" data-aos=\"fade-up\">\n                    <h2>What we did<\/h2>\n                <\/div>\n            \n                            <div class=\"col-lg-8 ps-lg-4\" data-aos=\"fade-up\" data-aos-delay=\"200\">\n                    <p class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\">Younify installed <a class=\"underline underline underline-offset-2 decoration-1 decoration-current\/40 hover:decoration-current focus:decoration-current\" href=\"https:\/\/rumvision.com\/\">Rumvision<\/a> for a structured Real User Monitoring analysis and compiled a priority report with the most impactful points for improvement. The CLS issue on the product page was resolved through image reservation and targeted CSS adjustments, ensuring elements remain stably in place during loading. <\/p>\n<p class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\">Additional optimizations were implemented: lazy loading for images outside the viewport, inlining critical CSS, and reducing render-blocking scripts. While the Hyv\u00e4 architecture already provided a strong advantage over Luma as a foundation, these targeted interventions structurally brought the scores into the green zone. <\/p>\n                <\/div>\n            \n        <\/div>\n    <\/div>\n<\/section>\n    <section class=\"container-fluid el-text-image position-relative \">\n        <div class=\"container-xl py-5\">\n            <div class=\"row align-items-center pb-4\">\n\n                                    <div class=\"col-lg-6 pe-lg-4 position-relative\" data-aos=\"fade-up\">\n                        <div class=\"masked-image-wrapper\">\n                            <div class=\"masked-image mask-3\" style=\"background: #f8f4f8;\">\n                                <div class=\"masked-image mask-3\" style=\"transform: scale(0.98);\">\n                                    <img decoding=\"async\" src=\"https:\/\/staging.younify.fidev.nl\/wp-content\/uploads\/2026\/04\/Screenshot-2026-04-02-at-3.16.19-PM-1024x783.png\" alt=\"\">\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                \n                                    <div class=\"col-lg-6 py-lg-0 pb-4 pt-4 ps-lg-5\" data-aos=\"fade-up\" data-aos-delay=\"200\">\n                        <div class=\"h4-uppercase \">\n                            <h2>The result<\/h2>\n<p>Core Web Vitals scores of 90+ on both desktop and mobile. Better organic rankings in the competitive optics market, fewer bounces, and a smoother user experience, visible in both the measurement data and customer feedback. <\/p>\n\n                            \n                        <\/div>\n                    <\/div>\n                \n            <\/div>\n        <\/div>\n                        <\/section>\n<section class=\"container-fluid bg-accent-1 py-5 position-relative\">\n    <div class=\"container-xl py-4\">\n        <div class=\"row justify-content-center pb-lg-3\" data-aos=\"fade-up\" data-aos-delay=\"100\">\n            <div class=\"col-lg-6 d-flex flex-column justify-content-center align-items-center text-center\">\n                                    <h3>Would you like to improve the Core Web Vitals of your Hyv\u00e4 webshop?<\/h3>\n                \n                                    <div class=\"d-grid gap-3 gap-lg-3 d-lg-flex justify-content-lg-center mt-4 w-100\">\n\n                                                    <a class=\"btn\"\n                               href=\"https:\/\/www.younify.nl\/contact\/\"\n                               target=\"\">\n                                Contact us                            <\/a>\n                        \n                        \n                    <\/div>\n                            <\/div>\n        <\/div>\n    <\/div>\n\n   <svg width=\"1512\" height=\"28\" viewBox=\"0 0 1512 28\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"fig-bottom host-svg\">\n            <path d=\"M792.124 0C360.124 0 62.6667 20.9999 -22 27.9999H1533C1473.33 21.6666 1224.12 0 792.124 0Z\" fill=\"#000938\"><\/path>\n        <\/svg>\n<\/section>\n\n<p><\/p>\n","protected":false},"featured_media":1878,"template":"","meta":{"_acf_changed":false},"class_list":["post-1873","solution","type-solution","status-publish","has-post-thumbnail","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Improving Core Web Vitals on Magento Hyv\u00e4: 90+<\/title>\n<meta name=\"description\" content=\"Younify resolved CLS issues and optimized loading times for Wink &amp; See using Rumvision, resulting in 90+ scores on both desktop and mobile.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/staging.younify.fidev.nl\/en\/solution\/improving-core-web-vitals-on-a-magento-hyva-webshop-the-approach-at-wink-see\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Improving Core Web Vitals on Magento Hyv\u00e4: 90+\" \/>\n<meta property=\"og:description\" content=\"Younify resolved CLS issues and optimized loading times for Wink &amp; See using Rumvision, resulting in 90+ scores on both desktop and mobile.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/staging.younify.fidev.nl\/en\/solution\/improving-core-web-vitals-on-a-magento-hyva-webshop-the-approach-at-wink-see\/\" \/>\n<meta property=\"og:site_name\" content=\"Magento Specialists\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/younify\/\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-30T11:41:05+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/staging.younify.fidev.nl\/wp-content\/uploads\/2026\/04\/Example-010-Wink-Core-Web-Vitals.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"1080\" \/>\n\t<meta property=\"og:image:height\" content=\"1080\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@younify\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/staging.younify.fidev.nl\\\/en\\\/solution\\\/improving-core-web-vitals-on-a-magento-hyva-webshop-the-approach-at-wink-see\\\/\",\"url\":\"https:\\\/\\\/staging.younify.fidev.nl\\\/en\\\/solution\\\/improving-core-web-vitals-on-a-magento-hyva-webshop-the-approach-at-wink-see\\\/\",\"name\":\"Improving Core Web Vitals on Magento Hyv\u00e4: 90+\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/staging.younify.fidev.nl\\\/en\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/staging.younify.fidev.nl\\\/en\\\/solution\\\/improving-core-web-vitals-on-a-magento-hyva-webshop-the-approach-at-wink-see\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/staging.younify.fidev.nl\\\/en\\\/solution\\\/improving-core-web-vitals-on-a-magento-hyva-webshop-the-approach-at-wink-see\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/staging.younify.fidev.nl\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/Example-010-Wink-Core-Web-Vitals.webp\",\"datePublished\":\"2026-04-02T13:29:15+00:00\",\"dateModified\":\"2026-04-30T11:41:05+00:00\",\"description\":\"Younify resolved CLS issues and optimized loading times for Wink & See using Rumvision, resulting in 90+ scores on both desktop and mobile.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/staging.younify.fidev.nl\\\/en\\\/solution\\\/improving-core-web-vitals-on-a-magento-hyva-webshop-the-approach-at-wink-see\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/staging.younify.fidev.nl\\\/en\\\/solution\\\/improving-core-web-vitals-on-a-magento-hyva-webshop-the-approach-at-wink-see\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/staging.younify.fidev.nl\\\/en\\\/solution\\\/improving-core-web-vitals-on-a-magento-hyva-webshop-the-approach-at-wink-see\\\/#primaryimage\",\"url\":\"https:\\\/\\\/staging.younify.fidev.nl\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/Example-010-Wink-Core-Web-Vitals.webp\",\"contentUrl\":\"https:\\\/\\\/staging.younify.fidev.nl\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/Example-010-Wink-Core-Web-Vitals.webp\",\"width\":1080,\"height\":1080},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/staging.younify.fidev.nl\\\/en\\\/solution\\\/improving-core-web-vitals-on-a-magento-hyva-webshop-the-approach-at-wink-see\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/staging.younify.fidev.nl\\\/en\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Improving Core Web Vitals on a Magento Hyv\u00e4 webshop: the approach at Wink &amp; See\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/staging.younify.fidev.nl\\\/en\\\/#website\",\"url\":\"https:\\\/\\\/staging.younify.fidev.nl\\\/en\\\/\",\"name\":\"Wat valt onder webshop management?\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/staging.younify.fidev.nl\\\/en\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/staging.younify.fidev.nl\\\/en\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/staging.younify.fidev.nl\\\/en\\\/#organization\",\"name\":\"Wat valt onder webshop management?\",\"url\":\"https:\\\/\\\/staging.younify.fidev.nl\\\/en\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/staging.younify.fidev.nl\\\/en\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/staging.younify.fidev.nl\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/Younify-2019_Secondary-logo-1-1.svg\",\"contentUrl\":\"https:\\\/\\\/staging.younify.fidev.nl\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/Younify-2019_Secondary-logo-1-1.svg\",\"width\":150,\"height\":49,\"caption\":\"Wat valt onder webshop management?\"},\"image\":{\"@id\":\"https:\\\/\\\/staging.younify.fidev.nl\\\/en\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/younify\\\/\",\"https:\\\/\\\/x.com\\\/younify\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/younify-doo\\\/\",\"https:\\\/\\\/www.youtube.com\\\/@YounifyDev\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Improving Core Web Vitals on Magento Hyv\u00e4: 90+","description":"Younify resolved CLS issues and optimized loading times for Wink & See using Rumvision, resulting in 90+ scores on both desktop and mobile.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/staging.younify.fidev.nl\/en\/solution\/improving-core-web-vitals-on-a-magento-hyva-webshop-the-approach-at-wink-see\/","og_locale":"en_US","og_type":"article","og_title":"Improving Core Web Vitals on Magento Hyv\u00e4: 90+","og_description":"Younify resolved CLS issues and optimized loading times for Wink & See using Rumvision, resulting in 90+ scores on both desktop and mobile.","og_url":"https:\/\/staging.younify.fidev.nl\/en\/solution\/improving-core-web-vitals-on-a-magento-hyva-webshop-the-approach-at-wink-see\/","og_site_name":"Magento Specialists","article_publisher":"https:\/\/www.facebook.com\/younify\/","article_modified_time":"2026-04-30T11:41:05+00:00","og_image":[{"width":1080,"height":1080,"url":"https:\/\/staging.younify.fidev.nl\/wp-content\/uploads\/2026\/04\/Example-010-Wink-Core-Web-Vitals.webp","type":"image\/webp"}],"twitter_card":"summary_large_image","twitter_site":"@younify","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/staging.younify.fidev.nl\/en\/solution\/improving-core-web-vitals-on-a-magento-hyva-webshop-the-approach-at-wink-see\/","url":"https:\/\/staging.younify.fidev.nl\/en\/solution\/improving-core-web-vitals-on-a-magento-hyva-webshop-the-approach-at-wink-see\/","name":"Improving Core Web Vitals on Magento Hyv\u00e4: 90+","isPartOf":{"@id":"https:\/\/staging.younify.fidev.nl\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/staging.younify.fidev.nl\/en\/solution\/improving-core-web-vitals-on-a-magento-hyva-webshop-the-approach-at-wink-see\/#primaryimage"},"image":{"@id":"https:\/\/staging.younify.fidev.nl\/en\/solution\/improving-core-web-vitals-on-a-magento-hyva-webshop-the-approach-at-wink-see\/#primaryimage"},"thumbnailUrl":"https:\/\/staging.younify.fidev.nl\/wp-content\/uploads\/2026\/04\/Example-010-Wink-Core-Web-Vitals.webp","datePublished":"2026-04-02T13:29:15+00:00","dateModified":"2026-04-30T11:41:05+00:00","description":"Younify resolved CLS issues and optimized loading times for Wink & See using Rumvision, resulting in 90+ scores on both desktop and mobile.","breadcrumb":{"@id":"https:\/\/staging.younify.fidev.nl\/en\/solution\/improving-core-web-vitals-on-a-magento-hyva-webshop-the-approach-at-wink-see\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/staging.younify.fidev.nl\/en\/solution\/improving-core-web-vitals-on-a-magento-hyva-webshop-the-approach-at-wink-see\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/staging.younify.fidev.nl\/en\/solution\/improving-core-web-vitals-on-a-magento-hyva-webshop-the-approach-at-wink-see\/#primaryimage","url":"https:\/\/staging.younify.fidev.nl\/wp-content\/uploads\/2026\/04\/Example-010-Wink-Core-Web-Vitals.webp","contentUrl":"https:\/\/staging.younify.fidev.nl\/wp-content\/uploads\/2026\/04\/Example-010-Wink-Core-Web-Vitals.webp","width":1080,"height":1080},{"@type":"BreadcrumbList","@id":"https:\/\/staging.younify.fidev.nl\/en\/solution\/improving-core-web-vitals-on-a-magento-hyva-webshop-the-approach-at-wink-see\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/staging.younify.fidev.nl\/en\/"},{"@type":"ListItem","position":2,"name":"Improving Core Web Vitals on a Magento Hyv\u00e4 webshop: the approach at Wink &amp; See"}]},{"@type":"WebSite","@id":"https:\/\/staging.younify.fidev.nl\/en\/#website","url":"https:\/\/staging.younify.fidev.nl\/en\/","name":"Wat valt onder webshop management?","description":"","publisher":{"@id":"https:\/\/staging.younify.fidev.nl\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/staging.younify.fidev.nl\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/staging.younify.fidev.nl\/en\/#organization","name":"Wat valt onder webshop management?","url":"https:\/\/staging.younify.fidev.nl\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/staging.younify.fidev.nl\/en\/#\/schema\/logo\/image\/","url":"https:\/\/staging.younify.fidev.nl\/wp-content\/uploads\/2026\/04\/Younify-2019_Secondary-logo-1-1.svg","contentUrl":"https:\/\/staging.younify.fidev.nl\/wp-content\/uploads\/2026\/04\/Younify-2019_Secondary-logo-1-1.svg","width":150,"height":49,"caption":"Wat valt onder webshop management?"},"image":{"@id":"https:\/\/staging.younify.fidev.nl\/en\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/younify\/","https:\/\/x.com\/younify","https:\/\/www.linkedin.com\/company\/younify-doo\/","https:\/\/www.youtube.com\/@YounifyDev"]}]}},"_links":{"self":[{"href":"https:\/\/staging.younify.fidev.nl\/en\/wp-json\/wp\/v2\/solution\/1873","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/staging.younify.fidev.nl\/en\/wp-json\/wp\/v2\/solution"}],"about":[{"href":"https:\/\/staging.younify.fidev.nl\/en\/wp-json\/wp\/v2\/types\/solution"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/staging.younify.fidev.nl\/en\/wp-json\/wp\/v2\/media\/1878"}],"wp:attachment":[{"href":"https:\/\/staging.younify.fidev.nl\/en\/wp-json\/wp\/v2\/media?parent=1873"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}