Performance, accessibility & SEO
For all my project I always try to follow SEO and accessibility best practices to the best of my knowledge.
I have taken my skills learned from working on my personal website, as well as The Hoxton and Gleneagles in terms of improving performance. Here is a summary of what I focused on:
- Ensuring all images are optimised and served in next-gen formats such as WEBP.
- Compressing your code to reduce its overall size.
- Have a good caching policy so repeat users have as minimal downloads as possible.
- Use a good web host.
- Make use of lazy loading to help only load content that is actually being viewed by the user.
I endeavoured to make sure the website is keyboard accessible as much as I could. So for example, the lightbox and carousels are can be navigated by the keyboard as well as exiting via the ESC key. I coded in focus techniques so it’s for the user to know where they are on the page when navigating.
Also, it’s very important to test and validate your code to check for errors.
For SEO, no one really knows how Google’s search algorithm works 100%. However, we do know some tips and tricks that will help your website rank higher.
Some easy first steps to take are writing well-formatted semantic HTML that has lots of added information for the user (or web crawler), such as informative alt tags.
Having a sitemap helps Google know what is on your website, so it is a must, but it should also be submitted to Google themselves for even better results. This can be done through Search Console.
Finally, ensuring your site is fast at loading for the user, especially “above the fold” is one of the few things that Google has admitted increases the ranking of your website. You can run tests on Page Speed and GTmetrix.