Stay in Touch
Subscribe to our newletter for advice, articles and discounts on services
Page speed can get pretty technical, so we’ll break it down for you to make it easier to follow. Pay attention to the following tips, and you’ll be well on your way to decreasing your load time.
There are tools to use that help “minify” all your code; however, you can also do this manually by removing blank spaces, comments, or unused code. If these are things you need for future development, create a new branch for production with minified code and let your development branch be slow.
A redirect is a feature of a site that sends a viewer to a different URL. For example, if you visit our site www.ascend.us.com you will be automatically redirected to where our website actually resides, at www.launchitgrowit.com. Redirects take time, so keep them to a minimum. For example, try to serve the site directly to your mobile audience without redirecting to a mobile version (NOTE: this is not the same as building a mobile-first site). If you have a complicated redirect pattern, it will increase load time.
A content distribution network will ensure that your site loads much faster in all parts of the world. If the site a viewer is loading resides on a server in, say, San Francisco and they are loading the site into their browser from Melbourne, Australia, all of the loading requests and messages have to travel all the way from Melbourne to SF and back, which takes time even traveling at internet speeds.
A CDN stores copies of your website in multiple data centers spread around the country or even the globe to provide users with faster and more reliable access. It means that the SF to Melbourne exchange can be shortened to something along the lines of Melbourne to Sydney. This will help load time around the world.
Make sure that images and files on your website are not bigger than they need to be (we recommend that they be generally less than 100 kilobytes). Large images uploaded in resolutions way beyond what the website requires take up unnecessary, and precious, load time.
CSS sprites can help with this by combining all images in one giant image and then choosing to only showcase particular parts of that image (which would be the specific image you want to show).
We recommend using Adobe Photoshop to compress your images to below 100 kilobytes in size. This will reduce the render time on each URL that has images.
A slow website is a bad website, so refrain from using large raw image files or excessively big resolutions.