Shopify Speed Optimization by Doing These Steps We Make Your HTML Load Smoothly.
Reduce Render Blocking
We check and load your shopify website JS and CSS after above fold load of HTML or if possible further move it down as much as possible. We apply Async and Defer JS. If it’s still heavy with the load then the above-the-fold content related to CSS and JS should are loaded inline or in head, and non-critical CSS & JS are loaded below the fold. Read More
Upgrade Theme
In our platinum package we do theme upgrade, there are big advantages of theme upgrade, theme support releases many new features that can be useful for a shopify site, it can also reduce additional feature implementation cost if used properly.
Upgraded themes on times have a lower JS payload or is updated with speed in mind. So we do upgrade theme in our Platinum package.This also means that while you are paying for optimization you get the upgrade theme work done as well.
Google PSI Desktop:
Depending on the package selected our team will go with optimization plan.
Our shopify speed optimization experts team can achieve a score of 90 plus on Google PSI Desktop & above 70 on Mobile based on certain assumptions.
We analyze each opportunity carefully and we make sure the future scalability is not hampered while we apply optimization related changes.
Our target for Platinum package is to score above 90 for desktop ( Some design changes might be needed ) also if our suggestions are accepted we take care of web vitals.
Lazy Loading
We will add
lazy loading for images. Lazy loading makes site response faster by loading only on pages images first and off page images will load after page scrolling by the user. There are many benefits by using lazy loading like, make site lighter & faster, reduce server requests, etc.
Remove unused apps
We will create a list of apps which are installed on your website. We will share this list with you and communicate with the objective of reducing number of apps.
In some cases, we can see store owners uninstall the app from the store but when we check at code level, code remains in that particular app which creates more requests and slows down to your site.
In some other cases apps are used for features that can be handled by coding here to we suggest those changes.
CLS
Cumulative Layout Shift (CLS) is a very important factor of core web vitals.
When a visible element moves from one rendered frame to the next, due to some events and code not taking care of the shift (example image is downloaded and displays resulting in some shift ) this is known as a layout shift.
As per Google’s performance standard a Good CLS should be below 0.1
When critical CSS is implemented generally there will be CLS challenges. Here we apply some design changes after discussion or use some other approach to get the CLS back to expected levels.
LCP
Google recommends a standard Largest Contentful Paint of 2.5 seconds or less to deliver a decent user experience.