How To Speed Up Your Website

1

Minimize Redirects

You have to keep your Redirects minimum, because it will create additional HTTP requests and it has huge impact on your page load speed. Sometimes it’s very important for your application to redirect the browser from one URL to another. So, Google recommends two best actions to make sure a responsive redirect doesn’t slow your site:
1) Include the markup in your desktop pages to identify the mobile equivalent URL so Googlebot can discover your mobile pages.
2) Use a HTTP redirect to send users with mobile user agents directly to the mobile equivalent URL without any intermediate redirects

2

BE SELECTIVE WITH PLUGINS

Deactivating and deleting any plugins that are not necessary and, while you are at it, pay particular attention to plugins that slow down your site’s speed. Regular checks of your plugins will ensure you don’t forget any essential updates as well so your site is less likely to have damaging bugs or security vulnerabilities. This way you can identify any plugins that harm your site speed.

3

Optimize CSS Delivery

Generally, your website accesses this information in one of two ways: in an external file, which loads before your page renders, and inline, which is inserted in the HTML document itself.
The external CSS is loaded in the head of your HTML with code that looks something like this:
<!—Your styles –>
Inline CSS is nested in your page’s HTML.

4

Using a Cache Plugin

When someone visits your website, they need to request a lot of information from your web host. Some of the things they need to send a request for are images, Javascipt, CSS and all of your content. All of this contributes to your total page loading time. By using caching plugins such as, W3 Total Cache or WP Super Cache, it will create a picture of your website every so often, and deliver it to your visitors instead of having to download each page whenever they visit your website.

5

Optimize images

With images, you need to focus on three things: size, format and the src attribute.
Image size
Oversized images take longer to load, so it’s important that you keep your images as small as possible. Use image editing tools to:
Crop your images to the correct size. For instance, if your page is 570px wide, resize the image to that width. Don’t just upload a 2000px-wide image and set the width parameter (width=”570”). This slows your page load time and creates a bad user experience.
Reduce color depth to the lowest acceptable level.
If you talk about the image format then JPEG is your best option.
PNG is also good, though older browsers may not fully support it.
GIFs should only be used for small or simple graphics (less than 10×10 pixels, or a color palette of 3 or fewer colors) and for animated images.
Do not use BMPs or TIFFs

6

Minify Resources

WYSIWYG resources make it easy to build a Web page, but they sometimes create messy code—and that can slow your website considerably.
Since every unnecessary piece of code adds to the size of your page, it’s important that you eliminate extra spaces, line breaks, and indentation in your code so your pages are as lean as possible.
It also helps to minify your code. Here’s Google’s recommendation:
To minify HTML, you can use PageSpeed Insights Chrome Extension to generate an optimized version of your HTML code. Run the analysis against your HTML page and browse to the ‘Minify HTML’ rule. Click on ‘See optimized content’ to get the optimized HTML code.
To minify JavaScript, try the Closure Compiler, JSMin or the YUI Compressor. To minify CSS, you can try YUI Compressor and cssmin.js. You can create a build process that uses these tools to minify and rename the development files and save them to a production directory.

7

Remove unnecessary code in your CSS files

Your CSS file needs to load before your page becomes viewable, but if you (and others) have been building upon the same file for some time, it likely has a lot of superfluous code – every extra space or line will add up to a slower page!
Go through the code yourself in case there are any hidden elements that aren’t being used, or use a free CSS minifier which will remove extra spaces and code for you. Here are some resources Google suggests for minifiying HTML, CSS, and JavaScript code.

8

Hosting

Most of the basic packages with the different hosting companies have several hundreds of websites on one single server. This will result to slow down your page load speed. Place your website on a dedicated hosting company, so that your website will be the only website on a particular server is incredibly beneficial, especially if you have a lot of content and have a lot of traffic on your website. Like everything else, you get what you pay for. You can check the best hosting: BEST DEDICATED SERVER HOSTING LIST

9

Minimize HTTP Requests

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. An HTTP request is made for each one of these elements, so the more on-page components, the longer it takes for the page to render.
The best way to improve site speed is to simplify your design and use CSS instead of images whenever possible. Reduce scripts and put them at the bottom of the page. Streamline the number of elements on your page. Combine multiple style sheets into one.

10

Reduce server response time

Your target is a server response time of less than 200ms (milliseconds). And if you follow the tips in this article, you’re well on your way to achieving this.
Google recommends using a web application monitoring solution and checking for bottlenecks in performance.