How to increase website speed

Today website speed required more than ever before!
As average internet connection speeds increasing every day around the world, web users are looking for fast load websites, they don’t want to wait for a second. At the same time, Google has stated give more priority to fast websites with higher positions in the natural search results.

So if you looking for increase your website speed and you need to make site speed a priority on your site.
then you can use below tips will be help you.

1. Minimize HTTP Requests

This is very important part of your website speed because of according to Yahoo, 80% of a Web page’s load time is spent downloading the different pieces-parts of the page: images, stylesheets, scripts, Flash, etc. Do you know HTTP request is made for each one of these elements, so if you are using more style files, scripts, images then automatically your website will be slow. You should mind it.
1. As possible use CSS code instead of images.
2. Combine multiple style sheets into one style.
3. Reduce scripts files and put them at the bottom of the page or inside the (footer.php).
4. Always remember, when it comes to your website, leaner is better.

2. Reduce server response time

Make sure your website server response time is less than or near by 200ms (milliseconds). Server response time is very important because of if your website server respond in 3 second means your website already 3 second slow then it will be start to load your script.
your can check your website server response time using Google’s PageSpeed Tools.

3. Specify a character set

Specify a character set in HTTP headers to speed up browser rendering. This is done by adding a simple piece of code into your header:

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

Note: Some CMSs use functions for character set (like WordPress with <!–?php bloginfo(‘charset’); ?–> ). I suggest that if you are sure about your character set, write it instead of using PHP functions. It helps to minimize request size, so try to use HTML instead of PHP everywhere that is possible.

4. Avoid Broken Links (404) requests

Broken links result in 404/410 errors. These cause wasteful requests. Fix your broken URLs (pay special attention to images). Use online broken link checker or use WordPress link checker for free. You can also read about Xenu Link Sleuth and Screaming Frog tools at SEOmoz that can be really helpful.

5. Turn on Gzip compression

Gzip compression is a technology that minimizes the size of browser-based HTTP responses. Using Gzip compression you can speed up your website load times.

There are two ways to turn on Gzip compression on your site.

1. Add the following code inside .htaccess file:

# compress text, html, javascript, css, xml:
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/xml
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/x-javascript

2. Add the following code to the top of your HTML or PHP page:

<?php if (substr_count($_SERVER[‘HTTP_ACCEPT_ENCODING’], ‘gzip’)) ob_start(“ob_gzhandler”); else ob_start(); ?>

6. Optimize images

Images can contain extra comments and use useless image size. Keeping image sizes to a minimum that will help for users on slow connections. If you using oversize image that will make bad experience for users. Always try to save in JPEG format.

7. Use image as a background instant of use image tag

Yes as possible if you can use image as a background then you can also increase the speed of web page. For example:
If you using 10 image using <?img /> tag your webpage send 10 time http request to server and if you use all 10 images as a background using css then webpage will send http request only once with css and load all image.

Leave a Reply

Related Posts: You may like

How to disable selection of text on a web page

Google Geochart show list of all countries with multiple colors

List of companies and their Headquarters And CEOs in the world

List of Top 15 Popular Search Engines

Tools:

Crypto Currency

PHPKIDA provides free online the best real-time crypto market price, news, predictions, index with graphs & historical data for 2000+ coins including bitcoin, ethereum, & altcoins from major cryptocurrency exchanges.

Visite Tool

Icon Generator

PHPKIDA provides free online icon generator. Our icon generator help you to edit, modify, resize and customize icon for your website and applications. Convert to a shap you like add icon border, you can change icon border color, border size, background color, icon shadow, icons color, icon size in your own way and save it as a png image.

Visite Tool

Youtube Video Downloader

PHPKIDA provides Free online YouTube video downloader to download YouTube videos quickly in MP4, 3GP, and more. Search your video and free fast download youtube videos.

Visite Tool

Sign up for weekly update

Milkshake is almost ready. If you're interested in testing it out, then sign up below to get exclusive access.