Core web vitals-TBT

Core web vitals-TBT

Shiv20Ens
Shopify Partner
1 0 0

HI @All, I am working on speed optimisation on shopify store. 
Issue:
Jquery.min.js file is consider very high TBT.
What i did:

To reduce it , i try first- convert cdn of jqeury.min.js in assets and paste that minified code in asset and call in theme.liquid.
still i saw it was responsible for higher TBT.
and also i preload it but does not impact.
<link href="{{ 'jquery.min.js' | asset_url }}" rel="preload" as="script">
{{ 'jquery.min.js' | asset_url | script_tag }}

2nd thing what i did , i defer it , still problem is same.

3rd thing that i did, i use it as early hint ,like fetch as earliest as possible but what happen , slider does not work .
{{ 'jquery.min.js' | asset_url | preload_tag: as: 'script' }}--this is early hint , preload code.
It improve TBT alot but slider does not work. i take slick.min.js also as early hint with jquery , still slider does not work of whole website.

Shiv20Ens_0-1726727560188.pngShiv20Ens_1-1726727585245.png


So, provide solution for this.









Reply 1 (1)

Arif_Shopidevs
Shopify Partner
263 37 36

@Shiv20Ens 

Can you share your site url. So that we can check and give you a solution.

Found it helpful? Please like and mark the solution that helped you.
Slider Revolution - Create sliders, theme sections, banners, videos, pages, advanced animation, and social feeds.
Essential Grid Gallery - Create photo galleries, video galleries, portfolio galleries, product gallery, collection gallery and more.
EasyDisplay: Product Showcase - Easily display collections, related products, discounts, recently viewed items, and best sellers