shopify主题模板速度优化

  前两天一位新客户说他的shopify店铺加载速度很慢,首页完全加载需要 5~6 秒甚至更高,问ytkah有没办法帮忙优化一下。shopify网站速度优化要看具体用了什么模板,有什么功能,哪些可以改哪些不能改,这些需要提前先跟客户沟通好,有些功能想要留着但又影响性能,这时就要权衡了。以下是客户网站优化前的数据:

shopify主题模板速度优化前的数据

shopify主题模板速度优化前的数据

  以下是优化后的效果,提升非常明显,LCP 1.5s,CLS 0.01

shopify主题模板速度优化后的效果

  相关科普:

  Largest Contentful Paint (LCP) 是 Lighthouse 于 2020 年推出的一项性能指标,旨在更好地衡量用户的感知加载体验。用最简单的术语来说,LCP 测量页面上最大的“内容元素”(例如,主图、标题文本等)在访问者的视口中变得可见需要多长时间。LCP 是构成 Google Web Vitals 的指标之一。

  Cumulative Layout Shift (CLS) 是 Lighthouse 于 2020 年推出的一项性能指标,用于衡量页面加载的感知视觉稳定性。简而言之,CLS 测量页面呈现时 Web 元素的意外移动。然后将此测量量化为页面上所有单独布局变化的总分。CLS 也是构成 Google Web Vitals 的指标之一。 

  更多技能请参考:前端性能优化shopify速度评分怎么提升

  有需要提升shopify网站性能的朋友可以联系ytkah优化

posted @ 2022-01-21 14:39  ytkah  阅读(720)  评论(0编辑  收藏  举报
网址导航 gg N / G Sitemap

部分内容来源于网络,如有版权问题请联系删除