Pass all speed tests (Pagespeed Insights, GTMetrix, Webpagetest, Pingdom with your E-commerce, Wordpress, HTML, PHP website.
Why Is Website Speed Important?
First-time visitors typically spent little time on unknown websites. Among the few noticeable things is how fast the website loads. Website speed affects the user experience. If the page is slow, they won't wait but jump to the next browser tab (high bounce rate, drop-offs). You can't expect time-consuming content to become viral. Who will ever share a slow page?
Provided that the page offers quality content, visitors might enjoy the speed to browse more pages (page views are good for rankings) and return another time. Customers may make up to 7 visits before purchasing anything or convert otherwise. High-performance content results in more conversions, higher engagement, better rankings in organic search.
Speed is affected by the server location. It makes sense to measure loading time near the server location and not get biased results from distance points at the other side of the world. Time to first byte (TTFB) should be between 200 and 500 milliseconds on average. Higher values are considered very slow and lower values, ideal.
Is Website Speed a Ranking Factor in Google Search Results?
Website speed is a ranking factor in Google search results. The mobile website is the preferred version that Google indexes, but the speed optimization takes care of both versions, mobile, and desktop. Of course, different metrics will show for each version.
How to Measure Website Speed?
To measure how much the speed improved, I use two of the most common speed measuring tools: Google Page Speed Insights and GTmetrix.com. There are more options like WebPageTest.org, Pingdom.com, all of them will show positive results.
Speed metrics will be different between mobile and desktop versions. Typically, mobile speed has more requirements, and websites with their current functions pose many limitations that you only find after accessing the backend. For example, not all website themes/templates are best for mobile even though they say mobile-optimized, but changing a theme is a drastic move and rarely an option. One has to work within the limitations posed by the client business decisions.
Check how the themes perform on this article.
What Types of Websites Can Be Optimized for Speed?
Any website setup can be optimized for speed, be it e-commerce, Wordpress simple and Woocommerce, Joomla, Shopify, Squarespace, Drupal, CS-cart, Magento, Prestashop, HTML, PHP, etc. A disclaimer here: Not all websites can make it to 100/100 due to poorly coded templates/themes/plugins, wrong server setup, overloaded with plugins and not always necessary features, etc.
Themes nowadays are almost at the same performance level, it's plugins and WYSIWG/Drag&Drop page builders like Divi, Visual Composer, Elementor, WP Bakery, Wolf, Beaver Builder, Themify Builder, Site Origin, Nimble Builder, etc., plus their addons (it seems that a page builder is not bloat enough by itself), that create most issues. The equation that reduces speed is Page builders + Number of Plugins or just Number of Plugins. Suppose you do a test and take down your visual composer plus unnecessary plugins, the site could be 40-60p up right off the bat.
There two goals:
1. Get a number above 80/100, which is pretty good if you start low. Usually client websites' range from 15 to 40/100.
2. Make the website load at speed below 2 seconds (recommended by Google for best rankings).
Several interventions are required both on the server and the website code. Enable server caching when available, optimize website core files, reduce the number of plugins, etc. The work will not affect the aesthetics, how the website looks and reacts to human visitors.
How to Speed Up a Website?
✓ Opt for a faster hosting: You can stay in the same price category of server, i.e., Shared server and find a host who doesn't share your hardware resources (RAM, CPU) with many other clients. Or you can upgrade to a VPS (Virtual Private Server) or the most expensive option buying a Dedicated (physical) server (suitable for eCommerce sites). Another option is to rent space on the cloud, which offers on-demand scalability and resources, while doesn't need server maintenance.
✓ Use a CDN (Content Delivery Network): Your content is hosted on an array of servers in different locations and served according to the closest geographical demand. The result is faster loading times and no downtime.
✓ Website Caching and Compression: Files can be cached and compressed on the server before touching any local files. The files are stored on the server (even for dynamic database sites) for faster loading time and saving resources (don't render with each request). The files change when you update the pages o each hit doesn't evoke a database request. This technique has excellent results, but not all servers offer many options. Plus, you need to have access to the server to enable them.
✓ Web Fonts: Today, fonts are requested from their online storage places, and with each page view, the requests increase. The fonts are retrieved from their depositories, which takes a few microseconds or seconds that slow down the performance. You can reduce the web fonts, delay their loading, use the modern browser format of WOFF2, or store them locally.
✓ Image optimization: Large image files slow down the performance. You need to reduce the file sizes without losing any quality. You can do that via compression and other techniques. Image file types (formats) also play a role. We also enable lazy loading, so images way below the visual frame let the content load and then come into the show.
✓ Website Caching: There are many solutions to speed up Wordpress or other CMSs via plugins and hand-coding core files. For Wordpress, you might look for Cache plugins, but the devil is in details. Not all plugins will work for your setup, and some settings may even compromise the performance. You need an expert to tweak those settings, plus there's work to be done with the core WP files.
✓ Database Optimization: Dynamic websites like WordPress, Joomla, eCommerce sites, etc., store data in databases under the form of tables. Databases still use formats from 3 decades ago, and very soon, they reach their performance ceiling. You see, when you install a new plugin, what it does is go in your central database and inserts its data by creating new tables. But when you don't need anymore the plugin and you uninstall it, its tables remain in the database and burden it with no reason. Then, we have posts in draft mode, comments, post revisions, transient data, etc., that make it hard for the database to perform well. What you need to do is restore the database to its previous state and optimize further its performance.
✓ Plugins: Sites over-loaded with plugins can never achieve optimal speed. We reach a ceiling each time we try to optimize with a lot of plugins active. The best thing to do is to reduce the number of active plugins to the absolute minimum for optimal website function and user experience. Plus, each plugin has individual requirements that don't respond well to optimization protocols, so it's better to remove it or replace it with a better one.
✓ Redirects: As said above, HTTP requests should be kept low. Redirects increase the HTTP requests. We need to assess the necessity of each redirect and find a solution that's best for performance and SEO.
Desktop Speed - Before and After
Client website with a perfect 100/100 score in Google Page Insights.
Client achieved a perfect score 99/100 in GTMetrix.
Client scored 95/100 in GTMetrix.
WordPress site scored 99%
Sales page scores 100% on GTMetrix
Sales page scores 100% on GPI
Website Speed News
Google is introducing the fast links labelling via the link context menu on Chrome for Android to help users identify great experiences as they browse. Labelling is based on signals from the Core Web Vitals metrics that quantify key aspects of users’ experience, as experienced by real-world Chrome users. The Core Web Vitals metrics measure dimensions of web usability such as loading time, responsiveness, and the stability of content as it loads, and define thresholds for these metrics to set a bar for providing a good user experience.