As a Web Developer, how do you optimize your site’s loading time?

Today’s user expect a website to load quickly, and those that don’t will likely experience negative consequences as a result. The Aberdeen Group conducted research that found a one-second delay in page load time yields 11% fewer page views, a 16% decrease in customer satisfaction and an 7% loss in conversions. Google has also indicated that site load speed is one of the signals used by its algorithm to rank pages.

As websites continue to evolve to become much more complex and content-heavy, it’s important to make sure your website is tuned to reduce page load speed as much as possible. And while there are numerous factors that affect page load speed—many requiring the aid of a proficient web development partner—there are a few actionable tweaks that can have a significant impact on reducing page load speed.

1. Optimize images and video

Some of THE biggest culprits increasing your webpage load time are images and video—as they take up a significant portion of a page’s overall size. And there are two distinct factors related to images and video: the size of each individual asset and the number of total assets being loaded on any given page. It’s important to address both of these factors.

Reduce the file size of all media assets

  • Size your images appropriately – We’ve frequently seen clients make the mistake of uploading full-sized, 12 megapixel images without resizing first. Don’t upload a 6000 pixel wide image if its going to be displayed at 500 pixels. While retina is a consideration (2x), make sure the photos are sized according to the parameters of the design.
  • Stick to JPG when possible – JPG is a compressed image format that maintains the integrity of the image, without wasting unnecessary space. So for the vast majority of applications, JPG is preferred. You should only use PNG when transparency is necessary. Avoid using TIFF and BMP altogether.
  • Compress all photos – Even photos that have been appropriately sized are still going to be larger files than they need to be. Make sure that all photos are compressed, as compression can significantly reduce the file size, without dramatically sacrificing picture quality
  1. Leverage a caching, page speed plugin
    There are a lot of factors that impact website page load speed, yet many are simply beyond the expertise of the average marketer. Fortunately, there are many helpful plugins or modules (depending on your CMS) that can assist with the technical heavy lifting. Page caching is another way to help improve your page load time. Cached pages are served up as static HTML versions of a particular page in order to avoid time-consuming queries to your website’s database. A cached web page loads much quicker—while decreasing server load by up to 80%. WordPress users can easily install one of the many popular page caching plugins such as W3 Total Cache.
  2. Upgrade your web hosting package
    The quality of your web hosting package can have a significant impact on your website’s page load speed—whether positive or negative. Especially for larger, more resource-intensive websites, and websites that generate a lot of traffic. While using an inexpensive, shared (or grid) hosting platform can be tempting, investing in a high-performing VPS, managed or dedicated web hosting platform should be a priority. These packages often use much faster technology stacks, as well as featuring dedicated resources and a host of important options to fine tune your server.