Now last but not least,
another important aspect of search engine optimization
and a good user experience in general,
is that you should improve and optimize
the performance of your site,
and that you specifically should ensure
that your users don't have to download large
JavaScript files or image files.
Now I got no front-end JavaScript code here.
And even if I would have some code here,
it probably would be pretty small.
Nonetheless, if you have websites
with more complex JavaScript code,
you might want to look for ways of writing it
in a more concise way.
And then there also are tools like Minify JS,
for which you can Google,
which can also help you minify your JavaScript code.
You can put your raw JavaScript code in here
and get the optimized code on the right,
which will still work,
but which, for example, will have the variable names,
shortened and unnecessary white space removed,
and you can then use that optimized code for deployment
and the readable code for local development.
It doesn't matter here, but it is something to be aware of.
You also want to optimize your images.
Here I'm using one image
and I did actually already optimize it before.
It's only around 27 kilobytes big,
which is not very big.
You definitely want to avoid having images
that are two or three megabytes big.
And instead you want to use tools like Photoshop
or other image editing tools to shrink them,
to shrink their dimensions.
You, for example, don't need images
that are 4,000 pixels wide.
You probably won't display them with that size
on the screen anyways.
And you might also want to reduce the quality of the image
inside of an image editing program a little bit
so that you ship by even smaller file.
For example, here, in this example,
I set my image to a width and height of five REM,
which by default is 80 pixels
and hence it would make no sense if my raw image
would have a thousand pixels width,
because it would be the raw image that would be downloaded
and then its size would be adjusted inside of the browser
after it was downloaded.
That's why you want to avoid having super large images,
which are way too large.
A little bit too large is okay,
but having a 2000 pixels image,
if you only need five REM of width is definitely too much.
I also briefly want to mention services
like Cloudinary again,
which you cannot just use for storing user uploaded files,
but also for your own images that are part of your website.
You can upload them manually as a developer
and then use the URLs Cloudinary gives you
to embed those URLs into the HTML code
and then Cloudinary even offers some optimization
on their servers to shrink and optimize the image for you.
They have a lot of features related to that.
If you want to use them,
definitely check out their documentation
and that can then be another building block
which allows you to provide an even more optimized website.