HomeSEOWebsite Speed Optimization Using...

Website Speed Optimization Using .htaccess file

It is always important to optimize website speed for a smooth and inspiring user experience. And search engines also love faster page speed WordPress sites.

As we all love faster websites and want a speedy WordPress website. All the websites owner and especially beginners should know the tricks through which they can boost their websites. We will focus on some important tricks which I experienced and got a much faster website. Now at this stage, my website is scoring about 98% using these tricks. There are a lot of ways to increase the speed of WordPress website using .htaccess code.

This article will walk through the 6 best tricks for speed optimization using .htacess, however it is not an easy job. So I will recommend you to take some important steps before you go further. If you are a beginner, you must have to read the Prerequisites section to avoid making problems and or crash your WordPress website.

Check out: How to speed up your WordPress Website — Tips And Tricks

Before you start editing the .htaccess file, follow the below guidelines.

  1. Create a backup of the .htaccess file. (you can reload it if the changes break your website)
  2. Purge all cache and disable the cashing Plugin.
  3. Check your website by refreshing it to ensure it’s still working.
  4. Suppose you found that your website is not loading or not working. Find a possible solution for that error.

How to increase WordPress website Speed using the .htaccess file

First of all, we will take a brief overview of a list of .htaccess file tricks to enhance and increase speed. This list covers the major and recommended changes by most of the developers to increase website speed.

Check out: How to Improve HTTP Response Header In WordPress

  1. Compression (Gzip and DEFLECT)
  2. Enable “Keep-Alive”
  3. Leverage Browser Cache
  4. Disable Image Hotlinking
  5. Activate mod_pagespeed option
  6. Enable light speed server cache

Lets Start

  1. Enable Compression (Gzip and DEFLATE)

The compression can minimize the size of JS, CSS, and HTML files by 60 to 80 percent. Add the below code in your WordPress .htaccess file to enable DEFLATE and Gzip Compression.

#GZIP COMPRESSION <IfModule mod_gzip.c> mod_gzip_on Yes mod_gzip_dechunk Yes mod_gzip_item_include file \.(html?|txt|css|js|php|pl)$ mod_gzip_item_include handler ^cgi-script$ mod_gzip_item_include mime ^text/.* mod_gzip_item_include mime ^application/x-javascript.* mod_gzip_item_exclude mime ^image/.* mod_gzip_item_exclude rspheader ^Content-Encoding:.*gzip.* </IfModule> # END GZIP COMPRESSION

2. DEFLATE Compression

# START DEFLATE COMPRESSION
<IfModule mod_deflate.c>
AddOutputFilterByType DEFLATE “application/atom+xml” \
“application/javascript” \
“application/json” \
“application/ld+json” \
“application/manifest+json” \
“application/rdf+xml” \
“application/rss+xml” \
“application/schema+json” \
“application/vnd.geo+json” \
“application/vnd.ms-fontobject” \
“application/x-font” \
“application/x-font-opentype” \
“application/x-font-otf” \
“application/x-font-truetype” \
“application/x-font-ttf” \
“application/x-javascript” \
“application/x-web-app-manifest+json” \
“application/xhtml+xml” \
“application/xml” \
“font/eot” \
“font/otf” \
“font/ttf” \
“font/opentype” \
“image/bmp” \
“image/svg+xml” \
“image/vnd.microsoft.icon” \
“image/x-icon” \
“text/cache-manifest” \
“text/css” \
“text/html” \
“text/javascript” \
“text/plain” \
“text/vcard” \
“text/vnd.rim.location.xloc” \
“text/vtt” \
“text/x-component” \
“text/x-cross-domain-policy” \
“text/xml”
</IfModule>
# END DEFLATE COMPRESSION

3. Enable Keep-Alive Option

This is a potent .htaccess trick which enables server and web browser to download resources from a single connection.

Copy and paste the below code in your .htaccess file to enable this function.

# START ENABLE KEEPALIVE
<ifModule mod_headers.c>
Header set Connection keep-alive
</ifModule>
# END ENABLE KEEPALIVE

4. Leverage the Browser Cache

This is one of the most important and recommended .htaccess tricks to optimize the WordPress website. Most of all, speed test tools like Google PageSpeed Insights, GTmatrix, and Pingdom recommend enabling Leverage browser caching. Browser Caching enabled websites to tell web browsers to keep/store website resources like CSS or JS files for a certain period.

Add the below code to the .htaccess file to leverage the browser cache.

# START EXPIRES CACHING #
<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType text/css “access 1 month”
ExpiresByType text/html “access 1 month”
ExpiresByType image/gif “access 1 year”
ExpiresByType image/png “access 1 year”
ExpiresByType image/jpg “access 1 year”
ExpiresByType image/jpeg “access 1 year”
ExpiresByType image/x-icon “access 1 year”
ExpiresByType image/svg+xml “access plus 1 month”
ExpiresByType audio/ogg “access plus 1 year”
ExpiresByType video/mp4 “access plus 1 year”
ExpiresByType video/ogg “access plus 1 year”
ExpiresByType video/webm “access plus 1 year”
ExpiresByType application/atom+xml “access plus 1 hour”
ExpiresByType application/rss+xml “access plus 1 hour”
ExpiresByType application/pdf “access 1 month”
ExpiresByType application/javascript “access 1 month”
ExpiresByType text/x-javascript “access 1 month”
ExpiresByType text/x-component “access plus 1 month”
ExpiresByType application/x-shockwave-flash “access 1 month”
ExpiresByType font/opentype “access plus 1 month”
ExpiresByType application/vnd.ms-fontobject “access plus 1 month”
ExpiresByType application/x-font-ttf “access plus 1 month”
ExpiresByType application/font-woff “access plus 1 month”
ExpiresByType application/font-woff2 “access plus 1 month”
ExpiresDefault “access 1 month”
</IfModule>
# END EXPIRES CACHING #

5. Add Cache-control headers to enhance Page Speed. Copy and paste the below code into the .htaccess file

# BEGIN Cache-Control Headers
<ifModule mod_headers.c>
<filesMatch “\.(ico|jpe?g|png|gif|swf)$”>
Header set Cache-Control “public”
</filesMatch>
<filesMatch “\.(css)$”>
Header set Cache-Control “public”
</filesMatch>
<filesMatch “\.(js)$”>
Header set Cache-Control “private”
</filesMatch>
<filesMatch “\.(x?html?|php)$”>
Header set Cache-Control “private, must-revalidate”
</filesMatch>
</ifModule>
#END Cache-Control Headers

6. Disable Image Hotlinking in the .htaccess file

This trick is to restrict other sources from using your website images. There are huge chances that spammers can use your image link to their website. Every time someone visits their page, the linked images will be loaded from your website/server. This is called image Hotlinking.

So you copy and paste the below code into your .httaccess file to prevent image Hotlinking.

# DISABLE IMAGE HOTLINKING START
RewriteEngine on
RewriteCond %{HTTP_REFERER} !^$
RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?sample.com [NC]
RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?google.com [NC]
RewriteRule \.(jpg|jpeg|png|gif)$ – [NC,F,L]
# DISABLE IMAGE HOTLINKING END

7. Active mod_pagespeed

This trick is to enhance and optimize your website, especially relevant and works with Apache Server. Google develops the Mod_pagespeed module and now a few major hosting providers like DreamHost, SiteGround, and Godaddy to increase its page speed. However, this module could be installed using SSh on your Cpanel.

Copy and paste the below code to the .htaccess file to enable this module.

# ENABLE MOD PAGESPEED START
# COMBINE CSS, COMPRESS IMAGES, REMOVE HTML WHITE SPACE AND COMMENTS
<IfModule pagespeed_module>
ModPagespeed on
ModPagespeedEnableFilters rewrite_css,combine_css
ModPagespeedEnableFilters recompress_images
ModPagespeedEnableFilters convert_png_to_jpeg,convert_jpeg_to_webp
ModPagespeedEnableFilters collapse_whitespace,remove_comments
</IfModule>

8. LightSpeed Cache

Suppose you are using a lightspeed Server to run your website. You should use the below code to enable LightSpeed Cache Option.

# ENABLE LITESPEED CACHE START
<IfModule LiteSpeed>
CacheEnable public
RewriteEngine On
RewriteCond %{REQUEST_METHOD} ^GET|HEAD$
RewriteCond %{HTTP_HOST} ^sample.com|sample.net|sample.org [NC]
RewriteCond %{REQUEST_URI} !login|admin|register|post|cron
RewriteCond %{QUERY_STRING} !nocache
RewriteRule .* – [E=Cache-Control:max-age=300]
</IfModule>
#ENABLE LITESPEED CACHE ENDerver level caching.

Important Note: – you should add/edit the mentioned module codes one by one in your website .htaccess file. Check your website every time you add/edit a module, so it will help you to know which module is not fit for your website.

Bonus tip

To prevent the chances of being hacked, it is essential to add the following code at the bottom of your website’s .htaccess file. This will help to hide your server signatures.

# Disable server signature #
ServerSignature Off
# End Disable server signature #

Most Popular

More from Author

Top 7 SEO Trends to Increase Organic Traffic

Search engine optimization is one of the best ways to boost...

How to Create Winning Content Strategy for Tech Websites

Brands may promote their wares and gain potential customers through content...

6 Underutilized Backlink Sources to Capitalize On

Creating a network of backlinks is something most business websites need...

SEO Trends for 2023: Do They Bring Something New to the Table? 

SEO has become an indispensable factor in a company’s growth. Although...

Read Now

How Content Marketing Drives Traffic to Your Jewelry Website

Customers are first looking for information and solutions before they can decide on what to buy for their jewelry collection. Companies like moissaniteco have succeeded in capitalizing on providing helpful content that guides their customers to buy jewelry from them. Therefore, content is king when establishing a successful jewelry...

Why a Mobile-Friendly Website is Important for Your Business

Mobile internet usage is increasing faster than desktop internet usage due to the exponential rise in mobile phone users. Due to the rising multi-screen usage trend, more developers are becoming aware of the necessity to create responsive or mobile-friendly website. Your website will perform better for users if...

5 Useful SEO Services Tips For Small Businesses

With the ever-growing competition in the digital world, any small business needs to optimize its website for search engines. However, many businesses need help figuring out where to start. That's why we've put together these 5 incredibly useful SEO services tips for small businesses: Hire an...

Why You should Have a Business Website

In today's digital age, an online presence is essential for any business. But why? What are the benefits of having a Business Website, and how can it help your business a lot to grow? In this blog post, we'll discuss the advantages of having a website and...

Here’s What Programmatic Marketing Can Do for You

If you’re trying to market a business in the modern world, chances are you’ve heard of programmatic marketing. You may even have been doing it without really realizing that that was what you were doing. Programmatic marketing allows you to automate the purchase and placement of ads across...

Why is Shopify a Great Choice for Your Ecommerce Website?

Shop owners regularly query whether Shopify is the best ecommerce and online product selling platform for them. For a small business that desires expansion, Shopify is a wise choice. Although there are a number of fantastic solutions for online markets, Shopify's design is simple, inexpensive, highly functional, and...

Top 6 Best Web Development Technologies to Build Website

Web development technologies are a huge part of the business of building websites. There are a wide range of options that you can choose from. Some of these choices include Django, PHP, JavaScript and more. But which ones should you choose to build your website? 1. JavaScript JavaScript is...

10 Best Web Development Tools to Improve Skills

You are in charge of making reliable web apps as a web developer. In addition to coding, this requires performing difficult and time-consuming duties, including troubleshooting issues and managing servers. Fortunately, solutions available can help streamline the procedure without sacrificing quality. The automation and security capabilities that are...

How to Execute a Successful Link Building Strategy?

Link Building is one of the essential non-SEO methods. With a logo, your content marketing efforts will be worthwhile. Of course, for this to be true, it is vital to understand how to conduct a successful link-building plan. It is common to hear about the necessity of link...

Use These 5 Apps to Improve Your Writing

Regardless of what line of work you are in, you can benefit from better writing skills. If you are in marketing or sales, or if you are an educator, the pluses are immediately obvious, but even if you are just sending out an email every once in...

Here’s How to Optimize Your Website for Search

Is your website just not getting the kind of traffic you’d hoped for? Did it used to get a lot of traffic but now gets considerably less? You need a better SEO strategy to Optimize Your Website for Search. Optimizing your website for search helps it show up...

7 Types of Backlinks: Which Should You Focus on Building?

Backlinks are some of the most commonly used SEO practice that can help a website build more traffic. Establishing backlinks to other authoritative websites plays a very important role in search engine results, and can be a decisive factor in how high or low a website appears...