Optimizing Page Load Time with Free Tools Online

page load time optimizationFaster page load is very important for a better user experience. If a page takes a lot of time to load, higher probability is that the user will look for another page, going away from your website. Optimizing Page Load Time can be done quick using various free tools available online. Things that affect the page load time and free online tools to find a solution are listed as below.

Recommended Read

Optimizing Page Load Time Tips

  1. Large size graphic images: Sometimes we forget to optimize images and this causes website take time to load images before it gets loaded completely. Using Smushit tool online by Yahoo, you can compress images and get them loading faster in your website.
  2. CSS Sprites: Instead of having many small iconic size images, you can have one single image with all the icons and use CSS sprite to show the images on the page. This reduces number of requests to the server thereby enhancing page load time. Using CSS Sprite Generator you can create css sprites for free.
  3. Many, large size Javascripts & CSS: Javascripts and CSS are written with indents, spaces, etc for better readability. However, when deploying on production website, you must consider compression of the JS and CSS files. There are two methods to do so: Minification and Obfuscation. Minification reduces the size by not changing the code but arranging the code with minimum bytes required. However, Obfuscation alters the code to make it even more compressed by applying certain code logic, reducing iterative paths, refactoring variables, etc and is more prone to error. The Minify JS is a free online tool to compress JS while Minify CSS is a free online tool to compress CSS. These online compression tools mentioned above also combine multiple files into one.
  4. Lot of server HTTP requests: Placing the images, css, flash objects, etc on the same server results in a lot of server requests. Putting the load on other servers helps. You can use Content Delivery Network for providing the content to your site thereby reducing/minimizing the requests to your server and enhancing the page load time.
  5. Placement of CSS and JS on page: Put stylesheets at the top while JS at the bottom. Putting stylesheets in the HEAD allows the page to render progressively. JS block parallel downloads, hence keeping them at the bottom is a key to optimizing page load time. Keep the JS and CSS files external than inline.
  6. Avoid CSS Expressions:The problem with expressions is that they are evaluated more frequently than most people expect. Not only are they evaluated when the page is rendered and resized, but also when the page is scrolled and even when the user moves the mouse over the page.
  7. Lot of plugins: Lot of plugins like Social media generate a lot of requests (mostly to the social media server) but affects the load time to an extent. Remove unnecessary plugins.
  8. Lot of comments: The size of the page sometimes increases due to comments. Sometimes the content size of comments is much more than the actual page content. Loading a lot of comments on a page can impact the load time. You can load the comments after the page is loaded possibly through AJAX on page load.
  9. Code behind: The server side code also plays a vital role in page load time. Caching may help but not always. Read more about caching and decide whether to enable it.

Analyze the links on your page with Links Analyzer

Further reading

Post your page load time optimization, check the page load time with webpagetest.org, one of the most popular tools today.

Leave a Reply

Your email address will not be published. Required fields are marked *