• 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优化

    请已赞赏了的朋友加我微信
  • 相关阅读:
    解决rsyslog 断电或者被kill 重发问题
    perl dbi 测试 mysql wait_timeout
    PERL DBI 自动重连问题
    elasticsearch 重启后,需要的操作
    Filter Conditions 过滤条件
    rsyslog Properties 属性:
    nginx对比haproxy 的反向代理
    Templates 模板:
    1.Basic Structure
    beego的orm ,用的数据库sqlite3
  • 原文地址:https://www.cnblogs.com/ytkah/p/15830180.html
Copyright © 2020-2023  润新知