8 Easy Ways To Website Speed Optimization

In this article, you will know about Website Speed optimization. Website loading speed can make good user experience, more user satisfaction, increase Website conversations.

As per one survey 50% people wants to load the website in a second or less.

42% will leave a web page if it takes more than 3 seconds to load.

52% of online stores say quick page loads are very important for their loyalty to a website.

I will let you know 10 simplest solutions which can boost up your website.

1. Optimize images

• To optimize images, you have to take care three properties of an image.
  • Image Size
  • Image Format
  • Image src attribute
• Resize your image to required dimensions
• Reduce color depth
• Remove comment about image.

Here is few website which can be helpful to reduce image size.

• https://tinyjpg.com/
• http://compressjpeg.com/
• http://jpeg-optimizer.com/
• https://compressor.io/

For WordPress website, please visit 7 WordPress Image Optimizer Plugins To boost website

2. Minify Packages

A Web page doesn’t need any extra space, it is used for easily user understanding.
Here are some tips to minify your Website:

• Compress HTML, You can remove spaces from your HMTL code and make it minify. You can compress it via below links
  • http://minifycode.com/html-minifier/
  • http://www.willpeavy.com/minifier/
  • https://htmlcompressor.com/
• Compress CSS, You can try with:
  • https://cssminifier.com/
  • http://www.cleancss.com/css-minify/
  • http://csscompressor.com/
• Compress JS/Javascript, You can try with:
  • http://javascript-minifier.com/
  • http://jscompress.com/
  • http://www.danstools.com/javascript-minify/

3. Reduce server response time

An Estimate target is a server response time of less than 200ms (milliseconds). You can easily check it via GT Metrix.
Yslow – to judge your site’s speed and find tips about a way to improve performance.
Google’s PageSpeed Tools – to be told a lot of concerning performance best-practice and automatise the method.

 4. Enable compression

Large pages (which is what you may have if you’re making high-quality content) ar usually 100kb and a lot of.
As a result, they’re large and slow to transfer. the most effective thanks to speeding their load time is to nothing them—a technique referred to as compression.
Compression reduces the information measure of your pages, thereby reducing protocol response.
you are doing this with a tool referred to as Gzip.
Most internet servers will compress files in Gzip format before causation them for transfer, either by occupation a third-party module or victimization intrinsic routines. in keeping with Yahoo, this will scale back transfer time by concerning seventieth.
And since ninetieth of today’s web traffic travels through browsers that support Gzip, it’s a good choice for rushing up your website.
Pro Tip: browse this text for a lot of details on Gzip compression. Then created your server to modify compression:
Apache: Use mod_deflate
Nginx: Use HttpGzipModule
IIS: Configure HTTP Compression

5. Enable browser cache

Browser Caching is the very useful key to improving website speed. When you are visiting any website very first time at that time it loads website data and stores into the browser and your browser can load the page without any HTTP request.
You can enable caching using following methods:

• Using Expires Headers

  ExpiresActive On
  ExpiresDefault A0
  
  # 1 YEAR - doesn't change often
  <FilesMatch "\.(flv|ico|pdf|avi|mov|ppt|doc|mp3|wmv|wav)$">
  ExpiresDefault A31536000
  </FilesMatch>
  
  # 1 WEEK - possible to be changed, unlikely
  <FilesMatch "\.(jpg|jpeg|png|gif|swf)$">
  ExpiresDefault A604800
  </FilesMatch>
  
  # 3 HOUR - core content, changes quickly
  <FilesMatch "\.(txt|xml|js|css)$">
  ExpiresDefault A10800
  </FilesMatch>

• Using max-age headers:

  # 1 YEAR
  <FilesMatch "\.(flv|ico|pdf|avi|mov|ppt|doc|mp3|wmv|wav)$">
  Header set Cache-Control "max-age=31536000, public"
  </FilesMatch>
  
  # 1 WEEK
  <FilesMatch "\.(jpg|jpeg|png|gif|swf)$">
  Header set Cache-Control "max-age=604800, public"
  </FilesMatch>
  
  # 3 HOUR
  <FilesMatch "\.(txt|xml|js|css)$">
  Header set Cache-Control "max-age=10800"
  </FilesMatch>
  
  # NEVER CACHE - notice the extra directives
  <FilesMatch "\.(html|htm|php|cgi|pl)$">
  Header set Cache-Control "max-age=0, private, no-store, no-cache, must-revalidate"
  </FilesMatch>

6. Optimize CSS Delivery

To optimize CSS,

• You have to avoid inline CSS, Remove duplication of class, Remove same code.
• External CSS must be loaded into Head section.

7. Remove unuseful plugins you use on your site

Don’t use too much JS and CSS from the different resources. Too many plugins can make your website slower.
Deactivate or Remove all unnecessary plugin you are using your website.

8. Reduce redirects

Redirects can increase load time. It uses HTTP request, so on website loading, it creates new requests.
Use an HTTP redirect to send users to mobile user agents directly to the mobile equivalent URL without any intermediate redirects, and
Include the <link rel=”alternate”> markup in your desktop pages to identify the mobile equivalent URL so Googlebot can discover your mobile pages.

---

You can write your comments below and visit our other WordPress tutorial articles.