Why should Speed Up Your Website?

There are so many important reasons to speed up your site. One is that Google cares about it. If your site is speedy enough your rank will high on search results. So if your site is not speedy enough I will not get new visitors. And another main reason is that when your existing visitors visit your site if they get it as loading….. loading….. you will lose them soon. These two reasons are enough for taking care of your site’s speed up. How to check the website speed? Use the sites to check speed. They are reliable but don’t over trust them. Use the actual devices.

  1. Gtmetirx.com
  2. tools.pingdom.com/
  3. Google

So how to Speed Up Your Website?

I said easily. So it will be easier. I will suggest some manual works to ensure the result & also use some plugin. Just follow these steps.

Minify All CSS & JS files

Check your .css & .js files on your theme. If they are minified then okay, otherwise minify them. There are many websites that help to minify the files. Just search for them.

And use asynchronous files.

Reduce the HTTP Requests Number

Combine your all .css files to one & all .js files to one. But now you have to be a little careful about that everything on your site is working fine. I will suggest you do it one by one. Create a new file & put one file & check the site. If any file creates any problem just skip it & call it as a single file. Here you should care about the priority of the files.

Optimize the Images

Optimize the images manually. You can use online tools. Tinypng.com is a nice one.

Here one thing, when you test on google page speed insight, they will suggest the optimized images. Be careful to take these images. Google gives the images only for the single page which you are testing. If the images are used on other pages with different sizes it will create the problem. And also sometimes it decreases the quality to too low and sometimes doesn’t count the images that could be optimized.

Don’t use a large-sized image that you don’t need. Change the image size as you need on webpages & then optimize.

Gzip Compression

We will use the w3 Total Cache plugin. It cares about Gzip compression. But sometimes it may not work. Use the code below the compress the text. Add the snippet to your .htaccess file on the Apache server.

<IfModule mod_deflate.c>
  # Compress HTML, CSS, JavaScript, Text, XML and fonts
  AddOutputFilterByType DEFLATE application/javascript
  AddOutputFilterByType DEFLATE application/rss+xml
  AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
  AddOutputFilterByType DEFLATE application/x-font
  AddOutputFilterByType DEFLATE application/x-font-opentype
  AddOutputFilterByType DEFLATE application/x-font-otf
  AddOutputFilterByType DEFLATE application/x-font-truetype
  AddOutputFilterByType DEFLATE application/x-font-ttf
  AddOutputFilterByType DEFLATE application/x-javascript
  AddOutputFilterByType DEFLATE application/xhtml+xml
  AddOutputFilterByType DEFLATE application/xml
  AddOutputFilterByType DEFLATE font/opentype
  AddOutputFilterByType DEFLATE font/otf
  AddOutputFilterByType DEFLATE font/ttf
  AddOutputFilterByType DEFLATE image/svg+xml
  AddOutputFilterByType DEFLATE image/x-icon
  AddOutputFilterByType DEFLATE text/css
  AddOutputFilterByType DEFLATE text/html
  AddOutputFilterByType DEFLATE text/javascript
  AddOutputFilterByType DEFLATE text/plain
  AddOutputFilterByType DEFLATE text/xml

  # Remove browser bugs (only needed for really old browsers)
  BrowserMatch ^Mozilla/4 gzip-only-text/html
  BrowserMatch ^Mozilla/4\.0[678] no-gzip
  BrowserMatch \bMSIE !no-gzip !gzip-only-text/html
  Header append Vary User-Agent
</IfModule>

Or if you are on NGINX add this snippet to Nginx.conf :

gzip on;
gzip_disable "MSIE [1-6]\.(?!.*SV1)";
gzip_vary on;
gzip_types text/plain text/css text/javascript image/svg+xml image/x-icon application/javascript application/x-javascript;

Browser Caching :

Use any good caching plugin. If you are not using the w3 Total Cache plugin I will suggest it. It has many features that work fine active installation 1+ million & 26k+ 5 star review. There is an option for Gzip compression.

Lazy Load :

Use a lazy loader plugin. It will decrease the page loading size extremely. How does it work? When you will load the page, it will not load the full page. It will load only the visible part of the screen. When the visitor will scroll down, it will load the relevant part. You can you BJ Lazy Load plugin.

Use CDN Service :

CDN - Speed up your website

Content Delivery Network( CDN ) will do a lot of work for you. If you need a high-speed website from all over the world, don’t forget to use the CDN service. The site testing tools may show you the high speed of your website, but the actual user experiences can not reflect all over the world.

The CDN service will serve your content from their different networks across the world. There is a free feature on Cloudflare. But as far I know the recent experience is not so good. So you should choose a premium one. There is many CDN service provider. Just make search & choose the best one which matches your budget.

More Thoughts for Speeding Up Your Website :

If your main server is too poor, you may need to change it to a better one to speed up your website.

If you think you need help to speed up your website feel free to contact me. I will assist you with my experiences & skills. First I will find the problem with your website and then will solve the problem.

Service Fee: Only $60

Join the Conversation

2 Comments

Leave a comment

Your email address will not be published. Required fields are marked *