Basic Optimization For Dental Clinic
One day, a dental clinic approached us for website optimization services. They implemented the company’s activities using the website. Users could view the work schedule and book a doctor’s visit online. Over time, the site slowed down and this negatively affected the user experience. Our WordPress website developers performed basic optimization. Let’s look at what they did and what results they achieved.
Before Optimization: About Site’s Condition
Before starting optimization, we tested the website for performance using Google Pagespeed Insights and GTmetrix. These services helped identify the root causes that were slowing down performance and assessed the overall website health. The test results were as follows:
As we can see, not only performance is low, but also Core Web Vitals. Because of this, user experience and SEO are deteriorating. The latter is important for search engine rankings. Let’s look at the main reasons for low website loading speed:
- too big images;
- unused CSS;
- unused JS;
- impact of third-party code and other reasons.
Let’s look at how our WordPress website developers solved performance problems.
Work with Images
Images are an important part of the content of any website. Unoptimized images can significantly slow down a web page. As part of basic optimization, our WordPress website developers carried out work to optimize images. Let’s take a closer look at what they did.
Webp Express Installation
Webp Express is a popular plugin. It automatically converts images to webp format. This is a modern image format. The pictures weigh a little, but the quality remains high. After installing this plugin, all further images that are uploaded to the site are automatically converted to webp format.
LazyLoad and Iframe
One of the optimization methods is the lazy loading of images. It allows you to reduce the load on the server, thanks to which the site loads faster. The pictures are not loaded simultaneously, but one by one when the user scrolls through them. Iframe allows you to load images from other sources.
About Code Improvements
As part of basic optimization, our WordPress website developers implement minification of CSS, JS, and lazy loading of Javascript. Minification is the process of removing unnecessary characters, spaces, and comments from code. After minification, it became easier for the browser to index the web page and serve it. Lazy loading JavaScript reduces the load on the server and browser. Code optimization made it possible to speed up website loading several times.
Other Plugins Installation
In addition, our WordPress website developers installed the Perfmatters and WP Rocket plugins. Perfmatters is a tool that allows you to disable unused functionality. Unnecessary options slow down the site. WP Rocket is a plugin that allows you to configure and enable caching. Thanks to caching, when the user reopens the site, it takes a few seconds to launch the page.
Our Results
The performed manipulations allowed us to improve the performance of the mobile and desktop versions of the site. Let’s see how much faster the site loads now.
Core Web Vitals | Scores before WordPress Website Optimization | Scores after WordPress Website Optimization |
Desktop Google Pagespeed | 75 | 98 |
Mobile Google Pagespeed | 39 | 95 |
Mobile LCP (Largest Contentful Paint) | 10,7 sec | 2,5 sec |
Desktop LCP (Largest Contentful Paint) | 2,7 sec | 0,9 sec |
Mobile FCP (First Contentful Paint) | 3,8 sec | 1,8 sec |
Desktop FCP (First Contentful Paint) | 1,6 sec | 0,8 sec |
Mobile Speed Index | 8,1 sec | 3,2 sec |
Desktop Speed Index | 2,4 sec | 1,2 sec |
In this case study, basic optimization resulted in a website that was easier for search engines to index and therefore more SEO-friendly. In addition, the user experience has significantly improved, because users do not have to wait long for the site to load. Optimization is an important aspect of smooth operation. Write to us to get a free audit, identify major performance problems, and find solutions!