Teaching Me
Teaching Me
Performance Optimization for the Leading
Australian E-learning Marketplace
23%
conversion rate increase
42%
increase of user session
71%
faster load time
The Overview
Teaching Me is a prominent Australian e-learning and tutoring marketplace, built on a Magento platform. The website is increasingly popular among people of all ages looking to gain knowledge or strengthen their skills in different fields of study. At the other end, tutors, in turn, can create their own class listings in one of more than 80 topical categories.
Our first experience working with the Teaching Me company began when they required an update to the design and added custom functionality to their website. When they connected with us, they had complaints about their unsatisfactory site load speed. To make sure their initial concerns were resolved, we decided to run a performance analysis once the development was completed.
The Challenge
Once the custom development for the marketplace was finished, we ran an in-depth analysis to identify bottlenecks and optimize Teaching Me’s performance.
First, we checked the website with the help of performance analysis tools like Page Speed Insights and GTMetrix. The in-depth analysis of Teaching Me highlighted several major issues:
- Server not optimized
- Low-quality third-party extensions
- Poorly optimized images
- No page caching
These issues made the website send 117 server requests, making users wait for more than 20 seconds until the website homepage was fully loaded.
We were guided not only by the recommendations given by the performance analyzing tools, but also by our own experience, which allowed us to further identify less obvious issues in the website’s performance. For example, there were numerous conflicts between the third-party extensions, and critical bugs in the extension codes.
The Solution
Based on the results of the audit, we determined the scope of work we needed to do to improve the performance of the Teaching Me website.
Here’s what was needed to make things work more fluidly:
Change the hosting
We abandoned the old hosting and chose a dedicated server with Australian hosting that specializes in Magento.
deployment offering
Merge and minify javascript and CSS
At the next stage, we merged and minified CSS and JS files. This is a standard requirement for most modern websites with vast functionality. This task did not take much time, but it significantly reduced the number of HTTP requests and, thus, accelerated response time.
COMBINE EXTERNAL JAVASCRIPT AND CSS
Optimize images
As we have noted before, the audit revealed that one of the main issues was poorly optimized images. Images should always be optimized before being posted on the website, or while downloading to the website (with the help of specific third-party modules, which automatically process media files when they are loaded to a site).
In our case, we had to upload all images and optimize them with the web application, Squoosh. This allowed us to make the images fit the required size and weight without loss in quality.
Total page images size
before optimization: 4.22mb
Total page images size
after optimization: 1.39mb
Optimize the extensions’ code
After a detailed study of the website backend, we saw that most of the third-party extensions integrated with the platform were of inferior quality. These modules had buggy code, which slowed down the execution of internal requests and other processes within the platform. In addition, extensions have continuously conflicted with each other.
We knew that simply removing those extensions and cutting the functionality of Teaching Me was not a good idea. Instead, we offered the client several reliable modules, which could easily replace the old ones and take on all the required functionality.
After replacing these subpar third-party modules, we started to fix the bugs in the rest of them. Code quality assurance took some time, but we managed to make all the custom functionality work smoothly, while following the requirements of Magento 1.
Install the Full-Page Cache extension
After all the previous steps were completed, we switched
to the most crucial stage - installation and configuration
of the Full Page Cache extension. In general, page
caching is the #1 requirement for every high-quality
website, especially e-commerce stores.
We installed the Full Page Cache (FPC) extension and
set the rule, according to which the following pages
were automatically cached:
- Homepage
- Category pages
- Class description pages
- Other static pages, like FAQ, etc.
We excluded the dynamic blocks from the rule,
because users can endlessly generate them, so their
caching and storage is not only useless but generally leads to worse performance.
In addition to the previous settings, we also set a rule, which marks each updated page as invalid, and the FPC automatically re-caches it. If there are no updates on static pages, the cache data is stored for 30 days.
The Result
While the first four steps speeded up the site loading by 5 seconds in total, improving the Teaching Me speed indicator from 22 to 17 seconds, the Full Page Cache extension immediately changed the load speed from 17 to 4 (!!!) seconds.
All the stages of the Teaching Me performance optimization took us about 30 hours. All efforts, one-by-one, resulted in significant improvement of all indicators. Thus, we reached the following results:
Load time
22s >> 4s
TTFB
980 ms >> 530 ms
HTTP
requests
117 >> 72
Category page
image size
4.22 mb >> 1.39 mb
Homepage
size
3.4 mb >> 1.65 mb
Sometime after we completed the Teaching Me optimization, the client noted significant improvement in user behavioral factors, a gradual increase in traffic, and, most importantly, an
increase in conversion rate by 23%!
Bruno Thiel
TeachingMe
Co-founder, CTO
" Deliverables are always high-quality and Whidegroup has contributed significantly to the project’s overall success. Strongly recommend to engage them! "
TELL US ABOUT YOUR PROJECT AND WE’LL RESPOND IMMEDIATELY!
