How to Clean Up JSON/CSS to improve Store Speed?

[ebo8302]

I *finally* got my store looking and behaving the way I want. HOWEVER, my site speed is a 32. This is after optimizing images, etc. I've removed all unused apps, etc.

All of the CSS tools I've found (CSS Purge, etc.) don't work with Shopify. 

What is the best way to go about this without sacrificing appearance and functionality? 

Store is a modified version of the Sense theme. 

[rajvee_kadchha]

Hello,

Can you please share your store URL with us ?

[MarMor]

Hi Rajvee,

Could you help me improve my store speed by removing unnecessary java script and CSS codes? 

Also, in lighthouse, it's showing my main page is using an unload event but I'm not sure how to fix this in code.

Final thing, in my advanced-content.liquid it is showing these 2 error messages 1) use the native loading="lazy" attribute instead of lazysizes 2) missing width & height attributes on image tag

This is the code currently in my advanced-content.liquid.  How do I fix this to remove the 2 errors? I appreciate any help. (I'm using the Impulse theme)

{%- if block.settings.image != blank -%}
<div class="image-wrap" style="height: 0; padding-bottom: {{ 100 | divided_by: block.settings.image.aspect_ratio }}%;">
{%- assign img_url = block.settings.image | image_url: '1x1' | replace: '_1x1.', '_{width}x.' -%}
<img class="lazyload"
data-src="{{ img_url }}"
data-widths="[360, 540, 720, 900, 1080, 1600]"
data-aspectratio="{{ block.settings.image.aspect_ratio }}"
data-sizes="auto"
alt="{{ block.settings.image.alt }}">
<noscript>
<img class="lazyloaded" src="{{ block.settings.image | img_url: '400x' }}" alt="{{ block.settings.image.alt }}">
</noscript>
</div>
{%- else -%}