How To Speed Up Your Website
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
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.
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.
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.
With images, you need to focus on three things: size, format and the src attribute.
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
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.
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!
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
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.
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.