PageSpeed Optimization | Technical SEO
Tom Whitbread
SEO Specialist
Frontend Engineer
Web Developer
HTML5
JavaScript
Liquid
I often Optimize websites for Core Web Vitals using a custom JavaScript iterative loader for an Asynchronous implementation, and then by further performance tuning for FCP, LCP, INP and reducing CLS wherever possible.
A deep dive is also included as I provide comprehensive audits on network utilization to provide a clear and concise overview to non-technical team members
How the Process Begins
I start by doing analysis of your website by using Google's official tools Lighthouse and pagespeed.web.dev and determine if the project will be feasible or not, and what the likely outcome will be.
Optimization starts by looking at your website and seeing how it's currently performing and begging to break down the network utilization
What Optimization Entails
For optimization to be successful, finding the equilibrium between a high quality, good looking website and a fast and performant one, especially on Mobile; can be a taxing task.
Therefore all of my optimization have a deep dive included so that you can see exactly what's happening under the hood and know what is causing any slow down from blocking (TBT), long paint times (FCP, LCP) or introducing shifting (CLS)
Performance benchmarking enables a clear view of the network utilization behind the scenes and clarifies exactly what is happening
In some cases some 3rd-party apps cannot be optimized as the code is sourced from the vendor and therefore I have a limited scope of feasible options. For these I can either exclude them from the optimization if they are incompatible, or I can try to work around them.
For complicated apps with many features, it's often best to just accept the cost of performance degradation for the gain of the functionality. Although for simple apps that just add a graphic option and can be replaced by native code, I will highlight these and convert the features over so that they are theme based and written in Liquid and vanilla Javascript / HTML.
What's Included:
Audit - Deep dive into the performance of the store, include a comprehensive network utilization analysis.
Compression and Minification of static assets (images, css, js)
Analysis of page load order and reduction of render-blocking in order to mitigate Total Blocking Time (TBT)
Support for 3rd-party plug-ins and manual exceptions if incompatible with Async loading optimization.
Further performance tuning for LCP, FCP, and CLS where required
Refactoring code into native liquid / javascript / html where required
On-going support and re-audits for developing projects
Plenty of time for questions and answers
Start a FREE discovery call by scheduling a call with me here
Frequently Asked Questions
How long does the optimization take?
Around 48 to 72 hours in most cases, sometimes on more complicated sites it can take up to 2 weeks, as it's due to the extensity of optimizations required in order to achieve a amicable solution for both the aesthetic of the store / website and the pagespeed score result.
Can you guarantee that my 3rd-party app will work?
Yes - by placing an exception, it simply means no optimization will be applied and the app will continue to work as normal. Although it's speed cannot be improved further. I can liase with app developers to try and find a solution, although most of the time this requires the 3rd-party to do development and is outside of our control and therefore at their discretion.
How much of a gain am I likely to get?
This completely depends on the current state of the site and how optimized it is, it's also dependent on the visual configuration (layout, images, media used) so results tend to range in the 10% to 30% range but can double scores or triple from project to project. I'll be able to tell more clearly after starting the first round of optimization.
Can you just audit my site and not do any code changes?
Yes I can perform a audit for you at anytime, the turnaround is usually around 24 hours.
Will you list your code changes?
Yes, if required I will document and list all code changes and commit to a git repository with a code comment.
Do you offer white labeling
Yes, I can login as your agency via my Shopify partners account, we simply need to configure the service. I can also brand the reports to be from your agency.
