β
Performance Report for https://clarisse.com/collections/wedding-dresses/Wedding-Dresses
Category Audit = performance
The performance audit in Lighthouse consists of several stages:
1. Data collection: Lighthouse launches the browser and loads the web page to collect data about its performance.
2. Metrics analysis: Lighthouse evaluates performance metrics such as page load time, content rendering speed, cache usage, and more. It also provides information on how each metric impacts the user experience.
3. Report: Lighthouse generates a report that contains the results of the performance audit. The report includes a list of recommendations for improving page performance and an assessment of each performance metric.
After conducting the performance audit in Lighthouse, you can use the data and recommendations to optimize your web page's performance and improve the user experience.
| auditthe name of the audit and its description, follow the link for more details | scorethe value of the audit score after the check | valuedetected cause values and check values | details for technician |
|---|---|---|---|
| 🔺cumulative-layout-shift Cumulative Layout Shift measures the movement of visible elements within the viewport. Learn more about the Cumulative Layout Shift metric. |
31 | 0.356 | "[{\"newEngineResult\": {\"cumulativeLayoutShift\": 0.3560482889772405, \"cumulativeLayoutShiftMainFrame\": 0.3560482889772405}, \"newEngineResultDiffered\": false, \"cumulativeLayoutShiftMainFrame\": 0.3560482889772405}]" |
| 🔺dom-size A large DOM will increase memory usage, cause longer style calculations, and produce costly layout reflows. Learn how to avoid an excessive DOM size. |
0 | 2,993 elements | ["li.tag > label.tag__checkbox-wrapper > span > span.tag__text","div > div.default-product_grid > div.collection-grid__wrapper > div.grid"] |
| 🔺first-contentful-paint First Contentful Paint marks the time at which the first text or image is painted. Learn more about the First Contentful Paint metric. |
24 | 4.0 s | "[]" |
| 🔺first-meaningful-paint First Meaningful Paint measures when the primary content of a page is visible. Learn more about the First Meaningful Paint metric. |
49 | 4.0 s | "[]" |
| 🔺interactive Time to Interactive is the amount of time it takes for the page to become fully interactive. Learn more about the Time to Interactive metric. |
50 | 7.2 s | "[{\"url\": \"https:\/\/clarisse.com\/collections\/wedding-dresses\/Wedding-Dresses\", \"responseTime\": 33.778999999999996}]" |
| 🔺largest-contentful-paint Largest Contentful Paint marks the time at which the largest text or image is painted. Learn more about the Largest Contentful Paint metric |
37 | 4.5 s | "[]" |
| 🔺largest-contentful-paint-element This is the largest contentful element painted within the viewport. Learn more about the Largest Contentful Paint element |
0 | 4,480 ms | "[{\"type\": \"table\", \"items\": [{\"node\": {\"lhId\": \"page-0-UL\", \"path\": \"1,HTML,1,BODY,1,DIV,0,DIV,1,DIV,2,DIV,1,DIV,0,DIV,0,HEADER,0,DIV,1,DIV,0,UL\", \"type\": \"node\", \"snippet\": \"<ul class=\\\"site-nav site-navigation small--hide\\\" role=\\\"navigation\\\" aria-label=\\\"Primary\\\">\", \"selector\": \"header#SiteHeader > div.page-width > div.text-center > ul.site-nav\", \"nodeLabel\": \"PROM PAGEANT EVENING COCKTAIL DRESSES BRIDAL HOMECOMING CATALOG FIND A STORE BE\u2026\", \"boundingRect\": {\"top\": 134, \"left\": 40, \"right\": 745, \"width\": 705, \"bottom\": 206, \"height\": 72}}}], \"headings\": [{\"key\": \"node\", \"label\": \"Element\", \"valueType\": \"node\"}]}, {\"type\": \"table\", \"items\": [{\"phase\": \"TTFB\", \"timing\": 3173.4995, \"percent\": \"71%\"}, {\"phase\": \"Load Delay\", \"timing\": 0, \"percent\": \"0%\"}, {\"phase\": \"Load Time\", \"timing\": 0, \"percent\": \"0%\"}, {\"phase\": \"Render Delay\", \"timing\": 1310.1180000000004, \"percent\": \"29%\"}], \"headings\": [{\"key\": \"phase\", \"label\": \"Phase\", \"valueType\": \"text\"}, {\"key\": \"percent\", \"label\": \"% of LCP\", \"valueType\": \"text\"}, {\"key\": \"timing\", \"label\": \"Timing\", \"valueType\": \"ms\"}]}]" |
| 🔺layout-shift-elements These DOM elements contribute most to the CLS of the page. Learn how to improve CLS |
0 | 5 elements found | ["div.page-width > div.hero__text-content > div.hero__text-shadow > ::before","header#SiteHeader > div.page-width > div.text-center > ul.site-nav","header#SiteHeader > div.page-width > div.text-center > ul.site-nav","header#SiteHeader > div.page-width > div.text-center > ul.site-nav","div.text-center > ul.site-nav > li.site-nav__item > a.site-nav__link"] |
| 🔺layout-shifts | 0 | 1 layout shift found | ["div.page-width > div.hero__text-content > div.hero__text-shadow > ::before"] |
| 🔺legacy-javascript Polyfills and transforms enable legacy browsers to use new JavaScript features. However, many aren't necessary for modern browsers. For your bundled JavaScript, adopt a modern script deployment strategy using module/nomodule feature detection to reduce the amount of code shipped to modern browsers, while retaining support for legacy browsers. Learn how to use modern JavaScript |
50 | Potential savings of 0 KiB | "[{\"url\": \"https:\/\/clarisse.com\/cdn\/shopifycloud\/shopify\/assets\/shop_events_listener-61fa9e0a912c675e178777d2b27f6cbd482f8912a6b0aa31fa3515985a8cd626.js\", \"subItems\": {\"type\": \"subitems\", \"items\": [{\"signal\": \"@babel\/plugin-transform-classes\", \"location\": {\"url\": \"https:\/\/clarisse.com\/cdn\/shopifycloud\/shopify\/assets\/shop_events_listener-61fa9e0a912c675e178777d2b27f6cbd482f8912a6b0aa31fa3515985a8cd626.js\", \"line\": 0, \"type\": \"source-location\", \"column\": 400, \"urlProvider\": \"network\"}}]}, \"totalBytes\": 0, \"wastedBytes\": 59}, {\"url\": \"https:\/\/clarisse.com\/cdn\/shop\/t\/15\/assets\/vendor-scripts-v11.js\", \"subItems\": {\"type\": \"subitems\", \"items\": [{\"signal\": \"@babel\/plugin-transform-classes\", \"location\": {\"url\": \"https:\/\/clarisse.com\/cdn\/shop\/t\/15\/assets\/vendor-scripts-v11.js\", \"line\": 13, \"type\": \"source-location\", \"column\": 11463, \"urlProvider\": \"network\"}}]}, \"totalBytes\": 0, \"wastedBytes\": 53}]" |
| 🔺max-potential-fid The maximum potential First Input Delay that your users could experience is the duration of the longest task. Learn more about the Maximum Potential First Input Delay metric. |
90 | 130 ms | [] |
| 🔺render-blocking-resources Resources are blocking the first paint of your page. Consider delivering critical JS/CSS inline and deferring all non-critical JS/styles. Learn how to eliminate render-blocking resources. |
0 | Potential savings of 290 ms | "[{\"url\": \"https:\/\/clarisse.com\/cdn\/shop\/t\/15\/assets\/jquery.min.js?v=153300377539655921971685371408\", \"wastedMs\": 300, \"totalBytes\": 32970}]" |
| 🔺speed-index Speed Index shows how quickly the contents of a page are visibly populated. Learn more about the Speed Index metric. |
15 | 8.9 s | "[]" |
| 🔺total-blocking-time Sum of all time periods between FCP and Time to Interactive, when task length exceeded 50ms, expressed in milliseconds. Learn more about the Total Blocking Time metric. |
98 | 100 ms | [] |
| 🔺total-byte-weight Large network payloads cost users real money and are highly correlated with long load times. Learn how to reduce payload sizes. |
50 | Total size was 4,741 KiB | "[{\"url\": \"https:\/\/cdn.shopify.com\/shopifycloud\/checkout-web\/assets\/OnePage.latest.en.741b2236bb97abdec975.js\", \"totalBytes\": 245564}, {\"url\": \"https:\/\/cdn.shopify.com\/shopifycloud\/checkout-web\/assets\/app.latest.en.232c7ce38e3590111c03.js\", \"totalBytes\": 236030}, {\"url\": \"https:\/\/clarisse.com\/cdn\/shop\/files\/900325-F-VerraValle2024_fd5195bc-33e7-4542-93bb-658eeab7ab15.jpg?v=1698085179&width=360\", \"totalBytes\": 88542}, {\"url\": \"https:\/\/clarisse.com\/cdn\/shop\/files\/900325-B-VerraValle2024_c80eb6bc-158c-4514-8f1d-fef4fffe0c2c.jpg?v=1698085179&width=360\", \"totalBytes\": 82111}, {\"url\": \"https:\/\/clarisse.com\/cdn\/shop\/files\/JMC_groupbanner-cropped2.jpg?v=1704907218&width=832\", \"totalBytes\": 80761}, {\"url\": \"https:\/\/cdn.shopify.com\/shopifycloud\/checkout-web\/assets\/625.latest.en.5364dabe1c02c99e6a6c.js\", \"totalBytes\": 80316}, {\"url\": \"https:\/\/clarisse.com\/cdn\/shop\/files\/900327-F-VerraValle2024_54fa6f71-4dde-48eb-9180-2a7f56f42b2f.jpg?v=1698082116&width=360\", \"totalBytes\": 78100}, {\"url\": \"https:\/\/clarisse.com\/cdn\/shop\/files\/900337-F-VerraValle2024_ddb4be6c-c2b5-4306-98e2-eabe5892effc.jpg?v=1698084213&width=360\", \"totalBytes\": 75514}, {\"url\": \"https:\/\/clarisse.com\/cdn\/shop\/files\/900332-F-VerraValle2024_34b50269-e8c4-40d7-acef-e65fbd1d4e68.jpg?v=1698084434&width=360\", \"totalBytes\": 74938}, {\"url\": \"https:\/\/clarisse.com\/cdn\/shop\/files\/900346-F-VerraValle2024_6dec3824-16d4-4525-9586-b5dc92d2dffd.jpg?v=1698084283&width=360\", \"totalBytes\": 74162}]" |
| 🔺unminified-javascript Minifying JavaScript files can reduce payload sizes and script parse time. Learn how to minify JavaScript. |
50 | Potential savings of 21 KiB | "[{\"url\": \"https:\/\/clarisse.com\/cdn\/shop\/t\/15\/assets\/theme.js?v=138523304508432538941703093506\", \"totalBytes\": 59198, \"wastedBytes\": 21919, \"wastedPercent\": 37.02602285347433}]" |
| 🔺unused-javascript Reduce unused JavaScript and defer loading scripts until they are required to decrease bytes consumed by network activity. Learn how to reduce unused JavaScript. |
0 | Potential savings of 99 KiB | "[{\"url\": \"https:\/\/clarisse.com\/cdn\/shop\/t\/15\/assets\/theme.js?v=138523304508432538941703093506\", \"totalBytes\": 59198, \"wastedBytes\": 46268, \"wastedPercent\": 78.15858702510045}, {\"url\": \"https:\/\/clarisse.com\/cdn\/shop\/t\/15\/assets\/vendor-scripts-v11.js\", \"totalBytes\": 40525, \"wastedBytes\": 31923, \"wastedPercent\": 78.77328070488963}, {\"url\": \"https:\/\/clarisse.com\/cdn\/shop\/t\/15\/assets\/jquery.min.js?v=153300377539655921971685371408\", \"totalBytes\": 32055, \"wastedBytes\": 22706, \"wastedPercent\": 70.83579263878835}]" |
| 🔺uses-long-cache-ttl A long cache lifetime can speed up repeat visits to your page. Learn more about efficient cache policies. |
50 | 3 resources found | "[{\"url\": \"https:\/\/shop.app\/checkouts\/internal\/preloads.js?locale=en-US&shop_id=72681259325\", \"debugData\": {\"type\": \"debugdata\", \"public\": true, \"max-age\": 60}, \"totalBytes\": 532, \"wastedBytes\": 527.5666666666667, \"cacheLifetimeMs\": 60000, \"cacheHitProbability\": 0.008333333333333333}, {\"url\": \"https:\/\/clarisse.com\/cdn\/fonts\/tenor_sans\/tenorsans_n4.ef7b684f1cfa0d3a90338d1fa5f36acdf7889632.woff2?h1=Y2xhcmlzc2UtY29tLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=Y2xhcmlzc2UuY29t&hmac=349b8ada5a2b7ca78ce4dd8e9a393a5665e50c1c4782d62f79ac2032ae355207\", \"debugData\": {\"type\": \"debugdata\", \"max-age\": 2629800, \"immutable\": true}, \"totalBytes\": 25051, \"wastedBytes\": 2341.096421089384, \"cacheLifetimeMs\": 2629800000, \"cacheHitProbability\": 0.9065467877094971}, {\"url\": \"https:\/\/clarisse.com\/cdn\/fonts\/twentieth_century\/twentiethcentury_n4.1a7b2b68023505e1927302cc60a155187098ca59.woff2?h1=Y2xhcmlzc2UtY29tLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=Y2xhcmlzc2UuY29t&hmac=fd44f09ed0da579d30d7f3d879a0e9dee296ec6b6acff4808c8851f514f8b699\", \"debugData\": {\"type\": \"debugdata\", \"max-age\": 2629800, \"immutable\": true}, \"totalBytes\": 11739, \"wastedBytes\": 1097.0472590782117, \"cacheLifetimeMs\": 2629800000, \"cacheHitProbability\": 0.9065467877094971}]" |
| 🔺uses-responsive-images Serve images that are appropriately-sized to save cellular data and improve load time. Learn how to size images. |
50 | Potential savings of 1,418 KiB | ["a.grid-product__link > div.grid-product__image-mask > div.grid-product__secondary-image > img.image-style--","a.grid-product__link > div.grid-product__image-mask > div.grid-product__secondary-image > img.image-style--","a.grid-product__link > div.grid-product__image-mask > div.grid-product__secondary-image > img.image-style--","a.grid-product__link > div.grid-product__image-mask > div.grid-product__secondary-image > img.image-style--","a.grid-product__link > div.grid-product__image-mask > div.grid-product__secondary-image > img.image-style--","a.grid-product__link > div.grid-product__image-mask > div.grid-product__secondary-image > img.image-style--","a.grid-product__link > div.grid-product__image-mask > div.grid-product__secondary-image > img.image-style--","a.grid-product__link > div.grid-product__image-mask > div.grid-product__secondary-image > img.image-style--","a.grid-product__link > div.grid-product__image-mask > div.grid-product__secondary-image > img.image-style--","a.grid-product__link > div.grid-product__image-mask > div.grid-product__secondary-image > img.image-style--","a.grid-product__link > div.grid-product__image-mask > div.grid-product__secondary-image > img.image-style--","a.grid-product__link > div.grid-product__image-mask > div.grid-product__secondary-image > img.image-style--","a.grid-product__link > div.grid-product__image-mask > div.grid-product__secondary-image > img.image-style--","a.grid-product__link > div.grid-product__image-mask > div.grid-product__secondary-image > img.image-style--","a.grid-product__link > div.grid-product__image-mask > div.grid-product__secondary-image > img.image-style--","a.grid-product__link > div.grid-product__image-mask > div.grid-product__secondary-image > img.image-style--","a.grid-product__link > div.grid-product__image-mask > div.grid-product__secondary-image > img.image-style--","a.grid-product__link > div.grid-product__image-mask > div.grid-product__secondary-image > img.image-style--","a.grid-product__link > div.grid-product__image-mask > div.grid-product__secondary-image > img.image-style--","a.grid-product__link > div.grid-product__image-mask > div.grid-product__secondary-image > img.image-style--","a.grid-product__link > div.grid-product__image-mask > div.grid-product__secondary-image > img.image-style--","a.grid-product__link > div.grid-product__image-mask > div.grid-product__secondary-image > img.image-style--","a.grid-product__link > div.grid-product__image-mask > div.grid-product__secondary-image > img.image-style--","a.grid-product__link > div.grid-product__image-mask > div.grid-product__secondary-image > img.image-style--","a.grid-product__link > div.grid-product__image-mask > div.grid-product__secondary-image > img.image-style--","a.grid-product__link > div.grid-product__image-mask > div.grid-product__secondary-image > img.image-style--","a.grid-product__link > div.grid-product__image-mask > div.grid-product__secondary-image > img.image-style--","a.grid-product__link > div.grid-product__image-mask > div.grid-product__secondary-image > img.image-style--","a.grid-product__link > div.grid-product__image-mask > div.grid-product__secondary-image > img.image-style--","a.grid-product__link > div.grid-product__image-mask > div.grid-product__secondary-image > img.image-style--","a.grid-product__link > div.grid-product__image-mask > div.grid-product__secondary-image > img.image-style--","a.grid-product__link > div.grid-product__image-mask > div.grid-product__secondary-image > img.image-style--","a.grid-product__link > div.grid-product__image-mask > div.grid-product__secondary-image > img.image-style--","a.grid-product__link > div.grid-product__image-mask > div.grid-product__secondary-image > img.image-style--","a.grid-product__link > div.grid-product__image-mask > div.grid-product__secondary-image > img.image-style--","a.grid-product__link > div.grid-product__image-mask > div.grid-product__secondary-image > img.image-style--","div#Slideshow-template--21913200525629__45d4da79-098c-4550-bd96-6f984914c7ce > div.slideshow__slide > div.hero__image-wrapper > img.small--hide"] |