There is no denying that websites are getting bigger. With the variety of content shown on any particular website and with stylesheets now accommodating multiple screen sizes via responsive web design methods, the modern website can be slow to load. As the majority of web browsing is now done on tablets and smartphone via mobile connections, a successful website not only has to provide good content but be light on the user’s limited bandwidth as well.
Fortunately, the best way to do this is by reducing and optimising the number of files requested when a user views a website.
Fewer HTTP Requests
“Minifying” refers to the elimination of formatting such as line breaks, indentation and spaces from source code. Such formatting is usually to help the developer with reading or editing code but depending on the amount of code, can dramatically increase the overall size of the file.
Websites which rely heavily on imagery can have long loading times if said images aren’t optimised. This can boil down to choosing the right format for each image, the quality setting when exporting or removing excess white space.
For images that only use a few colours, using the GIF or PNG (8-bit) formats can result in a smaller file and most image editors will allow you to choose the size of the colour palette used for each image, which can reduce file sizes further. For images that use millions of colours (such as photographs), the JPEG format is your best option and most image editors will offer quality settings so you can determine the best ration of quality to file size.
Additionally, there are several online tools available, such as Smush.it, which can optimise images for those unfamiliar with image editors.
At FSE Design we take care of all of this and will ensure that your website is optimised in a way keeps loading times to a minimum, meaning end users will have a positive viewing experience.