About our Website

This page provides information on technologies used in developing this website and those of our clients. We use no frameworks, libraires or third party add-ons. Our site are just html, css and vanilla javascript - easy to read and update.

app-shell

We use an appilcation shell architecture for instant load. It keeps your navigation and site look local and pulls in content dynamically through an API. You can find more information from Google article titled Instant Loading Web Apps with an Application Shell Architecture.

PWA

Progressive Web apps are an idea first espoused by Google engineer Alex Russell in June 2015. This site is a progressive web application which makes it installible with one code written for all platforms. If you would like to find out more read What are Progressive Web Apps?

SPA

We are a single page app where content is rendered dynamically using JavaScript, rather than opening a new page. This decreases server-side requests. We ensure our site is search engine friendly by following the recommedation in SEO for Single Page Apps

Optimized Images

Media is the main culprit for slowing page loading. We implement the guidelines provided by How to optimize images

Image sprites

Image sprites are used in numerous web apps where multiple images are used. Rather than include each image as a separate image file, it is much more memory- and bandwidth-friendly to send them as a single image; using image croping as a way to distinguish between individual images in the same image file, so the number of HTTP requests is reduced. We use Spriting with <img>

Performance

We use tools to measure performance and find opportunities to speed up page loads. The tools test on performance, accessibility, best practises and SEO. You can check how your present website stacks-up by using Google's measure tool