zoukankan      html  css  js  c++  java
  • 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网站性能的朋友可以联系ytkah优化

    请已赞赏了的朋友加我微信
  • 相关阅读:
    codevs1127
    codevs1041
    C#预处理指令
    C#基本语句与C++区别
    iOS.TextKit.01.凸版印刷效果
    iOS.常用设计模式.02.委托模式
    iOS.常用设计模式.01.单例模式
    iOS.iPad.03.UIModal
    iOS.iPad.02.UIPopoverViewController
    iOS.iPad.01.UISplitViewController
  • 原文地址:https://www.cnblogs.com/ytkah/p/15830180.html
Copyright © 2011-2022 走看看