SEO best practices to increase your page speed

1. SEO-best practices to increase your Page Speed

2. What is Page Speed? Page speed is a measurement of how fast the content on your page loads. Page speed can be described in either "page load time" (the time it takes to fully display the content on a specific page) or "time to first byte" (how long it takes for your browser to receive the first byte of information from the web server).

3. Here are some of the many ways to increase your page speed.

4. Enable compression Use Gzip, a software application for file compression, to reduce the size of your CSS, HTML, and JavaScript files that are larger than 150 bytes. Do not use gzip on image files. Instead, compress these in a program like Photoshop where you can retain control over the quality of the image.

5. Minify CSS, JavaScript, and HTML By optimizing your code (including removing spaces, commas, and other unnecessary characters), you can dramatically increase your page speed. Also remove code comments, formatting, and unused code. Google recommends the use of CSSNano and UglifyJS.

6. Reduce redirects Each time a page redirects to another page, your visitor faces additional time waiting for the HTTP request-response cycle to complete. For example, if your mobile redirect pattern looks like this: "example.com -> www.example.com -> m.example.com -> m.example.com/home," each of those two additional redirects makes your page load slower.

7. Remove render-blocking JavaScript Browsers have to build a DOM tree by parsing HTML before they can render a page. If your browser encounters a script during this process, it has to stop and execute it before it can continue. Google suggests avoiding and minimizing the use of blocking JavaScript.

8. Leverage browser caching Browsers cache a lot of information (stylesheets, images, JavaScript files, and more) so that when a visitor comes back to your site, the browser doesn't have to reload the entire page. Use a tool like YSlow to see if you already have an expiration date set for your cache. Then set your "expires" header for how long you want that information to be cached. In many cases, unless your site design changes frequently, a year is a reasonable time period.

9. Use a content distribution network Content distribution networks (CDNs), also called content delivery networks, are networks of servers that are used to distribute the load of delivering content. Essentially, copies of your site are stored at multiple, geographically diverse data centers so that users have faster and more reliable access to your website.

10. Optimize images Be sure that your images are no larger than they need to be, that they are in the right file format (PNGs are generally better for graphics with fewer than 16 colors while JPEGs are generally better for photographs) and that they are compressed for the web. Use CSS sprites to create a template for images that you use frequently on your site like buttons and icons. CSS sprites combine your images into one large image that loads all at once and then display only the sections that you want to show. This means that you can save a lot of loading time.

11. Created By www.digileap.ca