What page load improvements would you get by optimising images on the website. Before & after comparison. My caveat about using Google PageSpeed for tests.

Here is the fourth and final article in an image optimization series for my blog built on Nuxt with NetlifyCMS.

Check previous ones if you haven’t already:

  1. Image optimization service for Netlify CMS and Nuxt — about how I have chosen to use Netlify Large Media for that.

In this article, I will go through the speed improvements I achieved.

I have run…


How to make a responsive image loading from Netlify Large Media. What is lazy loading? And how to use all this in HTML and Markdown. What will work and what will not.

This is the third article about image optimization I implemented in my blog on Nuxt with Netlify CMS.

Check previous ones if you haven’t already:

  1. Image optimization service for Netlify CMS and Nuxt — about how I have chosen to use Netlify Large Media for that.

In this article, I’m going to talk about how I implemented all this on my website. What worked and what didn’t.

Images in HTML

Let’s start with the images set using HTML.

This is how it’s done with me:

<img
src="/img/sample_image.png?nf_resize=fit&w=250"…


Why JAMstack has been chosen over WordPress for my blog. Why Nuxt was chosen for site building, Netlify for hosting and Netlify CMS for content management.

JAMstack is better that WordPress
JAMstack is better that WordPress

Here is a bit of into:

As every person who thinks about creating a blog, the first thing I thought is creating one on WordPress. I even have created one a few years ago, and hosted for free on wordpress.com. I have written one article there, and then the blog got lost.

Then, after my first blogging approach, I have learned quite a lot of programming. Mostly mobile programming(I use Flutter for day-to-day programming and from time to time write some native code), and a bit of web development too.

In my spare time, I launched a few games build on Flutter to start earning money…


My path installing Netlify Large Media and fixing many raised problems. And of course what I think about Netlify Large Media at the end.

Author angry feelings after installing Netlify Large Media
Author angry feelings after installing Netlify Large Media

After choosing to use Netlify Large Media as image optimization service, I started setting it up. In this article, you could read why it was selected and how it works.

Here I will mostly use “NLM” abbreviation of Netlify Large Media for convenience.

First, using the docs, I installed Netlify CLI and authenticated. Then I went to the following docs on Large Media setup. After finishing the NLM installation on a PC without a problem, I set all files in static/img/ (where my site images are located) folder for tracking and pushed all that to Git. …


Choosing service for loading context optimised images on Nuxt website with Netlify CMS

I ones wanted to distribute PDF files from my website and was looking for the ways to handle that with my Nuxt site on Netlify. During the search, I found Netlify Large Media service which intended to help to work with large files in Git. In this article, I will mostly use “NLM” abbreviation for convenience. So while I was skimming through its description, I saw the image transformation service that NLM provides. Basically, it makes images with custom sizes on load request. I found this interesting and made a to-do to investigate that.

While building my website, I just…

Nikita Goncharuk

I’m a developer and digital entrepreneur finding my way. https://twitter.com/nikitago_

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store