vector logo of a lion in many colors

I am a front end web developer

In this modern day websites have never been more important for showing the face of your business to potential customers. Don't forsake the singular most important part of your business startup. Your website speaks a 1000 words to your future customers. Make it count.

Let me show you below

Website Performance

Website performance is to how well your website performs on the web. How good is the code? How well is the website put together? How well will the website run when it loads? Everything is taken into consideration to make the website experience for users the best possible.

As a front end developer I strive to maximise the performance of all my websites - and I use testing tools to prove the build quality for all my clients. It means all my work is very transparent and I like to encourage this kind of build quality.

The tools I use:

GTMetrix | Google PageSpeed Insights | Lighthouse

vector icon of a image placeholder

Optimise images

Specify image dimensions

Serve images in next-gen formats

Lazyload images

SVG used for logos & icons

Fully responsive images

vector icon of an file indicating content

Minify Javascript

More info

When developers write code they write it in a way that makes it easy for humans to read. For example, they use a lot of 'spaces' between words, new paragraphs to separate sections of code and/or use plenty of line breaks. It all helps in making the code visually more readable to humans.

In addition, sometimes developers label and use comments to help explain their logic to other developers or highlight sections of code to increase readability.

All this 'extra stuff' creates a significantly larger file size.

When computers read code however they can read it all in a single line and this is what 'minification or minifying' is. All spaces, paragraphs, linebreaks and comments are removed. The code is all smushed together, dramatically reducing the size of the file. This changes nothing for the computer but it does increase download speeds, leading to faster loading of websites.

Minify CSS

More info

See minify JavaScript for an explination. It is the same principle.

Minify HTML

More info

See minify JavaScript for an explination. It is the same principle.

Remove unused CSS

Javascript execution time

Add expires headers

Specify a character set early

vector icon of a server

Enable gzip compression

Preload key requests

Avoid bad page redirects

Server response times are low

Use of a CDN

Uses efficient cache policy

Avoid multiple page redirect

Website Accessibility

Website accessibility is how useable your website is to people who have poor eyesight, are hard of hearing or have dexterity issues. As a font end developer, I am a big fan of this functionality and you can expect all my websites to be fully accessible in every area. I meet the AA standard as a minimum.

The tool I use:

Lighthouse

vector icon of a person in their wheelchair on a laptop

Images have 'alt' attributes

More info

Interactive elements have 'focus' state

More info

Website has logical 'focus' order

More info

Colour contrast - AA standard

More info

Interactive items are clearly labelled

More info

Wesite has aria-roles

More info

HTML5 semantics used throughout

More info

Website Security

All my websites have full security where applicable. I aim to get the full A+ score with every project. It is the extra mile a take to deliver high quality websites.

The tool I use:

Mozilla Observatory

vector icon of an A and plus symbol = A+

Content Security Policy

More info

Cross-origin Resource Sharing

More info

HTTP Strict Transport Security

More info

X-Content-Type-Options

More info

X-Frame-Options

More info

X-XSS-Protection

More info
Privacy & Cookie Policy