Request Dev Services » / Notes /

7 ways to cut down on web load time (Performance tips)

  1.  Use CSS over JavaScript, jQuery, and images; wherever and as much as possible. CSS3 (& SASS) is very powerful these days, and by far the lightest approach. Animations, sprites, textures, colors, image effects, pagination, sliders, links, and much more can be handled with pure CSS. If you have SASS installed you have even more CSS power.
  2. Have clean, semantic, accessible code; written in the best format and using best practices. Cleaner code means less code, which means less load time. It also means it’s written with the lightest solutions and best methods, and organized properly (externally and internally). Remove any unused code, host your needed JavaScript files and include them externally properly in the code. Use less bloaty solutions and libraries or frameworks. Avoid third party service wherever possible.
  3. Cut down on rich media; if you can’t optimize them for web. Clunky videos, flash, animated GIFs, transparent PNGs. Animated GIFS, and flash, for instance could many times be done in pure CSS (See #1), or SVG. Or, they could be done with a combination of CSS3, JavaScript/jQuery chaining, and SVG; which is still much lighter then flash or gif file. Videos, and large images could be optimized and saved for web using PhotoShop or similar with lighter sizes, and could be partially handled in the code such as HTML5 video controls.
  4. Consider a CDN (Content Delivery Network); if you have a lot of content, particularly in the media types described in #3, consider using a CDN such as Amazon for instance, to host, call and organize your media from the cloud.
  5. Fire your hosting provider, upgrade your hosting, or change your web hosting provider. There are some bad hosting providers out there these days, let’s face it, many will throttle the service; give you the bare minimum – or stuck with a legacy back-end architecture, maybe a very old version of PHP, for example. Or maybe you require more space, or an upgrade. Research the best hosting provider based off your scaleable needs.
  6. Audit your back-end. Maybe your performance is being choked by a legacy, clunky, back-end that needs updating. Maybe it’s some old LAMP architecture, Database, or some gross old school system that needs to be changed or optimized.
  7. Use free powerful online tools such as Pingdom and Google Performance tools for more insights into specifically whats causing the slow performance of your web property or system.

About the Author
Cameron Cashwell Web Developer
I build websites, web apps, and software. Wanna work together? Let's chat about your project!

Leave a Reply

Be the First to Comment!

Notify of