Home 2017-08-31T12:06:59+00:00

WordPress Website Speed and Performance Optimization

Do you know website performance will influence your rankings in search engines?

Today I would share with you few quick tips on how you can optimize your website loading time. If you will follow these techniques, your website will load much quicker and fast.

There 3-5 speed chekcer tool where you can check the speed of your website
1) GTMetrix
2) Yslow
3) Goolge Pagespeed Insights

These services will inform you of your page loading percentage and overall filezie. Below are the few tips which can benefit for you.

1) Choose the right hosting plan

The first step in optimizing your website correctly is to choose the right hosting plan. If your server is taking lot of too much time to process HTTP requests and MySql commands.

GTMetrix and Google pagespeed insights will advices you of the exact response time of your server. I recommend testing the response time of your own website against similar websites. You can compare the same niche website with your website so you can learn about that. Shared hosting plans face slow loading times as hundreds of websites are hosted on the same server. So choose a hosting plan that can handle traffic spikes efficiently.
There are many hosting company provide the best host for WordPress.

2) Use a Solid Framework/Theme

In the WordPress everytheme is coded differently and because of that there are those are better then others. Today Twenty Fifteen is actually quite fast because it is very lightweight.

3) Monitor Your Plugins

Before you install any plugin on your website, ask yourself “Is this plugin necessary?”.

Today plugin are one of the biggest causes of WordPress website being slow due to bad coding standard.

4) Empty Your Trash

Trash in WordPress is like the Recycle Bin on your PC or Trash in your Macintosh computer. Users with the proper permission level (administrators and editors) have the ability to delete a post, page, and/or comments. When you delete the item, it is moved to the trash folder where it will remain for 30 days.

Changing When to Empty Trash in WordPress

You can change this to any number of days you want.
Simply add the following line of code in your wp-config.php file just before the line that says ‘That’s all, stop editing! Happy blogging.’

i) define(‘EMPTY_TRASH_DAYS’, 7);

This line changes the trash emptying schedule to 7 days. You can change 7 to any number of days that you want.

5) Optimize Your Images for the Web

All people using images for their website, because images can help your blog/ website to shared more frequently on social media. However image also take up a lot of storage. There page that contain many images can tak a long time to load.

So we need to optimize the image for the internet before uploading them to website. There are many applications available such as Photoshop, and online tools available to optimize the images.

6) Enable Gzip Compression

Gzip compression allows a website page to be transferred to a browser at up to 50%- 70% of its original size. The browser will then decompress the page and display it to the user.
You can check if your WordPress site is already compressed by using Check GZIP Compression.

7) Minify and Combine CSS and Javascript

In the minifying process all the empty lines, comments and extra spaces are removed form the CSS and JavaScript file. This way the size of the file is reduced and file loads fast.

8) Enable Browser Caching

Browser caching allows internet users to speed up the loading time of their favourite websites by storing a cached copy of your website locally. This reduces calls to your server and saves the user from downloading the same files again.
You can enable browser caching by adding the following code to your .htaccess file:

## EXPIRES CACHING ##

ExpiresActive On
ExpiresByType image/jpg “access 1 year”
ExpiresByType image/jpeg “access 1 year”
ExpiresByType image/gif “access 1 year”
ExpiresByType image/png “access 1 year”
ExpiresByType text/css “access 1 month”
ExpiresByType text/html “access 1 month”
ExpiresByType application/pdf “access 1 month”
ExpiresByType text/x-javascript “access 1 month”
ExpiresByType application/x-shockwave-flash “access 1 month”
ExpiresByType image/x-icon “access 1 year”
ExpiresDefault “access 1 month”

## EXPIRES CACHING ##
The code above specifies how long a particular file type should be stored. Files will simply be downloaded again if they have expired.

9) Optimize Web Font Performance

Curretly 65% of website are now using the custom fonts. In the latest google test they found that Google fonts performed well because of the use of their CDN and serving only WOFF formats. Open Sans was the fastest of the top 10 most popular fonts

10) Lazy Load Images, Videos, and Disqus

Lazy loading is a concept where you delay the loading of the object unit the point where it is needed. In WordPress, this usually refers to not loading the object until a user scrolls down the page or using an on-click event. You can lazy load all sorts of content, from images to videos and even the Disqus commenting system.

Lazy Load Images

To lazy load images, there is a great free little plugin called BJ Lazy Load. This plugin replaces all your post images, post thumbnails, gravatar images and content iframes with a placeholder and loads the content as it gets close to enter the browser window when the visitor scrolls the page. Also works with text widgets. If you are using the WP Rocket caching plugin, it also has an option to lazy load images.

Lazy Load Videos

To lazy load your videos there is a free plugin called Lazy Load for Videos. It replaces embedded Youtube and Vimeo videos with a clickable preview image. If your website is video heavy this plugin alone can dramatically speed up your website.

Lazy Load Disqus

Disqus is a great commenting system and can be a great deterrent to spam, as it cuts out nearly 99% of it. However, the default Disqus plugin creates 10+ HTTP requests which can drastically slow down your site. Thankfully James Joel developed a plugin, Disqus Conditional Load, which cuts out all these HTTP requests upon initial load. It is also is now SEO friendly, meaning Google will still crawl your comments. We even use this plugin our blog!

By | August 23rd, 2017|Categories: Design development tips|

Recent Posts

Categories

Let’s keep in touch

Sign up for our newsletter to get the latest on design tips and trends.