DEV Community

Cover image for Top 6 Actionable Website Design Optimisation Tips
Ryan Holton
Ryan Holton

Posted on

Top 6 Actionable Website Design Optimisation Tips

Are you trying to optimise your website's design?

Maybe you're trying to make your website look more vibrant on a phone but don't know how.

I'm a web developer and designer myself, and I've recently been diving deeper into the different techniques to optimise your site's design for mobile.

Want to know what they are? Let's dive right in...

Compress and Minify your assets

Image compression is absolutely essential for when it comes to the web, if your images don't load within a reasonable amount of time you'll lose customers as soon as they land on your website.

What can you do about this?

There's tools available, such as Tiny PNG, but beyond this...

Please...

Make sure that you're optimising your image's resolution as well for the page that your images are on, for example:

Say you've got a website, and your site's container is 1140px wide, there's no point having an image resolution that's 1920px wide.

This is not only going to slow your page speed down, but did you know that the Speed Update that Google released back in 2018 has played a huge part in how your site ranks based on page speed!

Wait... didn't you say 6 tips?

I sure did, and I don't really want to repeat myself twice, so that's why I've already put together an article on this that you might be interested in reading...

Check it out: 6 Actionable Responsive Website Design Optimisation Tips

Top comments (0)