The online world can sometimes feel a bit like the Olympics; jumping through hoops to please the search engines with excellent SEO, while racing to get the next blog post up quickly and overcoming the obstacles that are your competitorâs deals. But what about your WordPress site speed? With all the content and coding requirements we work to meet, it can be easy to forget that an increase in content means an increase in load time. And nothing is more likely to put your visitors off than an unreliable and slow website.
And itâs not just your visitors who will be unimpressed. Google has fast been increasing the emphasis it puts on site speed as a ranking factor, meaning that if your site isnât up to scratch, you can rest assured Google wonât be recommending it in a hurry.
Here we unpick the best ways to rectify the situation before it does real damage to your website reputation in the online worldâŠ
The geography of your data centre is crucial
Your server is what pushes your site out to clients and potential website visitors, so making sure it is located close to that target market is crucial. Itâs easy to find out the speed at which your site is being pushed out to Google at, from within your (webmaster tools) search console. Ideally this should be running to just a few hundred milliseconds at a maximum â any slower and Google will start to disregard your site.
Dynamic Caching
Dynamic caching is one of those terms thrown around by online experts â but what does it really mean? Essentially dynamic caching deals with the problem created by page generation load time, as by default WordPress will load each page afresh every time a new visitor comes to your site. This obviously adds a delay to the load time of each page, which can cause a major problem for your overall site speed.
Dynamic caching deals with this delay by saving a copy of each page and then simply regenerating the copy to each visitor â rather than loading each page from scratch every time. This creates a more streamlined load time across your whole site by allowing the server to push content out to more individuals at once â more quickly!
In order to implement dynamic caching, users tend to opt for a plugin or by enabling it on the server itself via a user such as Hostgator. The latter option is easy for WordPress users who have optimised hosting as it is as simple as switching the feature on. For those who donât, the plugin option is just as good and will perform the job to the same effect.
A Content Distribution Network (CDN)
A CDN allows your website server to find out the IP address of each visitor to your site, and deliver to them the recurrent content from a server nearest to them. By recurrent content we mean the things that never change â your images, backend coding and CSS to name a few. Engaging the use of the CDN through your hosting network means than users all over the world will receive content quickly and effectively, without long load times for those who live farthest away. Simply enable the CDN setting in the backend of your WordPress site and watch the visitors roll in â from all over the globe.
Understand Javascript and how to use it to your advantage
Javascript is great, and almost all the websites we can think of use it in some capacity. It enables your website to respond to the device it is being viewed on, resizing images and other content to maximise enjoyment. But that doesnât mean itâs perfect, and it adds to page load time if you donât optimise it to work in your favour. Essentially what you want to do is tell Javascript to start loading only after the page has loaded and is fully visible to the website visitor â and this requires help.
A plugin such as Autoptimize will enable you to aggregate Javascript. Then it only loads once your website visitor is enjoying the content. This means that by the time they get as far as the table of information youâve included, it will have resized appropriately â without impacting on WordPress site speed.
The beauty of CSS
The point of CSS is to make your WordPress site look great. Loading CSS files take a while. In an ideal world, they would be delayed until after the page has loaded. But doing this would cause your webpage to look unstyled and unattractive. Thatâs why we turn to Inlining for CSS. It isolates the CSS rules that apply to the visible elements of your web page. Then applies them to every page of the website so that they load instantly.
This is a complicated one, but luckily online tools are available to help. Simply enter your URL into an online resource such as âSiteLocity.â It will automatically generate the CSS for you. Copy the rules it presents to you and paste it into the Settings area of Autoptimize. (It’s something you should already have if you followed our tips for a successful Javascript!)
And voila! Beautiful web pages that load at the drop of a hat.
Images
We get it, images are vital to your website. Whether itâs photos of your work or images to supplement your content, you need them. But theyâre also impacting WordPress site speed. Theyâre draining the web loading capacity and adding to your site speed.
Thatâs why we turn to lazy loading. By enabling this, images wonât be loaded until the visitor has scrolled down far enough to see them. This ensures that only viewed images are actually loaded. If the visitor leaves the page before they reach an image, no harm done as it didnât load anyway!
Enable lazy loading from the settings inside your WordPress site. The images now appear by magic â as and when theyâre needed.
Do you really need that smiley face emoji?
Emoji add a whole load of useless code to your website. These load fresh with every view. So your WordPress site speed takes a hit. Yet again we turn to Autoptimize to help us here. Simply selecting the option that removes WordPressâ core emojis from your CSS helps. And subsequently cleaning up your backend coding so that only the really vital information is being loaded.
Put this all together and youâre sure to place in the site speed race rankings. Donât get lost in the world of site speed and allow your content to suffer. Online is all about balance and Google expects you to excel in all the relevant areas â not just one.
Need help? Talk to us.