Optimised for fast-moving people
Most of 10 Creative’s clients run startups and scaleups, meaning they have limited time in their days. Anything that consumes more time than necessary is vexatious, which is why this website is built from the ground up to be extremely fast - not only does it provide a good user experience, it's also key for SEO. Here are some of the ways I managed to drive the speed up:
Optimise every image - All images on the site are output to 4 or 5 different sizes by the server; your browser then decides which size is best for your device. If you are on a mobile device you will be delivered a far smaller image than if you were looking at the site on a desktop - this is because you don't need a desktop-sized image, and you are most likely using a mobile network with slower speeds than broadband.
Defer loading things until later (lazy loading) - Most images on the site are lazily loaded, meaning your browser will not request and load the image until you scroll down to it. Lazy loading saves bandwidth and makes the website faster because it only loads what it needs.
Use a pre-loading trick to make the site seem blazing fast - All links on this site use a pre-loading trick, so when you hover over a link, your browser will start loading the next page before even clicking the link. On average, a user hovers over a button for about 200-300ms before clicking - if the upcoming page loads in 500ms, there is a perceived speed increase of 40-60%, which is immense!