One of the most important considerations of building websites is to make sure they load quickly. Before you begin to optimize your site(s), it´s important to see how well they are functioning, first. One way to do this is to make use of the Make the Web Faster tools, by Google. Two other options you can use are Pingdom and YSlow. Each of these tools will help you to establish a baseline of performance.

After that, you can use these tools to increase page loading times. Below are some screen shots which show what happens when each one of these tools is used. For these tests I´m using a personal This site is using a professional Genesis theme.

On the bottom half of this page is the results from Yslow along with suggestions for improvement.

Based on what these tools can offer, here are 7 tips to make your websites load faster:

  1. Minify HTML, CSS and JavaScript: To do so, remove all unnecessary comments, white space and code. This will improve performance because the file size will be reduced. To minify HTML, check out HTML Compress. For JavaScript, use YUI Compressor, and for CSS, test out CSCompressor. A fourth option is to make use of the PageSpeedInsights Chrome Extension to create an optimized version of your HTML code. The PageSpeed Insights page also lists other programs you can use.
  2. Make CSS and JavaScript External: Using external files will generally make the pages load faster because JavaScript and CSS files are cached by the browser.Alternatively, if you use CSS in a web page, place the CSS in the HEAD element. This makes the page appear load faster and it can do so progressively. With JavaScript, move the scripts to the bottom of the page.
  3. Eliminate Duplicate Scripts in a Web Page: This issue might seem strange but it is actually quite common. Duplicate JavaScript and CSS files degrade performance by creating unnecessary HTTP requests and wasted JavaScript execution. It´s also important to check and see if scripts have been duplicated in external files, as well. To avoid this problem is to use a script management module with your templates.
  4. Optimize Images: Reduce image sizes using either GIF, PNG-8. orJPEG as the file formats. Make sure the size matches your usage and set the size for each page with the height and width. Do not make use of scaling, especially from larger to smaller images. The image result might look fine on screen but the file size will be the same. To truly take advantage of the smaller dimensions, use an image editing program and scale the image accordingly. The resulting file size will be smaller. It´s also important to experiment with compression for with all of these file formats. At some point you will obtain an acceptable compression with a minimum loss of quality. Experimentation is key.

Use GZIP compression: If your hosting company uses GZIP compression and deflation these can make a significant difference and speed up your site. It´s possible to reduce file sizes by 70% without losing image quality or video size.

Similar Posts

Leave a Reply

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